1枚の絵を Raphael.js でインタラクティブなSVGに

元図は「衛星放送の現状〔平成30年度第4四半期版〕 - 総務省.pdf」。 おおよその構成は再現してますが、これだけでつまらないので簡単なゲーム要素を組み込みました。





左端の人工衛星をドラック移動して軌道投入を試みます。軌道のヒントは静置した他の4つの衛星で、失敗/成功で下の欄にメッセージが出ます。 なお日本列島の後ろにある地球の図は本来はグラデーションなんですがGIFの色数制限により白を含む3色になってしまいました。



ご連絡はこちらから