はてなブックマーク

イラストレーターがなくても時計アイコンをつくれる道具を開発しました。 短針と長針の長さや幅を指定できたり、目盛りの大小や破線領域を設定できます。線の色はカラーピッカーで簡単に入力可能！ 時間指定できる時計のおしゃれアイコン で確認できます。時計素材に悩んだら使ってね！ このジェネレーターを作るにあたって学んだことをここに残します。 アイコンのレンダリングよりも、ジェネレーターUIのレンダリングのほうが10倍以上難しい Bounding Box算出はcanvasを使うべし（SVGの精緻な構造をつくるにあたってcanvas APIは避けられない、getBBoxは茨の道） Unityなどを参考に、構造、デザイン、結合、コピーを分離する パラメーター設計はデータベース設計に近い… アイコンよりもジェネレーターのほうが難しいのは、パラメーターが多く、その分だけ構成パーツとイベント処理が増えるためです