Skip to content

技術星圖

其實當初開發這些元件的初衷很單純:「一半是為了好玩,一半則是為了技術的練習與實驗」。

雖說這些元件多半只是「小廢物」,工作上難得派上用場,除了偶爾能在生成式藝術的背景裡露個臉。

然而背後所蘊藏的技術、設計思維與實作概念,卻意外的有用,甚至成為探索技術邊界的鑰匙。

純粹的技術如同夜空中的一顆顆小星星,彼此分離、獨立,但當星星透過創意與實作被巧妙地串聯起來,就能化為一個個星座,描繪出一幅幅令人驚嘆的圖像。

當多個星座交織、融合,在夜空中蔓延時,便形成了一張由技術織就的壯闊星空。

願每個人都能擁有屬於自己的一片星空,自由翱翔。(*´∀`)~♥

推薦電腦版觀看

下圖在手機上閱讀不易,推薦使用電腦或螢幕較寬的裝置查看

WebGPU (5)
Babylon.js (9)
粒子系統 (5)
Post-processing (3)
Noise (2)
ThinInstance (1)
Dynamic Texture (4)
OffscreenCanvas (1)
Web Worker (1)
Vue Directive (1)
Canvas 2D API (4)
Pointer 事件 (15)
物理模擬 (10)
向量計算 (2)
CSS 動畫 (8)
IntersectionObserver (2)
Vue TransitionGroup (2)
Anime.js (14)
JS 動畫 (16)
Vue Suspense (1)
Vue Provide/Inject (2)
Vue AsyncComponent (1)
SVG (6)
DOM to Image (2)
Vue Transition (4)
CSS background-clip (1)
Canvas getImageData (1)
Memoization (2)
Document activeElement (3)
Document elementsFromPoint() (4)
Floating UI (1)
SVG Morph (6)
Document getSelection() (1)
Window getComputedStyle() (1)
Input 事件 (2)
Element computedStyleMap() (1)
Matter-js (3)
CSS Anchor Positioning (1)
SVG Filter (1)
Canvas Shader (1)
SVG Mask (1)
Constructive Solid Geometry (1)
CSS 3D (1)
螢火蟲
櫻吹雪
落雪
波浪線
調皮的按鈕
忍者按鈕
科幻卡片
當機卡片
錯視文字輪播
炫彩粒子輪播
空間懸浮輪播
科幻游標
借隻貓手
游標小跟班
七巧板游標
解碼輸入框
彈射輸入框
亂丟的清單
彆扭的滑動條
脆弱的滑動條
固執的滑動條
逐字轉場
怕鼠的文字
主動的開關
多邊形轉場
特效轉場
貓臉
DOM 發射器
動態畫廊
拉炮
貓耳包裝器
閃躲飄包裝器
塞滿嘴包裝器
Minecraft 方塊包裝器
物理包裝器
立體包裝器

v0.45.2