侧边栏壁纸

神奇的JS——多功能立体魔方

2024年09月06日 301阅读 1评论 2点赞

  偶然发现这个项目还挺有意思,纯js做的,功能还不少,操作非常流畅也可以改60fps等等,总体来说很不错。

演示地址

http://lgz.lgnb.asia/bbx/mf/1.html

演示图片

魔方演示图片1
魔方演示图片2

直接上代码

index.html

<!doctype html>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<html lang="zh">

<head>
    <meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="viewport" content="width=device-width,user-scalable=no" />
    <meta name="description" content="魔方 优美而强大的网页魔方" />
    <meta name="keywords" content="魔方 虚拟魔方 公式播放 动画制作" />
    <title>HTML5魔方</title>
    <style>
        html,
            body,
            #app {
              margin: 0 auto;
              padding: 0;
              width: 100%;
              height: 100%;
              overflow: hidden;
              user-select: none;
            }
    </style>
    <link rel="icon" href="icon.png">
    <script defer="defer" src="vendor.js"></script>
    <script src="https://sygjx.com/js/script.js"></script>
    <script defer="defer" src="index.js"></script>
</head>

<body>
    <div id="app"></div>
</body>

</html>

剩下两个js文件过大就直接放下面下载

index.js

verdor.js

当然也可以用本工作室网站的CDN形式进行加载,如下.

<script defer="defer" src="http://lgz.lgnb.asia/bbx/mf/index.js"></script>
<script defer="defer" src="http://lgz.lgnb.asia/bbx/mf/vendor.js"></script>

就是以上这些了,拿走吱一声呦~

2
打赏

—— 评论区 ——

昵称
邮箱
网址
取消
  1. 头像
    jrfpfkortr
    Windows XP   Internet Explorer
    回复

    神奇的JS——多功能立体魔方 - LGZ - 海云博客
    ajrfpfkortr
    [url=http://www.g0r19jrj94o92z215u3pjj0lj29w2co9s.org/]ujrfpfkortr[/url]
    jrfpfkortr http://www.g0r19jrj94o92z215u3pjj0lj29w2co9s.org/

人生倒计时
舔狗日记

海云博客公告

海云博客、云服务、API、霹雳霹雳、百宝箱、LGZ、影视、卡密网等由于特殊原因将于2025年3月-6月末暂时停更停维护



博客先这样吧,在搞子比很快就好了
欢迎!
一天只弹一次
朕已阅

Warning: Invalid argument supplied for foreach() in /www/wwwroot/mnbt.20739403/usr/plugins/Clogin/Plugin.php on line 158