投稿

3月, 2018の投稿を表示しています

Diary-8 祝 2003kaito4周年!

イメージ
皆さん、お久しぶりです。
間に投稿を挟んでいないので実感がわかない方も多数いらっしゃることと思いますが、もうあれから1年も経ってしまいました。
そうです。本日、2018年03月12日は、私2003kaitoがプログラミングを始めてから4年の記念日なのであります。
4周年記念作品 今年も、4周年に合わせて記念の大作を用意しておりました。
なんと、今回は超超超便利Webツールを記念作品として用意していました。 これから、そのツールについてじっくりと説明していきたいと思います。
そのツールとは...。 GIFアニメーション作成ツール インターネット上で、画像なのに動いているものを見かけたことはありませんか? このツールでは、そんな動く画像「GIFアニメ」を作成することができます。 それだけなら他のサイトにもありますが、私がこだわったのはいかに凝ったGIFアニメを簡単に作れるようにするか、という点です。というのも、私は以前、凝ったGIFアニメを作成するときに苦労した経験があるためです。
皆さんは、私が以前使用していたこちらのロゴを覚えていますか?

突然ですが、ここで問題です。
この画像を作るのにかかった所要時間は、次のうちどれでしょうか?
20秒20分20時間20日 正解は、[ 4. 20日 ]です。( 正解は [ ] の中を選択して確認してみてください。)

なぜそんなに時間が掛かったのか。
このアニメ画像は、もともとはこんな静止画でした。

まず、この静止画を少しずつずらして切り取り、160フレームに分割します。
ここまでで12~3日程度掛かりました。

そしてGIFアニメーションを作成したのですが、とある問題に直面します。
出来上がったGIFアニメーションは、こんな感じでした。

...小さい。拡大すると、このようにぼやけてしまいます。

実はもとにした静止画、上の画像ではくっきりした大きな画像に見えますが、実際の大きさで貼ると、こんな感じです。

そして、これを何も対策しないまま拡大表示させると、こうなります。

ブラウザのスムージング機能のせいで、ぼやけてしまうのですね。

これではユーザーアイコンに使うには不明瞭です。なので、作成時の設定でサイズを大きくしてみました。そうすると、こうなりました。

...。原寸大表示ですが、ぼやけてしまいました。何故でしょう。

実は、WebサイトでG…