3d文字直升飞机效果

代码语言:html

所属分类:动画

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<style>
body {
	margin: 0;
	overflow: hidden;
}
canvas {
	cursor: grab;
}
</style>

</head>
<body translate="no">
<script type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/three.js"></script>
<script src='http://repo.bfw.wiki/bfwrepo/js/OrbitControls.js'></script>
<script >
window.addEventListener("DOMContentLoaded", app);

function app() {
  var scene,
  camera,
  renderer,
  roflcopter,
  colors = [0xf1f1f1, 0x171717],

  adjustWindow = () => {
    camera.aspect = window.innerWidth / window.innerHeight;
    camera.updateProjectionMatrix();
    renderer.setSize(window.innerWidth, window.innerHeight);
  },
  detectScheme = mq => {
    if (mq.matches) {
      // dark
      renderer.setClearColor(new THREE.Color(colors[1]));
      roflcopter.material.color.set(colors[0]);
    } else {
      // light
      renderer.setClearColor(new THREE.Color(colors[0]));
      roflcopter.material.color.set(colors[1]);
    }
  },
  init = () => {
    // setup
    scene = new THREE.Scene();
    camera = new THREE.PerspectiveCamera(60, window.innerWidth.........完整代码请登录后点击上方下载按钮下载查看

网友评论0