// 故事與教學

部落格_

混沌理論、像素哲學與實戰教學。

2026-10-13//8 分鐘

膠囊像素:構建帶圓角導弧的自適應正交晶格生成藝術引擎

深入解析 Canvas 2D 純算力生成藝術濾鏡:自適應正交多邊形合併、有向距離場內外角倒角、雙重反差浮雕描邊與晶片同心微核演算法。

#tutorial#graphics#generative-art#pixel-art#canvas2d
>
2026-10-06//8 分鐘

半調加網網角與印刷製版指南:從 CMYK 玫瑰斑到服飾設計打樣

詳解 CMYK 半調為何需要 15° 網角差、玫瑰斑如何消除刺眼的摩爾紋,以及如何在瀏覽器中為服飾設計與印刷概念樣機產生網點紋理。

#tutorial#halftone#screen-printing#print-design
>
2026-10-06//7 分鐘

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.

#tutorial#dither#pixel-art#retro-computing#color-palette
>
2026-10-06//7 分鐘

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.

#tutorial#pointillism#dot-art#stipple#generative-art
>
2026-10-02//8 分鐘

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.

#tutorial#graphics#generative-art#circle-packing#canvas2d
>
2026-10-02//9 分鐘

PhotoMosh 改名 Mosh-Lite 了:7 款免費瀏覽器替代工具比較(2026)

PhotoMosh 已更名 Mosh-Lite,免費版帶浮水印並限制匯出。橫評 7 款免費、無浮水印的瀏覽器故障藝術工具,另附可即時拍攝故障影片的 Yan App。

#glitch-art#web-tools#comparison#free-tools#pixel-sort
>
2026-10-02//9 分鐘

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.

#halftone#web-tools#comparison#free-tools#print
>
2026-09-20//7 分鐘

Riso 印刷美學:用程式碼模擬特別色油墨與機械套印不準

探索孔版印刷(Risograph)的底層物理機制:大豆基特別色油墨、加網網角、實體套印不準瑕疵,以及如何在瀏覽器中用程式碼精準模擬。

#tutorial#risograph#print#halftone
>
2026-09-20//7 分鐘

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.

#tutorial#cyanotype#analog
>
2026-09-19//7 分鐘

7 款免費線上 ASCII 字元畫與像素排序工具精選(免註冊)

2026 年精選最佳免安裝瀏覽器端 ASCII 字元畫產生器、像素排序與抖動工具。完全免費、客戶端離線運算,絕不上傳圖片資料。

#ascii-art#pixel-sort#web-tools#dither#free-tools
>
2026-09-19//8 分鐘

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.

#glitch-art#app-review#photography#comparison
>
2026-05-15//5 分鐘

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.

#tutorial#crt#retro
>
2026-05-08//6 分鐘

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.

#tutorial#ascii-art
>
2026-04-25//6 分鐘

1-Bit 抖動:雙色即全部,極簡即情緒

用 Yan 的 1-Bit 抖動重現早期 Macintosh、傳真機與孔版印刷質感。詳解門檻值切分、Floyd-Steinberg、Atkinson 與 Bayer 矩陣演算法。

#tutorial#dither#1-bit
>
2026-04-18//5 分鐘

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.

#tutorial#vertical-melt
>
2026-02-01//4 分鐘

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.

#story#philosophy
>
2026-01-28//6 分鐘

精通像素排序:完整故障藝術創作指南

學習如何利用 Yan 的像素排序(Pixel Sort)特性創作震撼的故障藝術。涵蓋底層演算法機制、門檻值調優技巧與多重濾鏡工作流。

#tutorial#pixel-sort
>
2026-01-25//5 分鐘

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.

#tutorial#rgb-shift
>
2026-01-22//5 分鐘

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.

#tutorial#luma-stretch
>
2026-01-19//6 分鐘

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.

#tutorial#block-jitter
>
2026-01-15//7 分鐘

Combining Effects: Advanced Workflows

Learn how to stack Yan's effects for maximum impact. From subtle enhancements to full digital destruction.

#tutorial#advanced#workflow
>