はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? PhotonのJavaScript SDKとPlayCanvasを組み合わせて利用するためのリポジトリです。 大体30分ほどで、ブラウザー上で動く、リアルタイムで位置と回転が同期されているゲームを作ることができます。PlayCanvasとネットワークエンジン PhotonのJavaScript SDKを使用してリアルタイム通信のできる空間を作っていきます。 今回作るもの 前回の記事【JavaScript】 PlayCanvasの公式サンプルを使ってモバイル・デスクトップで動く一人称視点の空間を作る【WebGL】 の続きとして、リアルタイ

4. RIGIDBODYの追加 RIGID BODYも同様に、ADD COMPONENTから追加をします。 床の場合はこちらはStaticのままで大丈夫です。 床の作成はこれで完成しました。次は一人称視点を実装していきます。 一人称視点を実装する この状態でゲームを起動するとキャラクターの操作ができるようになっています。これの後は、ヒエラルキーを調整して、１人称視点を実装します。 現状確認をするゲームを起動する 1. ゲームの起動をする ゲームの起動は、シーンビューから行うことができます。 2. WASDで操作、Spaceキーでジャンプ WASDキーでPlayerの操作を行うことができます。Spaceをクリックすることでジャンプすることができます。 カメラをPlayerのエンティティの下に配置 ゲームを起動すると分かりますが、現状はFirstPersonではありません、カメラの カメラをP

はじめに @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で作ってみた こちらが先日

はじめに 前回の記事の続きになります。「PlayCanvas 入門- モデルの作成～ゲームに入れ込むまで」 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 Ama

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?