一直對webgl感興趣，終於提起精神學習了，前路漫漫啊~
在three.js中，要渲染物體到網頁中，我們需要3個組建：場景（scene）、相機（camera）和渲染器（renderer）。有了這三樣東西，才能將物體渲染到網頁中去。
記住關建語句：有了這三樣東西，我們才能夠使用相機將場景渲染到網頁上去。
另乙個組建是相機，相機決定了場景中那個角度的景色會顯示出來。相機就像人的眼睛一樣，人站在不同位置，抬頭或者低頭都能夠看到不同的景色。
場景只有一種，但是相機卻又很多種。和現實中一樣，不同的相機確定了呈相的各個方面。比如有的相機適合人像，有的相機適合風景，專業的攝影師根據實際用途不一樣，選擇不同的相機。對程式設計師來說，只要設定不同的相機引數，就能夠讓相機產生不一樣的效果。
例項一，初探：
doctype html
>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>初探
title
>
<
style
>
canvas
style
>
<
script
src="lib/three.js"
>
script
>
head
>
<
body
>
<
script
>
varscene
=new
three.scene();//場景
varcamera
=new
three.perspectivecamera(
75, window.innerwidth
/window.innerheight, 0.1, 1000);//透視相機
varrenderer
=new
three.webglrenderer(); //渲染器
renderer.setsize(window.innerwidth, window.innerheight);//設定渲染器的大小為視窗的內寬度，也就是內容區的寬度
vargeometry
=new
three.cubegeometry(1,
1,1);
varmaterial
=new
three.meshbasicmaterial();
varcube
=new
three.mesh(geometry, material); scene.add(cube);
camera.position.z =5
;
function
render()
render();
script
>
body
>
html
>
WebGL學習筆記3
webgl lesson 10 loading a world,and the most basic kind of camera 這個demo載入了乙個場景，並且能處理鍵盤事件。載入場景 xmlhttprequest http get request a callback function當載入場...
學習筆記 WebGL教程 MDN
本學習筆記存在意義 閱讀學習mdn教程中自己的想法。step.1 起點 getting started with webgl act.1 切換語言 中文 act.2 已瀏覽一遍，腦袋記憶不住的地方是webgl 語言中的關鍵變數 mdn教程的開始，是準備html結構和js腳手架。這個部分對於js單刀手...
WEBGL學習筆記（二） 矩陣變換
遊戲已經做好，但是不能支援哈，我在我的獨立部落格裡面加入了這個遊戲。載入時候會黑屏，等待數秒即可，點選這裡體驗試玩 three.js 使用矩陣matrices進行3d變換 位置 position 平移,旋轉rotations,和縮放scaling.每乙個object3d例項都儲存乙個矩陣儲存位置，旋...