たったこれだけでアニメに!? 短いJavaScriptでアニメーションを作る技術がすごい（1/2 ページ）

短いコードで作られたアニメ。

[関口雄太，ねとらぼ]

　短いJavaScriptで作ったアニメーションが、コーディングによる視覚表現を追求していて圧倒されます。

短いJavaScriptで作られたアニメーション

　プログラマーのFrank Force（@KilledByAPixel）さんによるJavaScriptで作ったアニメ。ビルが建ち並ぶ街を、列車から眺めているかのような映像です。灰色の地面はコンクリートのようで、背景の奥からは太陽の光が輝いているように見えます。移動する視点に合わせてビルの奥行きが確認でき、街が立体的に描かれているのが分かります。

　実際に使用されているJavaScriptのコードもあわせて投稿されています。説明されなければ短いJavaScriptで描いたとは気付きそうもない立派なピクセルアニメーションです。

奥行きも感じられる立派なアニメーション

　Frankさんはネットで棒人間たちが走る様子や、カラフルな都会の夜景など、さまざまな作品を投稿しています。精密な模様のアニメや立体感のある幻想的な作品まで、幅広い作風で楽しませてくれます。

画像提供：Frank Force（@KilledByAPixel）さん