three.js

1熱

1答えて

古いthree.js（r72-）アニメーションシステムでは、指定された時刻にアニメーションを開始することができました。私はの線に沿って何かやった：私は新しいアニメーションシステムでこれを達成することに成功下回っている // anim being an instance of THREE.Animation var duration = anim.data.length; anim.cur

0熱

1答えて

サムネイルをクリックしてブラウザで3Dモデルを表示

yobi3dのような機能を実装したい：自転車のサムネイルをクリックし、新しいウィンドウのポップアップを表示し、モデルをユーザーに表示する。私はモデルをファイルシステムに入れて、私のモデルURLがブラウザを通して正しいことを二重にチェックしました（私はブラウザーで訪問URL（localhost/models/blabla.stl）でダウンロードできます）。しかし、私のポップアップウィンドウにはモデル

0熱

1答えて

three.jsレンダラーでHTMLテキストをオーバーレイする

私のthree.jsスケッチにHTMLテキストをオーバーレイしようとしていますが、Z-インデックスを変更しても何も変わりません。私はinnerHTMLを使うことができることを知っていますが、onclick属性を使用する必要があります。この問題の主なトピックではない問題が発生します。私はCSS3Dレンダラーを使用していますが、HTMLコンテンツを横に表示したいと思いますが、パッディング値を変更する

1熱

2答えて

Chromeでハイパーリンクを使用している場合、AFrameコンテンツがレンダリングされない

Aフレームコンテンツは、FireFoxおよびSafariでレンダリングされている間はChromeでレンダリングされません。 as CodePen here const {hyper、wire} = hyperHTML; class Box extends hyper.Component { render() { return this.html` <a-scene>

0熱

2答えて

10000メッシュのThree.jsパフォーマンスの最適化

Three.jsで.objモデルをロードし、面から独立したメッシュを作成して本当に面白いアニメーションを作成します。しかし、この問題は、あまりにも多くのメッシュでは非常に悪いパフォーマンスです。実際、10000面の単一メッシュは美しく機能します。しかし、分離された10000メッシュ（これらの面から作成されたもの）は、アニメーションなしであっても、静的シーンであってもひどく機能します。このような

0熱

1答えて

three.js：パーティクルの代わりにパーティクルクラウドにテキストを渡します。

四角いパーティクルが浮かんでいるフォークされたthree.js codepen実験があります。しかし、私はそれにテキスト（ジオメトリ）を渡すことができるように修正しようとしています。正方形の粒子を置き換えて、やや単語/タグクラウドに似ています。これは可能ですか？現在codepenへリンク： https://codepen.io/farisk/pen/pWQGxB 相続人は私が達成したいものを：

0熱

1答えて

ローカルローテーションを基準にしてcannon.jsにボディを配置します。

cannon.jsに四元数ローテーションが適用されたボディがあります。私はそれをローカル回転に関連してベクトルに沿って100単位動かしたいと思う。 body.position.set(x, y, z);動く世界ではなく、地元の回転体の相対を使用して例： let body = new CANNON.Body({ mass: 0 }); body.quaternion.setFromAxisAng

1熱

1答えて

THREE.jsのオブジェクトを遮る部分透過シェーダ

私はボードを覆う戦争層の霧でゲームを作っています。プレーヤーがタイルの上にマウスを置いたときに現れるカーソルを持っていて、タイルの周りのグロー効果でこれを実装しています。シェーダを使って実装しました。私は奇妙な問題に遭遇しています：正のx値（カメラがx = -250に設定されているときは、y = 250に設定されているとき）はグロー効果がうまく動作しますが、カメラが回転しない限りほぼ完全に垂直（