十分钟快速实战Three.js
十分鐘快速實戰(zhàn)Three.js
前言
本文不會對Three.js幾何體、材質(zhì) 、相機、模型 、光源等概念詳細講解,會首先分成幾個模塊給大家快速演示一盒小案例。大家可以根據(jù)這幾個模塊快速了解Three.js的無限魅力 。
學習
我們會使用Three.js簡單做一個立方體,為了大家更能宏觀的了解Three.js。我將會分解成代碼段(模塊)來進行開發(fā) 。
模塊如下:
場景對象
網(wǎng)格模型
光源
相機
渲染器對象
渲染操作
1. 創(chuàng)建html文件
首先 ,我們得創(chuàng)建一個html文件,這樣才有地方開發(fā)。創(chuàng)建完成后,我們可以引入Three.js文件
,今天
,它可是主角。我是直接引入遠程URL地址進行加載
,你也可以去官網(wǎng)進行下載到本地引入
。
。。。 。。