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