4、知識補充：右手座標系
可以觀察上圖，
相同點： x軸正方向向右，y軸正方向向上；
不同點： 左手為向螢幕裡，而右手為向螢幕外；
5、線條的深入理解----繪製乙個網格
1）定義兩個點
在x軸上定義兩個點p1(-500，0，0),p2(500，0，0)
2）演算法
這兩個點決定了x軸上一條線段，將這條線段複製20遍，分別平行移動到z軸的不同位置，就能形成一組平行的線段；
同理，將x軸上的這條線段先圍繞y軸旋轉90度，然後在複製20份，平行於x軸移動到不同位置；**如下：
for(var i=0;i<=20;i++)));
line.position.z= (i*50)-500;
scene.add(line);
var line = new three.line(geometry,new three.linebasicmaterial());
line.rotation.y = 90*math.pi/180; //旋轉90度
line.position.x = (i*50)-500;
scene.add(line);
}
總結：
對於立體的影象如果很難腦補，可以用筆畫出來這樣更加容易理解；
WebGL學習筆記3
webgl lesson 10 loading a world,and the most basic kind of camera 這個demo載入了乙個場景，並且能處理鍵盤事件。載入場景 xmlhttprequest http get request a callback function當載入場...
WebGL程式設計（1） 學習總結之WebGL常用方法
webgl簡介 webgl，是一項使用canvas在網頁上繪製和渲染複雜三維圖形 3d圖形 並允許使用者與之進行互動的技術，webgl的技術規範繼承自免費和開源的opengl標準，而後者在計算機圖形學 電子遊戲 計算機輔助設計等領域已被廣泛使用多年。由於webgl處理的是三維圖形，所以它使用的是三維...
WebGL展示3D房屋內景
由於生活和工作上的原因,從年前開始一直到處奔波,沒有太多的時間去關注和學習webgl圖形學相關的技術,不過陸陸續續都有學習使用blender進行3d建模,而這篇文章涉及到的房屋內景3d建模就是我這段時間以來的學習成果,現在展示出來.檔案模型比較大,頁面載入比較慢,請耐心等候,例項為 餐廳 dinni...