three.js 中文文档 9.问答

9.问答

标签（空格分隔）： three.js

---

为何在例子中有 meta 的视图标签？

<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

这些标签控制视图大小，并对移动设备的浏览器进行缩放（页面内容可能会在不一样设备尺寸上展现有所不一样）

缩放时怎么保证视图大小不变

咱们但愿全部对象，无论是摄像机的实例，当窗口缩放时都以相同尺寸展现。也就是在给定的距离控制可视高度。

visible_height = 2 * Math.tan( ( Math.PI / 180 ) * camera.fov / 2 ) * distance_from_camera;

若是咱们经过百分比来增长窗口高度，咱们但愿全部实例的可视高度都以此百分比增长。这不能经过改变摄像机位置来实现，你须要改变摄像机的视角。示例

为何个人有些对象看不见？

多是由于面选择。面决定自身朝向。面选择在正常状况下移除了背面。若是这是问题所在，能够改变材质的面为 THREE.DoubleSide

material.side = THREE.DoubleSide