イラレで編集してもよいですし、テキストエディタで編集してもよいでしょう。ちなみにテキストエディタで開くとこんな感じ。等、属性をいろいろ追加&編集して遊んでみましょう!ちなみにJavaScriptを使って属性を動的に変更すれば、こんなことも。(htmlでの)表示方法について書いてみます。comment2014-01-08OGP画像の見え方を簡単操作でシミュレート!デザイナーのみなさんはOGP画像をデザインする機会がたくさんあると思います。Facebookだと、OGP画像が正方形で表示されたり横長で表示されたりで、レイアウトが大変ですよね。簡単操作でシミュレートできるWEBアプリです。使い方はとっても簡単!画像をブラウザにドラッグ&ドロップするだけ。シェアする際に赤丸のボタン(複数のOGP画像の中から選ぶボタン)を操作することでいろんな縦横比の画像がどのように切り取られて表示されるかを検討することも可能です。comment2014-01-02簡易的なBoneアニメーションを作ってみようBoneアニメーションと聞くとなんだか難しそうだししかもそれをJavaScriptでやるなんて。簡易的なものならなんとかなるかも!というわけで今回は最近制作したBoneアニメーションのサンプルをご紹介します。stroke()を駆使して簡単な人型のBoneを描画してみます。ここまではとっても簡単。指定している角度を動的に変化させれば良さそうです。関節の角度を一つ一つ指定し、しかもちゃんと歩いている風に調整するのはすごい作業になりそうなので根元の関節の角度を一つ指定したら、それが先端まで伝搬していく作りにしましょう。そのためにはBoneが親子関係を持っている必要があります。「体」の子が「腕」でその子が「手」、という感じです。親のBoneから子のBoneに角度が伝搬する際、それぞれに係数を掛けるとよさそうです。