ChatGPTとA-Frameで遊ぼう + α
- Taka_Yoshinaga
- 4390
- 21
- 1
- 36
これはChatGPTくんが書いてくれた東京駅 #AR_Fukuoka gyazo.com/70aeaf24ccb091… pic.twitter.com/lpmud3VIRd
2023-03-24 22:24:53地球と月のモデルを正確な大きさ比で作ってくれたw これは凄い #AR_Fukuoka pic.twitter.com/2B427VKIYI
2023-03-24 22:26:22犬をリクエストしたら四つ脚の何かが出てきた。自分と会話しながら子供が何か作ってくれたみたいな感覚で面白い。 #ChatGPT #aframevr #AR_Fukuoka pic.twitter.com/glmiBQXDF2
2023-03-17 21:32:25ChatGPT APIとA-Frameを使ったオブジェクト生成&操作のAR化。意図と違う挙動をすることも多々あるけどここはChatGPTまかせだから仕方ない。今後もっと人の意図を汲み取ってくれるようになるだろうから、まだまだ楽しめそう。 #AR_Fukuoka #ChatGPT #aframevr #webar #webvr pic.twitter.com/zYCJH295zr
2023-03-18 17:20:24ChatGPT x WebXRのデモがQuest Proでも動いた。最後、スペルを間違えたけどちゃんと処理してくれてる。 #AR_Fukuoka #ChatGPT #WebXR #WebAR #questpro pic.twitter.com/N6LhhxOkkU twitter.com/Taka_Yoshinaga…
2023-03-21 20:09:39ChatGPT APIとA-Frameを連携してみた。今回はPCだけどWebXR対応機器のQuestとかHoloLensでも動くはず。これ勉強会でやりたい人いる? #WebAR #WebVR #WebXR #Aframevr #ChatGPT #AR_Fukuoka pic.twitter.com/90AL29M1Wv
2023-03-16 17:16:25勉強会の資料はこちら
突貫工事で作ったので雑だけど今日の資料です。近々、修正入れますが復習とかでお役立てください。 docswell.com/s/Tks_Yoshinag… #AR_Fukuoka #ChatGPT #AFrameVR #WebAR #WebVR
2023-03-24 23:12:19[延長戦!] 時間の都合により端折った内容の解説回を3/28に開催
先日の勉強会で時間の都合によりあまり詳しく話せなかったところを解説します!緩い会なので今回からの参加もOKです! 【初参加OK!】LunchTime XR #12: ChatGPT x A-Frame勉強会・延長戦 xr-fukuoka.connpass.com/event/279154/ #AR_Fukuoka #ChatGPT
2023-03-26 08:21:40ooh chat gpt !!! "Looks like the LunchTime XR #12 study group is getting a time extension for some 'detailed explanation'. Just remember, it's a chill group, so even first timers are welcome to join and get in on the controversy! #AR_Fukuoka #ChatGPT 🤣😂" pic.twitter.com/JRr6mQpLHl
2023-03-26 08:05:09本日の一発目はこちら('ω') #AR_Fukuoka twitter.com/Taka_Yoshinaga…
2023-03-28 11:37:58先日の勉強会で時間の都合によりあまり詳しく話さなかったところを解説します!緩い会なのでもちろん今回からの参加もOK! 【初参加OK!】LunchTime XR #12: ChatGPT x A-Frame勉強会・延長戦 xr-fukuoka.connpass.com/event/279154/ #AR_Fukuoka #ChatGPT
2023-03-26 08:04:51#AR_Fukuoka 延長戦はじまった まずは前回の復習 テキストを文章で書くとその内容を反映する3Dオブジェクトを生成してくれる pic.twitter.com/MzlM0KbXHs
2023-03-28 12:13:52#AR_Fukupka 環境の復習 A-Frame 3Dオブジェクトを表示しやすい マウス操作にも対応 タグをソースに並べていくと描画される pic.twitter.com/MnpieNAbzS
2023-03-28 12:16:30#AR_Fukupka 取り扱い方 ライブラリ読み込み→a-なんちゃらなタグで記述する 各図形と背景の書き方 位置、回転、色とか指定 簡単な記述で表現できるので、ChatGPTもアウトプットできる pic.twitter.com/1yOLBHM3cl
2023-03-28 12:19:55#AR_Fukuoka 実際にChatGPTに頼んでみたときの様子 <body>タグの内側をコピペしてエディタで動かしたら動いた いちいちコピペするのはめんどいので、ChatGPT APIを利用することに 自分のプログラム上からChatGPTにお伺いして結果もってきてソースを更新する風にすれば一つのUIだけで済む pic.twitter.com/xI7Tlv9mVW
2023-03-28 12:24:09#AR_Fukuoka github.com/TakashiYoshina… 前回の講座で完成させたコード ・空のa-frameオブジェクトa-entityを先に配置 そこに入れ込む ・指示入れフィールド、ボタン、お答え表示フィールドのUI ・変数宣言を準備 ・javascriptの関数4つ 初期化と書き込み、ボタン、生成の機能 pic.twitter.com/jXLQfkyJSU
2023-03-28 12:28:44#AR_Fukuoka 初期化でChatGPTへのキャラ付けとかを準備 pic.twitter.com/AFZzVcjlYd
2023-03-28 12:29:53#AR_Fukuoka ボタンを押したときの挙動は4ステップ この処理が書き終われば1ターンのやり取りは終わっている pic.twitter.com/cOeWYO0Cho
2023-03-28 12:35:09#AR_Fukuoka 昼ごはんをたのんでみた(なにこれ) pic.twitter.com/CjwvSzVHHU
2023-03-28 12:36:50#AR_Fukuoka 今日のやりたいことは、過去の文脈を現在に反映させること 今のコードにいろいろ変更を加える pic.twitter.com/BxbFwOhfaq
2023-03-28 12:38:09#AR_Fukuoka 変更の具体的ななかみ pic.twitter.com/Ci1uK4ovEc
2023-03-28 12:44:58#AR_Fukuoka 改変が終わったのでブラウザ上で更新して動作テスト 前回の命令を上書きしていただけの挙動から、 順に命令を聞いてくれたりする挙動に変化 pic.twitter.com/HhFhhJ994c
2023-03-28 12:49:11#AR_Fukuoka 動作重くなるのを防止するための仕掛け 記憶改ざん 一度答えてくれた事を省く的な?('ω') UI上での返答もシンプルになる pic.twitter.com/45Oj5L6bmR
2023-03-28 12:52:53#AR_Fukuoka ソースコードは公開中 github.com/TakashiYoshina… 皆が使えるデモページも公開 takashiyoshinaga.github.io/ChatGPT-A-Fram… 自分自身で取得したChatGPT APIキーを入れるとそれを使って動く仕組みに変更になってる(ので吉永さんの懐は痛まない) pic.twitter.com/HnKq6MFzWu
2023-03-28 13:02:57