技術 C1 彈跳吧！彈珠－粒子系統彈性碰撞

引言 在上一個主題中，我們成功實現了基本的動畫效果和粒子系統，並設計了一個獨立的繪圖管理工具。然而，對於一個相對簡單的粒子系統來說，這樣的設計似乎有些多餘，因為...

技術 B6 從掠食者-獵物模型瞥見粒子系統－魔幻引力

架構設計 在昨天的文章中，我們完成了一個繪圖工具 painter，已經完成渲染的步驟，今天，我們將把演算法的細節補足： export default funct...

技術 B4 在旋轉的沙漏中：掠食者與獵物的動態美學

架構設計 延續前幾篇的設計模式，我們的目標是模組化演算法，提供一個生成演算法的工廠，並且把使用方法封裝在 update 和 render 方法中，這裡，物件的初...

技術 Caco的奇幻之旅２－Web Worker即時渲染效能實測（上）

前言 大家好，這裡是Caco的不嚴謹Web Worker效能測試，繼上次的Loka Veterra後，我為粒子加入了簡單的物理引擎，每個粒子都會被中心點的重力所...

技術 Caco的奇幻之旅１－粒子系統（洛特卡－沃爾泰拉紋理）

話不多說，先上成品 Lotka Volterra 緣起： 最近在開啟新的side project，要用＂偽＂粒子系統來優化粒子生命(particle life...

技術 用 Three.js 來當個創世神 (13)：粒子系統初探

粒子系統可以透過輕易地創建許多細小的物體，模擬各種粒子效果，如雪花、雨滴、星空、煙霧、火焰、煙火、爆炸等等，本篇文章讓我們來學習粒子系統的背景知識及簡單的練習...