.SQUARE

コロナ禍に入って、ソーシャルディスタンスを確保した時の収容人数をシミュレーションすることが増えてきました。
そこで、図面や写真上に一定の間隔を保ったドットを配置し、収容したときの様子とその数を可視化できるwebサイトを作りました。
データの読み込み後、図面(写真)の一部を測るようにしてスケールを合わせた後、四角を描くことで自動的にドットが描画されます。
グラフィックの描画にはp5.jsを使用し、ドットの色や間隔も調整できるようにしました。

CLIENT

Personal work

DATE

July 2020.

TOOL

PHP

javascript (p5.js , vue.js)