そこでフォントを配置する際にゆらぎを設けました。ランダムに上下位置をずらして配置することで、手書き感がぐっとでてくるようになりました。時刻と写真を組み合わせるを写真のボードの上に合成します。問題は、具体的に写真のどの位置に合成するか?実はここを最も悩みました。プログラムが写真を解析してボードの位置とサイズを認識し、自動的に合成位置とサイズを決めるというのが、最も理想的であり、人にも自慢できる方法なのですが、これには画像認識の技術が必要となり時間的にも間に合わないと判断し、この方法は早々に断念しました。そこである程度の手間はかかるものの手動で位置決めをするしかないという結論に至ります。それも写真の枚数が増えると膨大な作業量となりますので、これを簡素化するために、写真撮影の際に次の条件を満たすように幼稚園の先生に事前にお願いしました。ボードのサイズは写真全体の面積の1/4程度になるようにする。5箇所の内のいずれかとする。お願いし、幼稚園の先生もそれを意識して撮影はしれくれたのですが、どれも予定していた通りの場所にボードが写っておらず、うまく位置合わせができずの状態で、この手法は撃沈されました。最終的に、手作業で写真毎にボードの位置情報を持たせることにより解決する方法に落ち着きました。そのためのツールも別に作成しました。ボード位置決めツール1分おきに表示を変更するこれはいたって簡単で、JavaScriptのsetTimeout関数を用いて実現しています。サーバ側では事前に時刻が載っている写真を作成するのではなく、アクセスがあった時に始めて時刻と写真を組み合わせます。その際、写真はランダムに選択されます。一度作成した時刻付の写真はサーバ側のキャッシュと呼ばれる場所に保存してあり、同じ時刻にアクセスが行われた場合にはキャッシュに保存している写真を送信します。したがって、同じ時刻であれば、どの端末から誰が見ても同じ写真となります。