Tumblr

「JPEG Tilt」というページを公開しました。MotionJPEG Builder を作った時に、JPEG のヘッダを読み込む処理を作ったので（結局これは使わなかったんですが）圧縮データの読み込み部分も作ってみようか、という気になって作ったのがこれです。JPEG ファイルで画像が圧縮される様子を視覚的に表現する…… という目標だったのですが、どうでしょうか。まあ内容が内容なので説明無しではさすがに意味が分からないと思います。 ということで、JPEG Tilt の見方を以下で簡単に説明します。 図1は、JPEG Tilt の画面です。画像が iTunes の CoverFlow のように並んでいますが、これの左側は画像の低周波成分のみを抜き出した物で、右に行くとより高周波の成分も含めるように並んでいます（低周波、高周波という言葉の意味はこの先で出てきます） 画像の上にマウスカーソルを乗せ

[tak4hir0]

アルゴリズムとデータ構造の可視化、“リッチ・ソースコード”について - ushiroad

[nitoyon]

JPEG 圧縮の様子を図示した JPEG Tilt(http://ushiroad.com/jt/)、Gecko Reflow Visualization(http://d.hatena.ne.jp/gyuque/20070327#1175005196)、テセレーション可視化、Liviz.js。

[pokutuna]

かっこいい

[G_Kizm]

アルゴリズムとデータ構造の可視化、“リッチ・ソースコード”について - ushiroad

[Rockridge]

中盤以降にcairoが行うテセレーション処理の解説がある。複雑な図形を単純な図形の集合に分割するもので、一般には三角形を用いることが多いが、cairoは台形を用いる。処理を可視化した図つき。

[Uxtushili]

俗に言う画期的

[nekoaqua]

アルゴリズムとデータ構造の可視化、“リッチ・ソースコード”について - ushiroad