blogワクワクを生み出せるWebエンジニアを目指して。この広告は、90日以上更新していないブログに表示しています。DEMO重力、バウンド、慣性。これらを表現するには数学的知識とそれを実装する根気が必要です。そんなものは持ち合わせていない私は、先人が作った素晴らしい物理演算エンジンのmatter.jsを使うことにしました。なんとスマートフォンにも対応しているとのこと。モジュールがたくさんあって使いこなすには結構かかりそうなので、今回は基本的な部分だけ。様々なサンプルやパラメータが用意されており、触るだけで楽しい。Demoライブラリのダウンロード以下の公式サイトからライブラリファイルをダウンロードします。engine今回ダウンロードしたのはmatter-js-master.zipです。この中から使うのは以下のファイル。matter.js以下のjqueryバージョンで動作が確認できました。jquery1.6.4.min.js基本的な使い方ライブラリの読み込み。examplesを基準に少しずつ修正していきます。GitHubソースに説明コメントを記述しておきましたので、ご覧ください。)})();基本的な流れは、matter.jsを使うための土台である「Engine」を用意します。その土台の上に重力やバウンドが存在する仮想世界である「World」を用意して、その仮想世界に存在するオブジェクトを「Bodies」で作る。examplesの解説と、少し追加で違うメソッドも使ってみましたが、まだまだたくさんメソッドが用意されているので、お試しください。Tanakaワクワクを生み出せるWebエンジニアを目指して。【62:PageTopへ戻る】使えるいい感じページトップへ戻るリンク【61:videoタグで背景動画】HTML5のvideoタグで動画を背景に使う月別アーカイブ検索はてなブログをはじめよう!seintoseiyaさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。