点击上方蓝字“砖人专语”关注我们
本篇教程通过一个示例简单的介绍了threejs主要概念,以及在threejs中场景的呈现逻辑。最后有示例的代码,可以自己运行尝试
开始之前在使用three.js之前,你需要有一个地方来呈现它。
可以将下面代码保存,并且用浏览器打开
<html> <head> <meta charset="utf-8"> <title>My first three.js apptitle> <style> body { margin: 0; } canvas { width: 100%; height: 100% }style> head> <body> <script src="js/three.js">script> <script> // Our Javascript will go here.script> body>html>
下面所有的代码都会在script标签里面
创建场景
要想使用three.js来展示任何物体,我们需要三样东西: s