網(wǎng)頁3D效果庫Three.js初窺

背景

一直想研究下web頁面的3D效果,最后選擇了一個比較的成熟的框架Three.js下手
ThreeJs官網(wǎng)
ThreeJs-github;
接下來我會陸續(xù)翻譯 Three.js官網(wǎng)的文檔,部分文字和代碼為我個人添加。

第一部分:three.js介紹

創(chuàng)建場景

這部分的目標(biāo)是為Three.js做一個簡單的介紹,我們會以創(chuàng)建一個場景,一個旋轉(zhuǎn)的立方里開始,文章的結(jié)尾會有一個可運行的完整示例為你解惑。

開始之前

在你使用Three.js之前,你需要在你的電腦上建立文件存放下面的html,并需要建立js目錄將three.js放入,打開瀏覽器瀏覽。

<!DOCTYPE html> <html> <head> <meta charset=utf-8> <title>My first Three.js app</title> <style> body { margin: 0; } canvas { width: 100%; 
        		

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運,軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式