9.问答 标签（空格分隔）： three.js 为什么在例子中有 meta 的视图标签？ {代码...} 这些标签控制视图大小，并对移动设备的浏览器进行缩放（页面内容可能会在不同设备尺寸上展示有所不同） 缩放时怎么保证视图大小不变 我们希望所有对象，不管是摄像机的实例，当窗口缩放时都以相同尺寸展示。也就是在给定的距离控制可...

6.创建文字 标签： three.js有时你可能需要在应用中使用文字，以下有几种方法。 DOM + CSS 使用 html 是最快最简单来添加和管理文字的。大多数我们给的示例，是采用这种方法来用作描述性的层。 你可以向其中添加内容 {代码...} 运用 css 标记语言的 z-index ，并绝对定位到所有层之上，尤其你想在全屏下运行 three.js {...

5.绘制直线 标签： three.js 比如你想绘制一条直线或者一个圆，而不是网格状体。首先需要设置渲染器，场景和摄像机（参考第一节） 我们需要如下代码： {代码...} 下一步就是确定材质。对于线条我们必须用 LineBasicMaterail 或者 LineDashedMaterial（虚线）。 {代码...} 过后我们需要有数个顶点的 Geometry（几何体） ...

如果你只是使用程序化的几何体，不需要加载任何材质，网页应该直接从文件系统加载，只需要双击文件管理器中 HTML 文件，应该在你的浏览器能够运行（地址栏长这样子：file:///yourFile.html）

3.WebGL 兼容性检查 尽管大部分情况无须担心，但有些设备或者浏览器仍然不支持 WebGL。以下方法能让你检查是否受支持并能提供给用户信息反馈。 在你的 js 中添加 [链接]，在准备开始渲染前运行如下代码 {代码...} 尽管大部分情况无须担心，但有些设备或者浏览器仍然不支持 WebGL。以下方法能让你检查是否受支持并能提供...

2.通过模块导入 标签： three.js 通过 script 标签导入 three.js 是很好的入门并快速运行的方式，对于长期更新的项目有些不足，比如： 你需要手动调用和引入库里的副本，作为你项目源码的一部分。 更新库的版本是手动的过程 当引入新版本库，你的版本管理差异会与源文件混乱 使用像 NPM 这样的依赖管理能避免这些版本问...

1.创建场景 标签： three.js 本节目标是为 three.js 做简介。我们从使用旋转立方体来搭建场景开始。如果遇到困难需要帮助，页面底部有可参考的源码。 开始前 在计算机中保存如下 HTML 代码，并在 js 目录下包含 three.js，然后在浏览器中打开 {代码...} 接下来的代码都会下载 script 标签中 创建示例场景 为了利用three....