// 故事與教學
部落格_
混沌理論、像素哲學與實戰教學。
膠囊像素:構建帶圓角導弧的自適應正交晶格生成藝術引擎
深入解析 Canvas 2D 純算力生成藝術濾鏡:自適應正交多邊形合併、有向距離場內外角倒角、雙重反差浮雕描邊與晶片同心微核演算法。
>半調加網網角與印刷製版指南:從 CMYK 玫瑰斑到服飾設計打樣
詳解 CMYK 半調為何需要 15° 網角差、玫瑰斑如何消除刺眼的摩爾紋,以及如何在瀏覽器中為服飾設計與印刷概念樣機產生網點紋理。
>The 1-Bit Palette: Why Cobalt, Denim, and Retro Monochrome Define Pixel Art
Explore how 1-bit dithering algorithms like Floyd-Steinberg and Atkinson trade spatial resolution for tone, and why mineral palettes like Cobalt blue and Denim indigo transform retro aesthetics.
>From Photos to Pointillism: Generating Dot Art & Stipple Patterns in the Browser
How to transform everyday photographs into pointillism, stipple dot drawings, and geometric circle mosaics using Canvas 2D algorithms without leaving your browser.
>Circle Packing Mosaic: Building an Edge-Preserving Percolator Engine
A Percolator-inspired mosaic engine in Canvas 2D: edge dilation buffers, spatial hash grids, concentric color rings, and key-plate overprinting.
>PhotoMosh 改名 Mosh-Lite 了:7 款免費瀏覽器替代工具比較(2026)
PhotoMosh 已更名 Mosh-Lite,免費版帶浮水印並限制匯出。橫評 7 款免費、無浮水印的瀏覽器故障藝術工具,另附可即時拍攝故障影片的 Yan App。
>Free Online Halftone Generators Compared: Which Keep Your Photo on Your Device?
Eight free browser halftone tools compared for gig posters and private photos: sign-up, local processing, dot shapes, CMYK, SVG export and size limits, checked in October 2026.
>Riso 印刷美學:用程式碼模擬特別色油墨與機械套印不準
探索孔版印刷(Risograph)的底層物理機制:大豆基特別色油墨、加網網角、實體套印不準瑕疵,以及如何在瀏覽器中用程式碼精準模擬。
>Digital Cyanotype: Recreating Historic Prussian Blue Prints in Code
Explore the 1842 iron-salt printing process and how to digitally recreate Prussian blue tones, paper highlights, and fiber grain in the browser.
>7 款免費線上 ASCII 字元畫與像素排序工具精選(免註冊)
2026 年精選最佳免安裝瀏覽器端 ASCII 字元畫產生器、像素排序與抖動工具。完全免費、客戶端離線運算,絕不上傳圖片資料。
>Best Glitch Photo Apps for iOS & Android in 2026 (Free & Pro Tools Tested)
A hands-on feature and architectural comparison of four glitch art tools in 2026: Glitché, Hyperspektiv, PhotoMosh, and Yan. Platform coverage, export ceilings, processing model, and privacy trade-offs.
>CRT: Bring Back the 1987 TV Set
Yan's CRT mode adds scanlines, phosphor bloom, and chromatic shift. A guide to getting that pre-flat-panel look without owning a 30kg trinitron.
>ASCII Art: When Pixels Become Letters
Turn photos into typography. A guide to Yan's ASCII Art mode, from green-terminal classics to color-preserved variants.
>1-Bit 抖動:雙色即全部,極簡即情緒
用 Yan 的 1-Bit 抖動重現早期 Macintosh、傳真機與孔版印刷質感。詳解門檻值切分、Floyd-Steinberg、Atkinson 與 Bayer 矩陣演算法。
>Vertical Melt: Pixels That Drip
Pixel Sort's patient sibling. A guide to Yan's Vertical Melt — what it does, when to use it, and how to keep it from becoming mud.
>Why We Built Yan: The Anti-Polished Glitch Camera Philosophy
The story behind Yan. Why another photo editor? Because the world needed one that actually breaks things.
>精通像素排序:完整故障藝術創作指南
學習如何利用 Yan 的像素排序(Pixel Sort)特性創作震撼的故障藝術。涵蓋底層演算法機制、門檻值調優技巧與多重濾鏡工作流。
>RGB Shift: Creative Techniques for Chromatic Chaos
Explore the art of color channel separation. How to use RGB Shift to create that retro 3D glasses effect and beyond.
>Luma Stretch: Speed and Light
Master Yan's Luma Stretch effect - transform brightness into velocity. Create dynamic speed lines and motion trails from static images.
>Block Jitter: The Art of Controlled Chaos
Dive into Block Jitter - Yan's most chaotic effect. Learn to create corrupted broadcast aesthetics and datamosh vibes.
>Combining Effects: Advanced Workflows
Learn how to stack Yan's effects for maximum impact. From subtle enhancements to full digital destruction.
>