nazomikan / mandelbrot

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Mandelbrotの描画

カオスの大描画です。 普通に描画するとスレッドかたまるのでいろいろな方法で描画するコードの紹介

##001 UI-Blocking 普通に描画してます。 普通のブラウザなら固まりますので見る時は落ちてもいいようにブラウザのウィンドウをわけて見るといいと思います。

##002 Lazy Draw 非同期に描画します。 でも940px*940pxなので単純にasyncにしただけのこの描画ではブラウザこそ固まらないものの、描画完了するまでにすごく時間がかかります。

##003 Split Block & Lazy Draw 描画範囲をブロック単位(100px * 100px)に細かく区切って、それらをasyncに描画します。 ぽこぽこ描画されていくのでほどよい感じに思えると思います。

About


Languages

Language:CSS 80.8%Language:JavaScript 19.2%