2023-08-12
楽しかった、難病のこどもたちへのプログラミングの楽しさを伝える活動。参加したこどもと約束したVRアプリを作成。


「マウスクリック対応 egvr.js」
src on GitHub
マウスクリックに対応希望とのことで、eg.waitClickに対応。出てくる丸いボールをマウスでクリックすると、「clicked」と文字がでます。テキスト表示は、eg.textを使います。日本語には未対応です。


要望してくれた、@Azly_frog あずけろさんのイチオシは、カエル。買わせてもらった直筆のカエルの絵に、サイン入れてもらいました!


ARに興味ありとのことで、AR/VRのフレームワーク、egvr.js を紹介。

高校生向けVR入門の教材として作ったegvr.js、金沢IT部活の部員作成の3Dモデルを表示したり、ARで見る花火を作ったり、IchigoJamドローンプログラミングのシミュレーターにもなってます。


「エイムゲーム - egvr.js」
src on ss.sabae.cc
こちら、応用したゲーム。スタートすると10コでてくる丸いボールをすばやくクリックしてタイムを競います。x,y,zの座標をランダムで決めていますが、視界外に出るようにしたり、色を変える、モデルを表示するなど、いろいろと改造してみましょう!


「エイムゲーム at おおぞら共和国」

ドローンシミュレーターのように背景の360度写真と、あおぞら共和国の3Dモデルを使う場合は、先頭に次の2行を足すだけです。(あおぞら共和国 data on GitHub) eg.sky("https://code4fukui.github.io/vr-aozora-republic/vr360_aozora-republic_50m.jpg"); eg.model("https://code4fukui.github.io/vr-aozora-republic/aozora-republic_all.glb", 0, -2, 0, -90, 100); 3Dモデルはウェブ標準の3Dモデル形式、GLTFのバイナリ形式、GLBファイルをGitHubなどにアップして、GitHub Pagesで公開したURLを指定すると使えます。(参考、じぶんのウェブサイトをつくろう! 13才以上なら誰でも無料で持てるホームページ&HTMLとCSSはじめのいっぽ

いろいろ作ってみてください!

links
- 難病のこどもたちにプログラミングを!ドローンプログラミング教室 in あおぞら共和国と、FrouitPunchシミュレーター

Tweet
クリエイティブ・コモンズ・ライセンス
本ブログの記事や写真は「Creative Commons — CC BY 4.0」の下に提供します。記事内で紹介するプログラムや作品は、それぞれに記載されたライセンスを参照ください。
CC BY / @taisukef / アイコン画像 / プロフィール画像 / 「一日一創」画像 / RSS