three实现三维宇宙全景效果代码-html代码-BFW代码库

three实现三维宇宙全景效果代码

代码语言：html

所属分类：其他

代码描述：three实现三维宇宙全景效果代码

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

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

<head>

    <meta charset="UTF-8">





    <style>
        html, body {
          margin: 0; 
          overflow: hidden;
        }
        #space-container-top {
          opacity: 0.6;
          position: absolute;
          top: 0;
          z-index:10;
        }
        img.cosmos {
         position: absolute;
         z-index: 20;
         width: 24vw;
         margin: auto;
         top: 0; left: 0; bottom: 0;  right: 0;
        }
    </style>




</head>

<body >
    <div id="space-container">
    </div>
    <div id="space-container-top"></div>
 <!--    <img class="cosmos center" src="//repo.bfw.wiki/bfwrepo/icon/60b2c443baaca.png" /> -->


<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/three.88.js"></script>
    <script>
        var camera1, camera2, scene1, scene2, renderer1, renderer2;
        
        var isUserInteracting = false,
        onMouseDownMouseX = 0,
        onMouseDownMouseY = 0,
        lon = 0,
        onMouseDownLon = 0,
        lat = 0,
        onMouseDownLat = 0,
        phi = 0,
        theta = 0;
        
        init();
        .........完整代码请登录后点击上方下载按钮下载查看