DesignTips

Components

Matter.js

★★★★☆

2D物理シミュレーションで、落ちる・跳ねる・引っ張れるインタラクションを実現できるツールです。

概要

Matter.js はブラウザ上で 2D 剛体物理をシミュレートする JavaScript ライブラリです。落ちる・跳ねる・引っ張れるインタラクションで静的テンプレート感を薄められます。

Matter.js のサンプル LP プレビュー

評価

物理演算を組み込んだUIを配置することで一気に作り込んだ感じがでます。DOM要素を動かせるので表現の幅も広いです。

安全性

公式 matter-js 本体のマルウェア報告は見つかりませんでした。

項目結果
正しいパッケージmatter-js(@antv/g-plugin-matterjs 等は別物)

導入手順

bash
$ npm install matter-js