ドット絵が描けるAngularJSライブラリをリリースしました.

ng-pixel - Simple directive that generate pixel pattern

ドット絵・ピクセルアートが簡単に描ける

ngPixel example 1

[code]<ng-pixel data='' />[/code]

こんな感じで記述するだけで,ピクセルアートが描画できます.

**data=**には,専用のエディタで作成できるJSONを指定します. 詳細の手順はREADMEに記述しているので,そちらで.

「ng-pixel」

ライブラリ名は,ドット絵なので「ng-dots」にしていたのですが,英語でドット絵というと,○で描かれた絵のことを指すよう. なので,ピクセルアートという意味合いで「ng-pixel」にしました.

元々,このページで自分用に実装していた処理を,AngularJSのOSSとしてリリースしました. いわゆるオレオレライブラリだったので,OSSとして公開するためにやった工程がめんどくさくて勉強になりました.

公開できる自動テストかいてなかったり,セルのイベントバインディングとかは,未実装なので,今後機能拡張リリースする予定です.