十分鐘快速實(shí)戰(zhàn)Three.js

前言

本文不會對Three.js幾何體 、材質(zhì)
 、相機(jī)、模型
、光源等概念詳細(xì)講解 ，會首先分成幾個(gè)模塊給大家快速演示一盒小案例
。大家可以根據(jù)這幾個(gè)模塊快速了解Three.js的無限魅力
。
學(xué)習(xí)

我們會使用Three.js簡單做一個(gè)立方體，為了大家更能宏觀的了解Three.js 。我將會分解成代碼段（模塊）來進(jìn)行開發(fā) 。
模塊如下：

場景對象
網(wǎng)格模型
光源
相機(jī)
渲染器對象
渲染操作

1. 創(chuàng)建html文件

首先，我們得創(chuàng)建一個(gè)html文件 ，這樣才有地方開發(fā) 。創(chuàng)建完成后，我們可以引入Three.js文件，今天，它可是主角 。我是直接引入遠(yuǎn)程URL地址進(jìn)行加載