上一篇 Three.js 3D Library (2) 模型實作 我們建立了行星動畫，接下來試著加入發光效果，讓畫面更吸睛～

UnrealBloomPass 發光效果

Three.js 提供了強大的渲染引擎和豐富的功能，其中後製（Post-processing）是在渲染到螢幕前對畫面進行一些處理，再將畫面渲染到螢幕上，以達到特定的視覺效果，UnrealBloomPass 是其中一個後製功能，可以打造出逼真的發光效果。

閱讀更多

依照上一篇 Three.js 3D Library (1) 基本介紹 介紹了製造 3D 圖形的基本元素，接下來進行實作吧！

座標系統

開始實作之前，必須先了解 Three.js 使用 右手座標系統 Right-Hand Coordinate 來定義 3D 空間：

X軸：向右為正方向，Y軸：向上為正方向，Z軸：向外為正方向

閱讀更多

Three.js 是一個基於 WebGL 開發的 JavaScript 函式庫，可在網頁上建立 3D 圖形。Three.js 提供比 WebGL 更簡單、高效且功能豐富的方式來創建互動性的 3D 場景，並支援多種渲染器，包括 WebGL、Canvas 和 SVG

套件安裝

npm i three

import * as THREE from 'three'

閱讀更多