// 故事与教程

博客_

混沌理论、像素哲学与实战教程。

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
>