// ストーリーとチュートリアル

Blog_

カオス理論、ピクセル哲学、実践チュートリアル。

2026-10-13//8 分

カプセルピクセル:角丸 Manhattan グリッドによる生成アートエンジンの設計

Canvas 2D CPU のみで動作する先鋭的ピクセルフィルター:適応的直交領域結合、符号付き距離場(SDF)による内外角フィレット、二重レリーフ輪郭線、集積回路風マイクロコアの仕組みを詳解。

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

ハーフトーン網点スクリーン角度と印刷設計:CMYKロゼットからアパレルDTFまで

CMYKハーフトーンで15°刻みの角度差が必要な理由、ロゼットパターンによるモアレ防止の数理、そしてアパレル・Tシャツデザインやモックアップ向け網点パターンをブラウザで生成する実践技法。

#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 分

円パッキング・モザイク:輪郭を守るPercolator風タイリングエンジンの実装

Canvas 2DでPercolatorの質感を再現する:エッジ膨張バッファ、空間ハッシュ格子、多重同心円、そしてキープレート重ね刷りによる輪郭保護。

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

PhotoMoshはMosh-Liteに改名:無料ブラウザ代替ツール7選【2026年比較】

PhotoMoshはMosh-Liteに改名し、無料版は透かし付き・書き出し制限あり。透かしなしの無料ブラウザ製グリッチツール7本を比較。グリッチ動画をリアルタイム撮影できるYanアプリも紹介。

#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 分

リソグラフ印刷の美学:特色インクと版ズレをコードで再現する

孔版印刷(リソグラフ)の印刷メカニズムを解剖:大豆油特色インク、モアレを防ぐスクリーン角度、手刷り特有の版ズレ、そしてブラウザ上で忠実にシミュレートする数理的アプローチ。

#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 分

おすすめ無料オンラインASCIIアート&ピクセルソートツール7選【登録不要・ブラウザ完結】

2026年最新版:ブラウザ上で動くおすすめアスキーアート(AA)生成、ピクセルソート、ディザツールの厳選リスト。完全無料、登録不要、画像アップロードなしのクライアント完結型ツールを徹底比較。

#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ディザ:白黒2値で紡ぐ、無限の情緒とグラフィックの美学

初期Macintosh、FAX、リソグラフ印刷の質感をYanの1-Bitディザで再現。しきい値法(Threshold)、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のピクセルソート機能で鮮烈なグリッチアートを創り出す。基本原理からしきい値設計、縦横方向の使い分け、応用ワークフローまで徹底解説。

#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
>