three打造一个三维飞行胡萝卜和兔子效果代码-html代码-BFW代码库

three打造一个三维飞行胡萝卜和兔子效果代码

代码语言：html

所属分类：三维

代码描述：three打造一个三维飞行胡萝卜和兔子效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
 



    <style>
        :root {
            font-size: 16px;
        }

        * {
            margin: 0;
            padding: 0;
        }

        body {
            width: 100vw;
            height: 100vh;
        }

        a {
            color: red;
        }

        canvas {
            display: block;
        }

        .credits {
            position: fixed;
            bottom: 1rem;
            right: 1rem;
            font-family: Open Sans, sans-serif;
            font-size: 0.55rem;
            color: var(--color-a);
        }

            .credits > span {
                display: flex;
                align-items: center;
                justify-content: flex-end;
                padding-top: .5rem;
            }
    </style>
</head>
<body>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/TweenMax.min.js"></script>
   <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/three.123.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/OrbitControls.min.js"></script>


    <script>
        var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } var internals = {};

        internals.W = 500;
        internals.H = 500;

        internals.randomIntFromInterval = function (min, max) {
            return (
                Math.floor(Math.random() * (max - min + 1) + min));
        };

        internals.materials = {
            orange: new THREE.MeshPhongMaterial({ color: 0xB7513C, flatShading: true }),
            green: new THREE.MeshPhongMaterial({ color: 0x379351, flatShading: true }),
            brown: new THREE.MeshPhongMaterial({ color: 0x5C2C22, flatShading: true }),
            pink: new THREE.MeshPhongMaterial({ color: 0xB1325E, flatShading: true }),
            gray: .........完整代码请登录后点击上方下载按钮下载查看