はてなブックマーク

【JavaScript】Photon + PlayCanvasを使ってモバイル・デスクトップで動く一人称視点のマルチプレイができる空間を作る【WebGL】JavaScriptWebGLゲームPhotonPlayCanvas PhotonのJavaScript SDKとPlayCanvasを組み合わせて利用するためのリポジトリです。 大体30分ほどで、ブラウザー上で動く、リアルタイムで位置と回転が同期されているゲームを作ることができます。PlayCanvasとネットワークエンジン PhotonのJavaScript SDKを使用してリアルタイム通信のできる空間を作っていきます。 今回作るもの 前回の記事【JavaScript】 PlayCanvasの公式サンプルを使ってモバイル・デスクトップで動く一人称視点の空間を作る【WebGL】 の続きとして、リアルタイムで動ける3Dのゲームを作ります。

【JavaScript】 PlayCanvasの公式サンプルを使ってモバイル・デスクトップで動く一人称視点の空間を作る【WebGL】 JavaScriptWebGLゲームPlayCanvasFPS ※補足 2020/6/18/ Qiita トレンド入りありがとうございます。 2020/6/19/ 一部修正 / Google Polyを使用して3Dモデルをインポートする手順について追記いたしました。 2020/6/22 続編 マルチプレイできるゲームを作るものを書きました。【JavaScript】Photon + PlayCanvasを使ってモバイル・デスクトップで動く一人称視点のマルチプレイができる空間を作る【WebGL】 JavaScript製のゲームエンジンPlayCanvasを使用して、FPS視点の空間を作る方法を解説します。 コードはサンプルのものをそのまま使用しますので、15分〜

はじめに @yushimatenjinです。Next.jsアドベントカレンダー4日目ですね。 Next.jsを使うと簡単にGoogle Chromeの拡張機能が作れるんじゃないかなと思ったら簡単に作ることが出来たのでその紹介を今回しようかなと思います。 このときに得た知見をもとに書いています。 Google Chrome 78にアップデートされたところ、今まであった、現在開いているタブ以外を閉じる機能がなくなっていて作業がはかどらなかったため、Chrome Extensionsを作ってみました。 アイコンを押すとすべてのタブを閉じるだけです　↓ダウンロードhttps://t.co/oBt2S62m9F pic.twitter.com/cqKiW1l3Zw — はが (@Mxcn3) November 2, 2019 Chrome ExtensionをNext.jsで作ってみた こちらが先日

ARでサイコロを投げるまで ～Blenderを使って３Ｄモデルの作成~JavaScriptでサイコロを動かす～[PlayCanvas / 8th Wall]JavaScriptBlenderARPlayCanvas8thWall はじめに 前回の記事の続きになります。「PlayCanvas 入門- モデルの作成～ゲームに入れ込むまで」 8th Wallとは 8th Wall というARのライブラリ / プラットフォームをご存知でしょうか？これは、WebARを簡単に行う事ができるようになるもので、世界初のモバイルWeb用のARプラットフォームです。 表面の検出や照明の検出が出来る マーカレス・任意の画像をマーカーとして 使用すること可能です。 8th Wallで作れるコンテンツ サンプル集はGitHubに存在していますが、マーカを使った面白い表現や、オフィス木を生やしたりと面白い表現がいくつ

8th Wallとは 8th Wall というARのライブラリ / プラットフォームをご存知でしょうか？これは、WebARを簡単に行う事ができるようになるもので、世界初のモバイルWeb用のARプラットフォームです。 表面の検出や照明の検出が出来る マーカレス・任意の画像をマーカーとして 使用すること可能です。 8th Wallで作れるコンテンツ サンプル集はGitHubに存在していますが、マーカを使った面白い表現や、オフィス木を生やしたりと面白い表現がいくつかあります。 https://github.com/8thwall/web 8th Wall - Productsをみると各種3D系のフレームワークに対応をしており、 A-Frame three.js babylon.js Amazon Sumerian PlayCanvas に対応しております。 その中でも今回はPlayCanvasと

この記事ではPlayCanvas v1.18時の環境をして擁しております。 PlayCanvasのチュートリアルにプロジェクトをセルフホスティングする方法が書かれていなかったので書かせていただきました。 チュートリアル　-2Dアクションゲーム- 8/8 プロジェクトをエクスポート 左側のタブからをPublish/Downloadの選択 DOWNLOAD.zipをクリック 独自ドメインを振ったウェブページを公開する PlayCanvasからDONWLOAD.zipを押して、出来上がったzipファイルについてはindex.htmlの存在するフォルダが作成されます。 今回はFirebase Hostingを使用してデプロイを使用と思います。Firebase Hostingの使い方はこちらを閲覧していただくのが確実です。 Firebase Hosting を使ってみる Firebase へデプロイ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?