matter.js物理演算コンテンツ JavaScript

JavaScriptの物理演算ライブラリであるmatter.jsによるコンテンツです。

カフェサイトをモチーフにしています。
メニューを模したアイテムが降ってきて、アイテムをクリックすると人物が商品を紹介、バナーをクリックするとサイトに飛ぶ、というイメージです。

matter.jsを利用して、サイトのコンテンツを作れるかという検証を記事にし、サンプルコードを掲載しました。

記事を書く事で「何故そういうコードになるのか」という説明ができるまで、繰り返しコードと記事を修正し続けました。

webを検索するとmatter.jsのサンプルは存在しますが、画像や複雑な物理判定キャラクタを利用したサンプルが見つからないことから、自分で作ることにしました。

情報が少ない中、英語の公式サイトを調べ続けるという作業をした事で、情報が英語しかなくても作業を進めることができるという自信が付きました。

サンプルコードを掲載する事で、掲載に耐えうるコードの見やすさ、説明のわかりやすさというものを学びました。