01 · 1080×1080 Hi-DPI Canvas 2D 仿射矩陣合成管線
AvatarFest 在 1080×1080 離屏與主畫布上對 32 vector stickers 執行 2D 仿射變換(平移、20%–250% 縮放、-180° 至 +180° 旋轉與水平鏡像翻轉),100% 本機渲染無損 PNG 且上傳 0 bytes。
M_sticker = T(x·1080, y·1080) · R(θ) · S(s_x · flipX, s_y)
AvatarFest 粉櫻節日頭像工坊是一款 100% 在瀏覽器本機記憶體執行的節日氛圍頭像與二次元痛頭裝飾產生器(支援 LINE/微信聖誕帽、萬聖節女巫帽、新春醒獅招財帽、粉櫻兔耳與生日皇冠),在 HTTPS 與 localStorage 環境下向伺服器上傳嚴格為 0 bytes,內建 8 festive presets 一鍵套裝與 32 vector stickers 高精向量飾品。
AvatarFest 採用 1080×1080 與 512×512 雙規格 HTML5 Canvas 2D 超清合成管線並支援 4 languages 多語言介面,提供一鍵智慧頭頂戴帽定位(自動適配朝左、置中、朝右人像與寵物的黃金傾角)、5 種漫天飄雪/櫻花雨/流金粒子圖層、5 款甜美膠片濾鏡、30 steps 復原重做堆疊,以及無浮水印 PNG 與可重用 JSON 預設匯出。
AvatarFest 在 1080×1080 離屏與主畫布上對 32 vector stickers 執行 2D 仿射變換(平移、20%–250% 縮放、-180° 至 +180° 旋轉與水平鏡像翻轉),100% 本機渲染無損 PNG 且上傳 0 bytes。
M_sticker = T(x·1080, y·1080) · R(θ) · S(s_x · flipX, s_y)
AvatarFest 針對朝左、置中、朝右三類頭像主體預設頭頂皇冠錨點 (x ∈ [0.46, 0.54], y = 0.22) 與自然順應髮絲的傾角 (θ ∈ [-14°, +14°]),在 0.02 seconds 內完成 100% 貼合戴帽且上傳 0 bytes。
(x_hat, y_hat, θ_hat) = (0.50 + 0.04·dir, 0.22, -12° · dir)
AvatarFest 透過確定性偽隨機序列在 1080×1080 畫布上即時合成漫天飄雪、粉櫻花瓣、流金星光等粒子(支援 0%–100% 密度調節與 localStorage 偏好儲存),全程 0 bytes 零網路上傳。
I_out(p) = Filter_LUT(I_base(p), ΔB, ΔW) ⊕ Particles(ρ) ⊕ Frame_SVG
AvatarFest 即時疊加 r = 540 px 圓形(LINE / Discord / X)與 rx = 180 px 圓角矩形(微信/小紅書)裁切參考線,一鍵產生 1080×1080、512×512 PNG 與可分享 JSON 預設(0 bytes 上傳)。
SafeZone_circle = { (x,y) | (x - 540)² + (y - 540)² ≤ 540² }
| 社群平台 | 裁切形狀遮罩 | 推薦匯出規格 | 貼紙與帽飾安全區建議 |
|---|---|---|---|
| 微信 (WeChat / 朋友圈) | 圓角矩形 (rx ≈ 16%) | 1080 × 1080 HD PNG | 四角留有約 6% 圓角裁切,角標掛件建議放在內圈 86% 安全區內。 |
| Discord / X (Twitter) / TikTok | 正圓形 (Circle r = 50%) | 512 × 512 或 1080 PNG | 四角外側 21.5% 面積會被圓形完全裁掉,請開啟「圓形安全區」預覽。 |
| LINE / 小紅書 / IG / Telegram | 正圓形 (聊天與主頁) | 1080 × 1080 HD PNG | 聖誕帽尖與兔耳建議控制在 y ∈ [0.08, 0.30],避免頂部被圓形邊緣截斷。 |
| GitHub / Slack / Notion | 圓形或大圓角切換 | 512 × 512 Social PNG | 適合搭配 64×64 與 40×40 聊天氣泡預覽,確保小尺寸下像素狀態牌依然清晰。 |
| 遊戲頭像 / 完整方形展示櫃 | 1:1 完整方形 (Square) | 1080 × 1080 HD PNG | 四角完全保留,可盡情擺放南瓜燈、暴富紅包、金元寶與雙角絲帶蝴蝶結。 |