問題タブ [babylonjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
473 参照

javascript - ラインメッシュを正しい方法で複製する方法は?

BabylonJS と WebGL は初めてです。thisthisなどの基本的なチュートリアルを読み、プレイグラウンドで提案されているデモにアクセスすることから始めました。

ライン メッシュのクローン作成に関して 1 つ質問があります。立方体メッシュのクローンを作成して回転させようとしましたが、動作しています ( Playgorund リンク)。

ただし、同じ戦略がラインメッシュでは機能しないため、正しい方法を知りたいと思っていました。Playgroundでこれまでに行ったことのデモも作成しました。複製されたライン メッシュは、最初は表示されず、レンダリング モード「ワイヤフレーム」が選択されている場合は部分的にしか表示されません。

これをよりよく理解するのを手伝ってくれれば、それは素晴らしいことです。

createScene():

デモのスクリーンショット

0 投票する
1 に答える
1321 参照

javascript - typescriptクラスは「この」変数を見つけることができませんか?

私は babylonjs ライブラリを使用しており、typescript で「Building」クラスを作成しました。ところで、全体にtypescriptを使用しています。メインの game.ts 「ゲーム」クラスからこの新しい「建物」を作成し、「建物」のメンバーにアクセスしようとすると、「未定義」変数エラーが発生します。ただし、これは別のクラス メソッド内でのみ発生しますが、コンストラクターでは正しく機能するようです。javascript/typescriptの「this」スコープと関係があると思います。私は次のようにして関数を変更しようとしました:

次の方法で変数を作成しようとしました:

しかし、これはまだ機能しません

何も機能していないように見えるため、これは本当に「この」スコープの問題ですか。以下に、この変数が機能する場所と機能しない場所を正確にマークしました。

0 投票する
1 に答える
167 参照

javascript - babylonjs typescriptの競合状態?

私は babylonjs を試してきましたが、これまでのところすべてが素晴らしいです。すべてが同じファイル内の ImportMesh コールバック関数にある場合、メッシュを読み込んでアニメーション化することができます。でも; 物事を分割して以下のような単純なことをしようとすると、これらの競合状態が発生するようです。次の例を見てください。

コンソール ログは「メッシュ セット: 未定義」として出力されます。「i」が設定される前に、インポートメッシュが独自のスレッドでコールバック関数を実行するためだと思いますか? ただし、コールバック内でコンソール印刷を行うだけで「i」やモデルリストが設定されない方法について、頭を悩ませています。コンソール印刷を行うと:

同じコールバック内で、値を正しく見ることができますか? 意味がありません :(

スレッド化に関してインポートメッシュで何が起こっているか知っている人はいますか? スレッドを待っているbabylonjsのベストプラクティスはありますか? scene.executewhenready を使用してみましたが、コールバックの外部の変数に何かを保存および取得できないようです。

0 投票する
2 に答える
1334 参照

javascript - 3D レンダリング JavaScript を使用した getcontext()

Q.) キャンバス要素があり、キャンバス上に 2D javascript (papaer js) と 3D javascript (babylon js) を使用して描画しています。今、そのキャンバスに2Dと3Dで画像を追加/描画したいと思います。2D JS(Paper js)を使用してキャンバスに画像を描画できます。

このような、

そして私はそれで結果を得ます。

私は3D JSで同じことをしたいです。しかし、3D JS では動作しません。それは、私の 3D js が継続的にレンダリングされているからです。

それで、そのための方法はありますか。

このように 3D で getContext() を使用できることを読みました..

しかし、それでもうまくいきません..!「WebGLはサポートされていません」と表示されます

0 投票する
1 に答える
178 参照

3d - ArcRotateCamera の衝突

私は 3D Web プロジェクトに取り組んでおり、Babylon.js を使用しました。現在、私はエンジンを研究し、必要な機能を 1 つずつ実行して適用しています。この特定のケースでは、その上にボックスがある単純な地面があります。衝突を有効にした状態で ArcRotateCamera を使用する必要がありますが、ボックスと地面を通過できるため、衝突が機能しません。私がプレイグラウンドで作業しているコードは次のとおりです。これは、Babylon の衝突サンプルから変更されたばかりです: http://www.babylonjs-playground.com/#4HUQQ#14

私はすでに Babylon のドキュメントを読んだことがありますが、運が悪かったのですが、ここで何が間違っているのでしょうか?

0 投票する
2 に答える
650 参照

babylonjs - file.babylon をロードする方法は? ローディングシーンしか表示されない

こんにちは、私のプロジェクトに問題があります。i babylon ファイルを読み込もうとしましたが、ファイルを読み込めません。ローディングシーンのみ表示されます。ここに私のコードがあります

これは私のコードであり、harimau.babylon ファイルをロードするために何をすればよいかわかりません。どうも

0 投票する
1 に答える
788 参照

typescript - Webpack エラーでビルドされた Babylonjs の Typescript: 重複した識別子 'BABYLON'

密度戦争と呼ばれる webgl RTS ゲームに取り組んでいますが、次のような多くのエラーが発生します。

ERROR in [default] /Users/nikos/PhpstormProjects/Density-Wars/babylonjs.d.ts:1:15 Duplicate identifier 'BABYLON'.

typescript へのエントリ ポイントでは、次のようにします。

webpack.config: