HOME

スマホのプラウザ上で遊べる3Dゲームはあまり見かけません。そこで、matter.jsとthree.jsを組み合わせて作ったプラウザゲームのソースリストを載せました。 出来上がったものは、記事中のリンクからも実行できます。スマートフォンでも動作します。

Three.jsとMatter.jsのサンプルゲーム2

新規作成で新しいフォルダを作り、「testgame2」など適当に名前を付けて下さい。メモ帳を開き、下記の2つをコピーして、「index.html」、「main.js」の名前で、文字コードUTF8で作成したフォルダ「testgame2」 に保存して下さい。他の記事記載のダウンロード先より 「matter.min.js」、「three.min.js」もコピーして保存して下さい。あと、ここの画像2点「p...

Three.jsとMatter.jsのサンプルゲーム

matter.js をダウンロードします。 https://brm.io/matter-js/ で Latest Buildを選ぶとGitHubに行くので、登録してサインインします。そうすると右の方のボタン「Clone or download」が選択可能になるので、「Download ZIP」を選択してZIPファイルをダウンロードします。解凍した「matter-js-master」の中のフォルダ「...

3DCGエンジンThree.jsのサンプルゲーム

「three.min.js」を用意します。https://threejs.org/のメニュー「download]リンクからライブラリをダウンロードします。ダウンロードしたthree.js-master.zipを展開して、その中のフォルダ「build」の「three.min.js」をコピーします。新規作成で新しいフォルダを作り、「testgame」など名前を付けて下さい。そこに「three.min....

物理エンジンMatter.jsのサンプルゲーム

matter.js をダウンロードします。 https://brm.io/matter-js/ で Latest Buildを選ぶとGitHubに行くので、登録してサインインします。そうすると右の方のボタン「Clone or download」が選択可能になるので、「Download ZIP」を選択してZIPファイルをダウンロードします。解凍した「matter-js-master」の中のフォルダ「...