three打造一个三维凹凸带大气层的地球旋转效果代码-html代码-BFW代码库

three打造一个三维凹凸带大气层的地球旋转效果代码

代码语言：html

所属分类：三维

代码描述：three打造一个三维凹凸带大气层的地球旋转效果代码

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

<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="UTF-8">





    <style>
        body {
            margin: 0;
        }

        canvas {
            display: block;
        }
    </style>


</head>

<body>


    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/three.75.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/OrbitControls.min.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/dat.gui-min.js"></script>
    <script>
        // Scene, Camera, Renderer
        let renderer = new THREE.WebGLRenderer();
        let scene = new THREE.Scene();
        let aspect = window.innerWidth / window.innerHeight;
        let camera = new THREE.PerspectiveCamera(45, aspect, 0.1, 1500);
        let cameraRotation = 0;
        let cameraRotationSpeed = 0.001;
        let cameraAutoRotation = true;
        let orbitControls = new THREE.OrbitControls(camera);

        // Lights
        let spotLight = new THREE.SpotLight(0xffffff, 1, 0, 10, 2);

        // Texture Loader
        let textureLoader = new THREE.TextureLoader();

        // Planet Proto
        let planetProto = {
            sphere: function(size) {
                let sphere = new THREE.SphereGeometry(size, 32, 32);

                return sphere;
            },
            material: function(options) {
                let material = new THREE.MeshPhongMaterial();
      .........完整代码请登录后点击上方下载按钮下载查看