問題タブ [stl-format]

React を使用していて、アプリで STL ファイル、具体的には色付きの STL ファイルを表示したいと考えています。バイナリ STL カラー ファイルがあります。three.js 公式 Web サイト ( https://threejs.org/examples/models/stl/binary/colored.stl ) のカラー STL ファイルを例にとります。色付きのファイルはhttp://www.viewstl.com/でちゃんと見ることができます。stl-viewer のように、STL ファイルを非常にきれいに表示するパッケージがいくつかあることを確認しましたが、アプリ内でファイルの色を追加する必要があります。

modelColorwithを使って stl-viewer を使ってみましunsetた。

ビューアがファイルとその色を表示することを期待していますが、モデルは基本的な色を取得しており、色のバイナリ セットを使用していません。

ここで誰かが同じ問題に遭遇したのではないでしょうか？ReactアプリでバイナリSTLカラーファイルを表示できる方法を知っている人はいますか?? どんな助けでも大歓迎です！

リモートでホストされているオプションでこれを機能させましたが、かなり遅かったです。JS プラグインを動作させるために何時間も無駄にしました。

https://www.viewstl.com/plugin/#usageのガイドに示されているように、3d モデルを div 内に表示できません。

私のページには div コンテナがあります。

wwwroot から離れた js フォルダーにすべての js ファイルがあるので、次のようにします。

(ソースを表示する場合、min.js へのリンクをクリックするとブラウザーに表示されるので、パスも有効であると想定します)

次のコードがあります：

ソースを表示して STL ファイルのリンクをクリックすると、ファイルがダウンロードされるので、パスは正しいように見えます。

それが役立つ場合は、ASP.NET CORE MVC を実行しています。を実行してリモート サービスを指定していたときは、すべて正常に機能していました。何が欠けているのかわかりません。

three.jsで 3D オブジェクト (.stl メッシュ オブジェクト) の「平面」の面積を計算しようとしていnます。マウスクリックで選択します。たとえば、このエリア：

「平面」の表面を構成するすべての「三角形」 (.stl であるため) は同じ角度で取り付けられていることがわかっています。角度が最後の三角形と比較して変化する場合、この三角形はそうではないことがわかります。もはや「飛行機」の一部。

したがって、これが計算しようとしているサーフェスのプロパティであることがわかっているため、これを何らかの形式のthree.js Raycasterと組み合わせて使用​​して、面積を選択して計算できます (正しいプロパティを持つ三角形のすべての面積を一緒に追加することによって)。 .

今のところ、選択したサーフェスのサイズを気にする必要はありません (たとえば、曲面で「平面」を見つけようとしても無効ですが、今は気にする必要はありません)。

three.jsでエリアと「平面」を見つけようとするとどうなりますか。より具体的には、.stl 形式の「三角形」の読み取りを開始するにはどうすればよいですか。

私の現在のコードの最小限の作業例(作業用の .stl ファイルが含まれています)。単純なライブ サーバーを使用して実行できます。たとえば、Ritwick Dey のプラグインを使用する VS Codeでは、「通常の」HTML/ JS。

唯一の要件は、three.js で計算しようとしているポイントを選択し、領域 (選択された三角形) が選択されたときに three.js で別の色を与えることです。必要な他の計算は、ある種のバックエンド (Python、Node.js、またはその他のもの) で行うことができますが、そのような複雑なデータをプログラム間で転送する明確な方法はわかりません。

私の最小限の再現コードです。私の写真で使用されている .stl ファイルについては、上記の github リンクを参照してください。

編集: 私の意図した出力の例ですが、three.js ではなく Fusion 360 です (注、元のファイルは .stl ですが、three.js では部分表示が許可されていないため、バックエンドで .stl に変換されます)。 .stl ファイルの「三角形」の例