LoginSignup
12

More than 3 years have passed since last update.

これWebなの!?PlayCanvasで作られたサンプル8個紹介!

Last updated at Posted at 2019-12-05

1つめ!PlayCanvasを始めると誰もが通る道!"My First Project"

4.PNG

PlayCanvasに登録をすると強制的に飛ばされるこのプロジェクト、PlayCanvasで物理演算とキーボード操作が出来ることを教えてくれる

次からはPlayCanvasで作られた面白いプロジェクトを紹介します。
https://playcanvas.com/editor/project/371667

2つめ!めちゃくちゃキレイ!MozillaとPlayCanvasが共同で開発した "After the Flood"

GIGAZINEでも紹介されていた。 After the FloodこちらはPlayCanvasの組み合わせです。
after_flood.PNG

http://aftertheflood.playcanvas.com/

「WebGL 2」を自分のブラウザで実際に動かして確認できる「After The Flood」- GIGAZINE

3つめ!Twitterカードとして埋め込めるゲームPlayCanvas運営事務局作成のサンディーフォト

PlayCanvasで作成したゲームはTwitterのPlayCardという形でTwitter上で遊ぶことができます。

PlayCardの作成はこちら

4つめ Ship Viewer

After the Floodのような形です。After the Flood同様、プロジェクトが公開されているので、自分で作る際にはカメラの動きなどが参考になります!

ShipViewr.PNG

5つめ!Webサイトから6dof / 3dofのVRが使える WebVR Lab

PlayCanvasの公式のチュートリアルにある。WebVR Lab、iPhone, Oculus Quest, Androidなどで開くと、それぞれVRを体験することができます。
※iOS13(には未対応みたいです...(APIが変わったため)

vr.PNG

6つめ!PhotonとPlayCanvasを組み合わせて作られたマルチプレイのゲーム

PlayCanvasGame.PNG

https://playcanvas.utautattaro.com/photon/

https://qiita.com/utautattaro/items/d754b9c0fcb50dc1100a

7つめ!AR Image Tracking Starter Kit

mm.PNG

マーカーレスのWebARのプロジェクト!PlayCanvasのアカウントと8thwallのアカウントさえあればかんたんにWebARが作れる。

使い方

8つめ!PlayCanvasで作られたウェブサイト!

ococ.PNG

PlayCanvasで作られたウェブサイトです。

https://playcanvas-demo.jp/examples/web/3dwebsite/

PlayCanvas開発で参考になりそうな記事の一覧です。 入門 応用 その他の記事はこちらになります。 その他関連 - [PlayCanvasタグの付いた記事一覧](https://qiita.com/tags/playcanvas)

PlayCanvasのユーザー会のSlackを作りました!

少しでも興味がありましたら、ユーザー同士で解決・PlayCanvasを推進するためのSlackを作りましたので、もしよろしければご参加ください!

日本PlayCanvasユーザー会 - Slack

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
12