02-THREE.JS辅助线使用
Posted 韩帅
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了02-THREE.JS辅助线使用相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html> <html> <head> <title></title> <script src="https://cdn.bootcss.com/three.js/r67/three.js"></script> <style> body { margin: 0; overflow: hidden; } </style> </head> <body> <div id="WebGL-output"> </div> <script type="text/javascript"> function init() { // 创建场景 var scene = new THREE.Scene(); // 创建相机 var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000); // 创建渲染器 var renderer = new THREE.WebGLRenderer(); renderer.setClearColorHex(); renderer.setClearColor(new THREE.Color(0xEEEEEE)); renderer.setSize(window.innerWidth, window.innerHeight); //辅助线 var axes = new THREE.AxisHelper(20); scene.add(axes); // 相机坐标设置 camera.position.x = -30; camera.position.y = 40; camera.position.z = 30; camera.lookAt(scene.position); // 添加到DOM元素里面 document.getElementById("WebGL-output").appendChild(renderer.domElement); // 渲染场景 renderer.render(scene, camera); } window.onload = init; </script> </body> </html>
X轴是红色. Y轴是绿色. Z轴是蓝色
以上是关于02-THREE.JS辅助线使用的主要内容，如果未能解决你的问题，请参考以下文章
dotnet 通过 GitHub 的 Action 辅助下载国外资源文件的离线下载方法