前端--3D立体魔方小游戏

win多多多 lv.2

发布时间：2023-01-04 06:37:26 335

相关标签： # 前端# css# java# scala# java

一、案列效果

前端--3D立体魔方小游戏_动画

二、案列目录

文件获取 JS文件获取

前端--3D立体魔方小游戏_css_02

三、案列代码

文件可在本文案例目录获取

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="description" content="Rubik’s Cube">
    <meta name="keywords" content="Erno Rubik’s Cube">
    <link rel="stylesheet" type="text/css" href="css/cube.css">
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="icon" type="image/png" href="img/cuber-favicon-0064x0064.png">
    <link rel="apple-touch-icon" href="img/cuber-favicon-0144x0144.png">

    <title>Cuber</title>

    <script charset="utf-8" src="js/tween.min.js"></script>

    
    <script charset="utf-8" src="js/Three.js"></script>
    <script charset="utf-8" src="js/EventDispatcher.js"></script>
    <script charset="utf-8" src="js/Math.js"></script>
    <script charset="utf-8" src="js/Quaternion.js"></script>
    <script charset="utf-8" src="js/Vector2.js"></script>
    <script charset="utf-8" src="js/Vector3.js"></script>
    <script charset="utf-8" src="js/Box3.js"></script>
    <script charset="utf-8" src="js/Sphere.js"></script>
    <script charset="utf-8" src="js/Euler.js"></script>
    <script charset="utf-8" src="js/Matrix3.js"></script>
    <script charset="utf-8" src="js/Matrix4.js"></script>
    <script charset="utf-8" src="js/Object3D.js"></script>
    <script charset="utf-8" src="js/Camera.js"></script>
    <script charset="utf-8" src="js/PerspectiveCamera.js"></script>
    <script charset="utf-8" src="js/Ray.js"></script>
    <script charset="utf-8" src="js/Plane.js"></script>


    
    <script charset="utf-8" src="js/ERNO.js"></script>
    <script charset="utf-8" src="js/CSS3DRenderer.js"></script>
    <script charset="utf-8" src="js/utils.js"></script>
    <script charset="utf-8" src="js/Number.js"></script>
    <script charset="utf-8" src="js/String.js"></script>
    <script charset="utf-8" src="js/Array.js"></script>
    <script charset="utf-8" src="js/colors.js"></script>
    <script charset="utf-8" src="js/directions.js"></script>
    <script charset="utf-8" src="js/queues.js"></script>
    <script charset="utf-8" src="js/twists.js"></script>
    <script charset="utf-8" src="js/cubelets.js"></script>
    <script charset="utf-8" src="js/groups.js"></script>
    <script charset="utf-8" src="js/slices.js"></script>
    <script charset="utf-8" src="js/folds.js"></script>
    <script charset="utf-8" src="js/projector.js"></script>
    <script charset="utf-8" src="js/interaction.js"></script>
    <script charset="utf-8" src="js/controls.js"></script>
    <script charset="utf-8" src="js/cubes.js"></script>
    <script charset="utf-8" src="js/solvers.js"></script>
    <script charset="utf-8" src="js/renderer.js"></script>

    <script charset="utf-8" src="js/jquery.js"></script>
    <script charset="utf-8" src="js/iecss3d.js"></script>
    <script charset="utf-8" src="js/ierenderer.js"></script>
    <script charset="utf-8" src="js/locked.js"></script>
    <script charset="utf-8" src="js/deviceMotion.js"></script>
    <script charset="utf-8" src="js/main.js"></script>

</head>

<body class="graydient">
    <div id="container"></div>
    <div id="fail">
        <h1>Sorry,</h1>
        <h2>Cubers broken</h2>
    </div>
</body>

</html>

文章来源： https://blog.51cto.com/u_14957290/5972703

特别声明：以上内容（图片及文字）均为互联网收集或者用户上传发布，本站仅提供信息存储服务！如有侵权或有涉及法律问题请联系我们。