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