概要 以下の記事で、vue3とbabylon.jsのやりとりを行うプログラムを作成しました。 今回は上記の発展版として、sceneに渡すmeshをvueから指定しています。以下のリンク先で内容をご確認いただけます。（途中、meshをうまく削除できていない箇所があります。今後修正予定です。） https://youtu.be/-dyQp-QX42I デモサイト https://nakamura196.github.io/nuxt3-babylonjs/10 ソースコード https://github.com/nakamura196/nuxt3-babylonjs/blob/main/pages/10/index.vue まとめ 参考になりましたら幸いです。
概要 Nuxt3 x babylon.jsにおいて、.glbファイルのロードを試みた際にエラーが発生しましたので、その備忘録です。 エラーの内容 以下のエラーが発生しました。 Unable to load from ./models/test.glb: importScene of undefined from undefined version: undefined, exporter version: undefinedimportScene has failed JSON parse 対応内容 以下を追加でインストールすることで対応できました。 n p m i n s t a l l @ b a b y l o n j s / l o a d e r s 結果、以下のようなjsファイルで表示することができました。 i } i c } e m m o ; x p E S F V H S f p n e s c } p o n c r e e c r o s n c r , o r g e e c m e o r t g e e c c m m c c c n S ) e } r t i n e t i n m t i n シ a o o y y o a a e c ; n ) t n e C o s e m n e ー t n n S S n m m w e " " s f } g s ; { e , a r p L " " y e : ン e エ s s c c カ s e e 光 G n . t c u レ i c d , m 3 h o @ @ S : を S ン t t e e メ t r r 源 H L e / e e n s s s ン n e e e , e a b b c n 作 c ジ n n ラ a a の e B L m s n c c c c ダ e n f r r d a a e n u 成 e ン e s e e の c . . 設 m モ o o t e t e e e リ . e a a i e b b n u l す n と n c . . 設 a s a 定 i デ a d . , i c シ n n n ン r . u , c r y y e l l る e シ g e e s 定 m e t s ル d e g o o ー e e e グ u r l L , l l l , 関 : ー i n n c e t t p の e l l n n ン . . . ル n e t i o o = , 数 ン n e g e r T a h 読 r s b s 内 a c a ー R n g n n f の e i n a a c e み . / " t の c r c プ e d m h j j { u 初 = n e r h r 込 A " , カ t e t n e y t s s n 期 = e = g C i み p , * m メ i a i d r S , / / c 化 n = e o c p n e ラ v t v e ( c c l t n e = n t n L e e s と e e e r ) e o o i e w s e ( t i n w h ラ C D C L ; n r a o w e c w V r g d M イ a e a o e e d n S n e e o h ( e = ト m f m o ; " e E c g n F c l t s を e a e p ; r ( n e i e r t ( ( h s 作 r u r ( s c g n n ; e o c " e c 成 a l a ( / a i e e e r a l s e ま t . ) g n n ( ; C 3 n i * n た = C a l v e e a . v g / e は a t = T a ( n m Z a h ) . 更 n m t > F s c g e e s t m 新 u e a " ) a i r r , " { e l r c { ; n n a o , s l a h { v e ( ( t h ; O C a ) " ) r V e r o s ; c ) u e s L n ) a ; e c [ i t ; m ) t 0 g r e ; o ] h o r r ; t l a 3 ( ( 1 . t c " U r a , p u n ( e v n ) ) a e , ; s w , s V c f e e a c n l t e s o ) e r ; ) 3 ; ( 0 , 5 , - 1 0 ) , s c e n e ) ; まとめ 同様のエラーでお困りの方の参考になりましたら幸いです。 ...
概要 vue3とbabylon.jsの双方向のやりとりを行うプログラムを試作しました。以下のリンク先で内容をご確認いただけます。 https://youtube.com/shorts/BIdj-3T2_z8 デモサイト https://nakamura196.github.io/nuxt3-babylonjs/9 ソースコード https://github.com/nakamura196/nuxt3-babylonjs/blob/main/pages/9/index.vue まとめ 参考になりましたら幸いです。
Babylon.jsとNuxt3とVuetifyを組み合わせて使用する機会がありましたので、その備忘録です。 構築したサイトは以下でご確認いただけます。 https://nakamura196.github.io/nuxt3-babylonjs/ ソースコードは以下です。 https://github.com/nakamura196/nuxt3-babylonjs 今回の組み合わせでアプリを開発される際の参考になりましたら幸いです。