Forked from: cx20's [WebVR] A-Frame で WebVR を試してみるテスト(その2)(調整中) View Diff (7) [WebVR] A-Frame で WebVR を試してみるテスト(その2改)(調整中) cx20 Follow 2018-06-14 23:17:28 License: MIT License Fork0 Fav0 View239 Play Stop Reload Fullscreen Smart Phone Readme JavaScript 9 lines HTML 20 lines CSS 0 lines [WebVR] A-Frame で WebVR を試してみるテスト(その2改)(調整中) <対応した点> ・キューブをサッカーボールに変更 <参考> ■ a-sphere - A-Frame https://aframe.io/docs/0.8.0/primitives/a-sphere.html [WebVR] A-Frame で WebVR を試してみるテスト(その2改)(調整中) // forked from cx20's "[WebVR] A-Frame で WebVR を試してみるテスト(その2)(調整中)" http://jsdo.it/cx20/yzbu // forked from cx20's "[WebVR] A-Frame で WebVR を試してみるテスト(調整中)" http://jsdo.it/cx20/6X3S // forked from cx20's "[WebGL] A-Frame を試してみるテスト(その4)" http://jsdo.it/cx20/k7B2 // forked from cx20's "[WebGL] A-Frame を試してみるテスト(その3)" http://jsdo.it/cx20/qgOl // forked from cx20's "[WebGL] A-Frame を試してみるテスト(その2)" http://jsdo.it/cx20/OclK // forked from cx20's "[WebGL] A-Frame を試してみるテスト" http://jsdo.it/cx20/AOwl // forked from cx20's "[簡易版] 30行で WebGL を試してみるテスト" http://jsdo.it/cx20/oaQC // nothing <!-- aframe.js v0.8.2 --> <script src="https://unpkg.com/aframe@0.8.2"></script> <script src="//cdn.rawgit.com/donmccurdy/aframe-physics-system/v3.1.2/dist/aframe-physics-system.min.js"></script> <a-scene physics="debug: false"> <a-assets> <!-- grass.jpg --> <img id="grass-texture" src="/assets/u/y/G/y/uyGy9.jpg"> <!-- football.jpg --> <img id="football-texture" src="/assets/s/s/X/x/ssXxc.png"> </a-assets> <a-entity camera look-controls></a-entity> <a-sphere position="0 2 -2" dynamic-body radius="0.5" material="src: #football-texture"></a-sphere> <a-box position="0 -1 -2" static-body width="3" height="0.1" depth="3" material="src: #grass-texture"></a-box> <a-sky color="#ECECEC"></a-sky> </a-scene> [WebVR] A-Frame で WebVR を試してみるテスト(その2改)(調整中) [WebVR] A-Frame で WebVR を試してみるテスト(その2改)(調整中) <対応した点> ・キューブをサッカーボールに変更 <参考> ■ a-sphere - A-Frame https://aframe.io/docs/0.8.0/primitives/a-sphere.html // forked from cx20's "[WebVR] A-Frame で WebVR を試してみるテスト(その2)(調整中)" http://jsdo.it/cx20/yzbu // forked from cx20's "[WebVR] A-Frame で WebVR を試してみるテスト(調整中)" http://jsdo.it/cx20/6X3S // forked from cx20's "[WebGL] A-Frame を試してみるテスト(その4)" http://jsdo.it/cx20/k7B2 // forked from cx20's "[WebGL] A-Frame を試してみるテスト(その3)" http://jsdo.it/cx20/qgOl // forked from cx20's "[WebGL] A-Frame を試してみるテスト(その2)" http://jsdo.it/cx20/OclK // forked from cx20's "[WebGL] A-Frame を試してみるテスト" http://jsdo.it/cx20/AOwl // forked from cx20's "[簡易版] 30行で WebGL を試してみるテスト" http://jsdo.it/cx20/oaQC // nothing <!-- aframe.js v0.8.2 --> <script src="https://unpkg.com/aframe@0.8.2"></script> <script src="//cdn.rawgit.com/donmccurdy/aframe-physics-system/v3.1.2/dist/aframe-physics-system.min.js"></script> <a-scene physics="debug: false"> <a-assets> <!-- grass.jpg --> <img id="grass-texture" src="/assets/u/y/G/y/uyGy9.jpg"> <!-- football.jpg --> <img id="football-texture" src="/assets/s/s/X/x/ssXxc.png"> </a-assets> <a-entity camera look-controls></a-entity> <a-sphere position="0 2 -2" dynamic-body radius="0.5" material="src: #football-texture"></a-sphere> <a-box position="0 -1 -2" static-body width="3" height="0.1" depth="3" material="src: #grass-texture"></a-box> <a-sky color="#ECECEC"></a-sky> </a-scene> use an iframe compat browser, deer Play on jsdo.it games Author Share ブログに埋め込む QR Tag Download Complete! Description What kind of game? [WebVR] A-Frame で WebVR を試してみるテスト(その2改)(調整中) <対応した点> ・キューブをサッカーボールに変更 <参考> ■ a-sphere - A-Frame https://aframe.io/docs/0.8.0/primitives/a-sphere.html Control Device Smartphone Controllerjsdo.it WebSocket Controller» Mouse Keyboard Touch Device Fullscreen Activated Inactivated jsdo.it games から削除する Submit Author cx20 URLhttp://profile.hatena.ne.jp/cx20/ プログラマ(マイクロソフト系の言語を使用することが多いです。) JavaScript のライブラリを色々と試して遊んでます。 ■ 各種 WebGL ライブラリによる基本サンプル一覧 http://qiita.com/cx20/items/0fa19c96aa6470d98807 ■ 各種 WebGLライブラリと3D物理演算ライブラリの組み合わせ一覧 http://qiita.com/cx20/items/3ebed669fb9c9e797935 ■ glTF 対応ライブラリのサンプル一覧 https://github.com/cx20/gltf-test ■ Grimoire.js サンプル一覧 http://jsdo.it/tag/Grimoire.js ■ GLBoost サンプル一覧 http://jsdo.it/tag/GLBoost Tweet Default Panel Auto play Screenshot Readme JavaScript HTML CSS Size Width: px Height: px code <script type="text/javascript" src="http://jsdo.it/blogparts/MlwV/js"></script> art&design GLSL html5_elements&api library&test WebGL Discussion Questions on this code? Tags GLSL WebGL art&design html5_elements&api library&test