中文 English 日本語 한국어 공부 해요. Français Español ภาษาไทย بالعربية  русский язык Português Deutsch Italiano Ελληνικά Nederlands Svenska ViệtName

创建一个场景(Creating a scene)

这一部分将对three.js来做一个简要的介绍;我们将开始搭建一个场景,其中包含一个正在旋转的立方体。页面下方有一个已经完成的例子,当你遇到麻烦,或者需要帮助的时候,可以看一看。

开始之前

在开始使用three.js之前,你需要一个地方来显示它。将下列HTML代码保存为你电脑上的一个HTML文件,同时将three.js复制到该HTML文件所在的目录下的js/目录下,然后在你的浏览器中打开这个HTML文件。

<!DOCTYPE html> <html> <head> <meta charset=utf-8> <title>My first three.js app</title> <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来进行显示,我们需要以下几个对象:场景、相机和渲染器,这样我们就能透过摄像机渲染出场景。