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

背景

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

第一部分:three.js介紹

創(chuàng)建場(chǎng)景

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

開(kāi)始之前

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

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

網(wǎng)友評(píng)論