コントローラで球の生成⑤【JavaScript+A_Frame】インタラクティブWebVR A-Frame チュートリア⑳ 第838回

このシリーズは、インタラクティブなWebVRのプログラムをつくるためのチュートリアルです．

このチュートリアルの教材は「Takashi Yoshinaga先生」が作られたものです．

それをベースに私自身が勉強しながらこのスライドを語っていきます．

今回も動作確認の続きで，A-FrameとA-Frame-Physics のバージョンをこだわってみてみました．

前回の動作確認でコントローラをとても高い視点から見ていることが確認できました．

今日は，TakashiYoshinaga先生のソースと比べながら私のプログラムを修正しています．

その結果，ブラウザ上の表示がマウスやキーボードで動くようになりました．

VRゴーグルでの動作検証は，明日行います．

是非、御覧ください．

■チャプター
00:10 本日の内容（ソースの突き合わせと修正）
00:30 前回の振り返り
04:35 ここから本日のソースの突き合わせ解説の開始
11:15 このあたりの差異がポイントのように思います
13:30 ブラウザ上での動作確認（ドラッグやwasdキーで動く）
14:45 本日の動作確認のまとめ
15:45 本日のまとめとチャンネルの宣伝

■関連サイト
１）本日のプログラム（物体出現の確認プログラム②）
https://tmdoi.github.io/website/js/controller/controller9.html

２）紹介しているTakashiYoshinaga先生のスライド
https://www.slideshare.net/ssuserc0d7fb/aframeoculus-questwebvr-151354119

３）VR用簡単マイコン教室のホームページ
https://tmdoi.github.io/website/

４）A-Frameの公式ページ（oculus-touch-controls）
https://aframe.io/docs/1.3.0/components/oculus-touch-controls.html

５）Webプログラミング道場のサイト
https://code4fukui.github.io/htmlprac/

６）A-FrameによるWebVR入門の再生リスト
https://youtube.com/playlist?list=PLPKfPNY87vShQBsuVjFwD9R_7I_jxQ6kH

７）Takashi Yoshinagaさんのホームページ
https://vizyoshinaga.sakura.ne.jp/

★このシリーズで目指しているゴール InteractionSample
https://quest-demo.glitch.me/

★上のWebVRのソースコード↓
https://github.com/TakashiYoshinaga/Oculus-Quest-Interaction-Sample

◎ 自分のWEBサイトをつくる（動画）
https://youtu.be/IsLxA4l53DM

◎JavaScript用の簡単マイコン教室のWebsite
https://tmdoi.github.io/website/js/cannon.html

◎A-Frame はじめの一歩
https://fukuno.jig.jp/3076

◎福野泰介の一日一創
https://fukuno.jig.jp/

◎A-Frame School
https://aframe.io/aframe-school #/

◎物理シュミレータの公式サイト
https://github.com/n5ro/aframe-physics-system

◎ A-Frameの公式サイト
https://aframe.io/

◎福野泰介の一日一創のVRリンク集
https://fukuno.jig.jp/vr

◎ Webプログラミング道場
https://p.na-s.jp/htmlprac.html

◎IchigoJamの公式サイト
https://ichigojam.net/

◎IchigoJamのBASIC言語のリファレンス
https://ichigojam.net/IchigoJam.html

◎プロ蔵　IchigoJamのページ
https://sites.google.com/view/prokura/ichigojam

◎かんたんマイコン教室チャンネルのトップページ
https://www.youtube.com/channel/UC41qeaw-dXNdl0puKkXiuKA

◎YouTubeチャンネルのトップへ
https://www.youtube.com/channel/UC41qeaw-dXNdl0puKkXiuKA/

#java script #vr #aframe #js #java #javascript #TakashiYoshinaga #ar #quest #a frame #把持 #grip