什么是 Three.js?
Three.js 是一個基于 WebGL 的 JavaScript 庫,它簡化了 3D 圖形編程,讓開發者無需深入了解底層 WebGL API 就能創建復雜的 3D 場景。它廣泛應用于網頁游戲、可視化、虛擬現實等領域。
學習目標
- 理解 Three.js 的核心組件:場景(Scene)、相機(Camera)、渲染器(Renderer)。
- 創建并渲染一個簡單的 3D 場景。
- 實現一個旋轉的立方體動畫。
環境搭建
我們將使用 CDN 引入 Three.js,無需本地安裝。以下是完整的代碼實現:
<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Three.js 入門 - 旋轉立方體</title><style>body { margin: 0;