ドット絵アプリ。

http://jsdo.it/dentaq/6x7y
暇なとき、ドット絵で遊んでみていただけたら幸いです。
意見などもいただけますとバージョンアップでの参考にさせていただきます。

すこし苦労した点は、localSrorageにマスの色情報を格納し、呼び出す部分でしょうか
localStorageはオートインクリメントが使えないので、Indexed Database APIを使うしかないのか?とも思いましたが、
まだ仕様が安定していないため、なんとかlocalStorageで実現する方法を模索しました。

結局、正攻法ですが、ループ(jQueryのeach)でインデックスとなる変数iを作り、それをkey名の接尾に割り当てていくという方法で実現しました。

//データをセーブする機能
function dSave()	{
    $("#grid div").each(function(i){
    	var cls = $("#grid div").eq(i).attr("class");
	window.localStorage.setItem("dcol"+i,cls);
    });
}

//例)データをロードする機能
function dLoad()	{
	var ccc = window.localStorage.getItem("color");
	$("body").css("background-color",ccc);
	$("#grid div").each(function(i){
	var dcall = window.localStorage.getItem("dcol"+i);
	$("#grid div").eq(i).attr("class",dcall);
	
    });
	}