three打造逼真的夜晚灯光照射照耀光晕光环效果代码-html代码-BFW代码库

three打造逼真的夜晚灯光照射照耀光晕光环效果代码

代码语言：html

所属分类：三维

代码描述：three打造逼真的夜晚灯光照射照耀光晕光环效果代码

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

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

<head>
    <meta charset="UTF-8">
    <style>
        body{background-image:starfield(3,30);background-repeat:repeat;background-size:400px 400px;background-color:#000;margin:0;overflow:hidden;padding:0}
    </style>
</head>

<body>

    <div id="container"></div>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/three.84.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.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/xRingGeometry.js"></script>
    <script >
/**
 * @file
 * The main scene.
 */

/**
 * Define constants.
 */
const TEXTURE_PATH = '//repo.bfw.wiki/bfwrepo/images/xring/';

/**
 * Set our global variables.
 */
var camera,
    scene,
    renderer,
    effect,
    controls,
    element,
    container,
    rotationPoint;

var textureFlare0;
var textureFlare2;
var textureFlare3;

document.addEventListener( 'mousemove', onDocumentMouseMove, false );

init();
animate(); 

/**
 * Initializer function.
 */
function init() {
  // Build the container
  container = document.createElement( 'div' );
  document.body.appendChild( contai.........完整代码请登录后点击上方下载按钮下载查看