2003kaitoのプログラミング日記

皆さん､お久しぶりです｡ 間に投稿を挟んでいない ので実感がわかない方も多数いらっしゃることと思いますが､もうあれから1年も経ってしまいました｡ そうです｡本日､ 2018年03月12日は､私2003kaitoがプログラミングを始めてから4年の記念日 なのであります｡ 4周年記念作品 今年も､4周年に合わせて記念の大作を用意しておりました｡ なんと､今回は 超超超便利 な Webツール を記念作品として用意していました｡ これから､そのツールについてじっくりと説明していきたいと思います｡ そのツールとは...｡ GIFアニメーション作成ツール インターネット上で､ 画像なのに動いている ものを見かけたことはありませんか? このツールでは､そんな動く画像「GIFアニメ」を作成することができます｡ それだけなら他のサイトにもありますが､私がこだわったのは いかに凝ったGIFアニメを簡単に作れるようにするか ､という点です｡というのも､私は以前､凝ったGIFアニメを作成するときに苦労した経験があるためです｡ 皆さんは､私が以前使用していたこちらのロゴを覚えていますか? 突然ですが､ここで問題です｡ この画像を作るのにかかった所要時間は､次のうちどれでしょうか? 20秒 20分 20時間 20日 正解は､[ 4. 20日 ]です｡( 正解は [ ] の中を選択して確認してみてください｡) なぜそんなに時間が掛かったのか｡ このアニメ画像は､もともとはこんな静止画でした｡ まず､この静止画を少しずつずらして切り取り､160フレームに分割します｡ ここまでで12~3日程度掛かりました｡ そしてGIFアニメーションを作成したのですが､とある問題に直面します｡ 出来上がったGIFアニメーションは､こんな感じでした｡ ...小さい｡ 拡大すると､このようにぼやけてしまいます｡ 実はもとにした静止画､上の画像ではくっきりした大きな画像に見えますが､実際の大きさで貼ると､こんな感じです｡ そして､これを何も対策しないまま拡大表示させると､こうなります｡ ブラウザのスムージング機能のせいで､ぼやけてしまうのですね｡ これではユーザーアイコンに使うには不明瞭 です｡なので､作成時の