MENU

blog
スタッフブログ

dot
256文字で作られた街並み
技術

256文字で作られた街並み

こんにちは、クリエイティブSecの長谷川です。
まずはこちらのツイートを御覧ください。

このツイート中にある動画は、なんとツイート本文にあるコードのみで描画されているのです。
ということで、上記のコードをこの記事に埋め込んでみました。
自動で再生はされないため、この下にある空白をクリックしてみてください。
(動画が再生されると、動画の下に長い空白が発生します)

本当に動いてますね・・・!
文字数をカウントしてみたところ、なんと256文字でした。

以下のサイトでは、上記のものをスピードや街との距離、通りの幅など
様々なものが変更して見られるようになっています。

https://observablehq.com/@darabos/decoding-a-city-in-a-bottle

それにしても、このような少ないコードでこんなグラフィックを描画できるのはすごい技術ですね。

ちなみに、このプログラムを作った方は他にも様々な作品を公開していますので
気になった方はぜひ見てみてください。

dot
dot
PAGETOP