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