＃フロントエンド＃3D開発＃モノのインターネットの視覚化
- 3Dシーンでのトップサインの宣伝
- CampusBuilderセットアップ情報ボード
- ThingJS開発シーンのトップカード
3Dシーンでのトップサインの宣伝
建物や道路の横に設置された屋外のメディアデバイスとして、人々を引き付け、シーンのガイダンスを提供するだけでなく、建築設計の一部として、屋外の看板を見てきました。したがって、看板のデザインは多様です。
現実の世界では、看板は生産材料と力を支えるコンポーネントの影響を受けます。3Dシーンでは、トップサインは実際の意味での看板ではなく、情報表現の形式です。
3Dシーンの広告トップボードには通常、グラフィックアノテーションが必要であり、ズーム、色、透明度などのオンライン要素が追加されて、より美しい役割を果たします。
CampusBuilderセットアップ情報ボード
ThingJSはビジュアル開発コンポーネントを提供し、スマートシーンはCampusBuilderに組み込まれています。
（1）一番上のカードは、モデル構築インターフェイスでは「情報カード」とも呼ばれ、通常はモデル（キャビネットなど）に表示されるため、最初にモデルを選択し、モデルID、モデルを指定する必要があります。名前とカスタム属性を入力し、左下隅の情報ボードで編集します。
（2）さまざまなスタイルの案内板を選択したり、3Dモデリングや可視表示を設定したり、プレビューを確認したりできます。
（3）インフォメーションボード確認後、モデルの上部が表示され、ThingJS開発プロジェクトに同期されます。
ThingJS開発シーンのトップカード
ThingJSプラットフォームは、シーン開発プロジェクトへの埋め込みとオンラインでの編集および変更をサポートしています。プロジェクト開発インターフェイスでは、エディターがコードの説明を提供し、3Dコンテナーが3Dシーンと2D視覚化コンポーネントを提供してユーザー操作を容易にします。
基本操作：（1）トップカードの作成またはズーム;（2）スタイルまたはテキストの変更
マウス登録イベント：（1）クリックして表示：モデルを選択すると、トップカードが上に表示されます;（2）フローティング表示：モデル上にマウスを置くことを選択します。誘導後に表示されます。（3）常時表示：トップカードはモデルに固定されています。（4）モデル化されたトップカード：3Dモデリングを選択すると、3Dになります。 3D効果を提示する次元のトップカード。
注：3Dシーンのトップカード情報詳細表にはモデル情報が記載されており、情報トップカードを設定する際に1つずつ確認する必要があります。
より多くのコード例がオンライン開発に入る-3Dインターフェース（http://www.thingjs.com/guide/?m=sample）ビュー。
ThingJSオンライン開発は、スマートシーン構築とオンライン開発をより適切に組み合わせた「シナリオディスプレイトップカード」機能を開始します。ユーザーはプロジェクト内で（シーン内だけでなく）開発し、javasriptを直接呼び出すのが簡単です！
ThingJSについて
ThingJSは、モノのインターネットの3D視覚化コンポーネントを提供し、Javascriptを使用して3Dスクリプトを直接呼び出し、200の3D開発ソースコード例に基づいて、モノのインターネットの視覚化開発ロジックを完全に理解し、デジタルツインテクノロジーイノベーターになることができます。 20万人の開発者がいます！