JavaScriptでお絵かき機能

PositLog に落描き機能をつけました.
ウェブページにオーバレイして,直に落描きできます.
トップページ参照のこと.
http://storybook.jp/

描いた落描きはそれぞれスプライトに変換後,保存されるので,移動もできます.

消しゴムとかまだないです.いいじゃん,一発描きで!

SVGやVMLじゃ表示できないブラウザがあるので,
ExplorerCanvasを使っています.
http://sourceforge.net/projects/excanvas
canvasへの描画コマンド(JavaScript)を記録して,スプライトとして保存.ロード時にコマンドを再生させています.
スプライトはJavaScript含んでてもOKなので.

ほんとはビットマップのペイントソフトにしたかったのですが,
・ExplorerCanvasがsetPixel()に非対応
・Flash9 + ActionScript3で実装可能であるが,ウェブページにオーバレイして直接描き込むことができない
というわけで,canvasを使ったベクター画で妥協しました.

いまんところ描いた絵を画像ファイルとして保存できないので,そこをなんとかしたいです.
SVGを吐くのはたぶん簡単.
落描きだから残んなくてもいいかもですが.

このエントリーをはてなブックマークに追加

コメントを残す