はてなブックマーク

近くの本屋に行ったら（本当は他の本を探しに行ったのだけれど）改装中で無秩序に本が積んであって、たまたま目に留まったので買ってみた。 サインシステムというのは平たく言えば駅などにある案内表示のことで、今では当然のように存在している営団地下鉄（東京メトロ）のそれを整備した本人による解説書がこれ。（案内表示のこと、というのはかなり乱暴な言い方で、本文中では、案内表示だけではなく建物の構造など環境全体をシステムとして捉えよと書いている） 博士論文がベースになっている本ということで、5500円もするのに難解で読めなかったらどうしようと思ったけど、読み易い本だった。しかも、工業デザイン、あるいはデザインそのものの基礎にも触れていて、お得感が高い。 私はそもそも物理的なタイピング速度が遅いし、vimやemacsといったイカしたエディタも操れないので、せめてこうやって知識を肥やしておかなければスーパーハッ

最近Flashムービー(swf)の仕様に関する情報が増えてきましたが、シェイプの描画方法についての記事を見かけないのでここに書いておきます。 Flash Player内部の描画モデル 図1のように、Flashのシェイプは、パスの右側と左側を同時に、別々の色で塗ることができる特殊な描画モデルを採用しています。対して、Apple CoreGraphicsやcairoといったライブラリや、その上に実装されているSVGやcanvasは、一つパスが一つの塗色のみを持つモデルを採用しており、これは一般によく使われています。 以降、Flash内部で使われている特殊な描画モデルを「double-fill モデル」、canvas等の一般的な描画モデルを「single-fill モデル」と呼びます。 ややこしいことに、FlashがActionScriptに提供しているベクタ描画APIは、single-fill

これは2012年9月時点での情報です。 現在、Mozilla Firefoxでは並列計算を行うための ParallelArray 型の実装が進められています。早速この危険そうなドッグフードを試してみました。 Firefox 17 編 Firefox 17 (11月リリース予定)には、ParallelArray がプラグイン不要で実装されています。現在のところ、これは実際には並列計算を行わないハリボテなのですが、今からこれでプログラムを書いておけば、本物の並列計算がサポートされた暁には自動的にプログラムがとんでもない速さになります。 と言いたいところですが、上記のような行為は全く推奨できません。なぜかというと、現在Firefox 17に入っているParallelArrayは、本物の並列計算に対応できないようなコードも平然と通してしまうからです。 例えば、["xx", "yy", "zz"]

SmallWorld3Dを作る際に集めた、ジオメトリエンジン+ラスタライザについての資料をここにまとめておきます。一応ジオメトリエンジンとラスタライザについての説明をしておくと、図1のように頂点の座標変換を行うものがジオメトリエンジン(Geometry Engine)、ベクタグラフィックスを画素の集合（ラスタグラフィックス）に変換するものがラスタライザです。3D対応を謳うビデオカードは、これらをハードウェアで実装しています。 1. The Geometry Engine: A VLSI Geometry System for Graphics James H. Clark, 1982 ラスタライザの前段のジオメトリエンジンに関する論文です。とはいえハードウェアの話なので、これを見なくても頂点変換のルーチンは書けます。ただ、GPUの開祖として外せないので紹介しておきます。あと、筆者のJim

WebGL objects __webglFaceBuffer :WebGLBuffer __webglVertexBuffer :WebGLBuffer Preparation Phase [Setup flattened list] For each scene graph object: Init matrices. Create geometry groups corresponding to face materials. [Setup buffers] For each geometry group object: Create WebGL buffers. Create Non-WebGL buffers. Add an item to flattened list. Update buffers (Vertex buffer, Index buffer...). Rende

JPEG Tilt How JPEG works for Google Chrome / Firefox 10+

digraph testgraph{ {node[shape=none, fontsize=23] "Welcome to Liviz.js!" } {node[shape=none] "Interactive GraphViz on your browser" } {edge[color=transparent] "Welcome to Liviz.js!" -> "Interactive GraphViz on your browser" } A -> B -> C -> D -> E; B -> D; {node[shape=box]; 1 -> 2 -> 3; } E -> 1;2 -> C; {rank=same; 1; A;} {rank=same; 3; D;} } Test

Liviz.js Interactive GraphViz on your browser AVI Builder Distribute your visualization work Portfolio Liviz.js AVI Builder Articles Flash Player 実装のための描画モデル変換 2012/10/05 ParallelArrayを試す 2012/09/19 ラスタライザを作る人の古文書集 2012/09/11 Reimplementation of Catmull's Subdivision Algorithm 2012/07/20 座標の話 2012/04/30 プログラムの地図: Three.JS 2012/03/16 アルゴリズムとデータ構造の可視化、“リッチ・ソースコード”について 2012/03/03 JS MotionJPEG/AVI Bu