Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>TERNION Digital TwinNew to Visual Studio Code? Get it now.
TERNION Digital Twin

TERNION Digital Twin

TERNION

|
18 installs
| (0) | Free
TERNION Digital Twin VSCode Extension
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

TERNION Digital Twin

A powerful VS Code extension that provides an integrated MQTT broker and 3D visualization capabilities for building and testing digital twin applications.

Features

🔌 Embedded MQTT Broker

  • Built-in Aedes MQTT broker with TCP (port 1883) and WebSocket (port 8883) support
  • Automatic broker startup when extension activates
  • Real-time broker status monitoring and client management
  • Configurable ports and broker control via intuitive UI

🎨 3D Visualization

  • Interactive 3D models powered by Three.js and T3D engine
  • Support for GLB/GLTF model formats
  • Real-time physics simulation with Jolt Physics engine
  • HDRI environment maps and lighting controls
  • Camera controls and scene manipulation

📡 MQTT Client

  • Full-featured MQTT client for connecting to local and remote brokers
  • Connection profiles with persistent configuration
  • Support for QoS levels (0, 1, 2), retained messages, and wildcard subscriptions
  • Message history and publish/subscribe management
  • Clean session and authentication support

📊 Real-time Monitoring

  • Monitor broker status, connected clients, and message flows
  • Visual feedback for connection states and message delivery
  • Toast notifications for important events

🎯 Easy to Use

  • Intuitive UI for managing MQTT connections
  • Drag-and-drop interface for 3D scene manipulation
  • Integrated property panels for scene configuration
  • Theme support (light/dark mode)

Installation

  1. Open VS Code
  2. Go to Extensions view (Ctrl+Shift+X / Cmd+Shift+X)
  3. Search for "TERNION Digital Twin"
  4. Click Install

Or install via command line:

code --install-extension TERNIONDEV.ternion-digital-twin

Quick Start

  1. Open the Extension

    • Press Ctrl+Shift+P (or Cmd+Shift+P on Mac)
    • Type "Open 3D World" and select the command
    • Or use the command: TERNION: Open 3D World
  2. MQTT Broker

    • The MQTT broker starts automatically on ports:
      • TCP: 1883
      • WebSocket: 8883
    • Use the Broker Control panel to manage the broker
  3. Connect to MQTT

    • Open the MQTT Client panel
    • Click "Connect to Local Broker" or configure a remote connection
    • Start publishing and subscribing to topics
  4. 3D Visualization

    • Load 3D models using the asset panel
    • Configure physics properties for interactive simulations
    • Adjust renderer settings for optimal performance

Commands

  • TERNION: Open 3D World - Open the main 3D visualization panel
  • TERNION: Configure Base URL - Configure asset base URL
  • TERNION: Reload TERNION Digital Twin - Reload the webview
  • TERNION: Reload VSCode Window - Reload the entire VS Code window
  • TERNION: Toggle Developer Tools - Open browser dev tools for debugging

Configuration

MQTT Configuration

The extension stores MQTT client configuration in VS Code settings:

  • Connection profiles
  • UI state
  • Publish history

Access via: File > Preferences > Settings > TERNION MQTT

Requirements

  • VS Code version 1.75.0 or higher
  • Node.js (for MQTT broker functionality)

Documentation

For detailed documentation, architecture guides, and troubleshooting, see the extension documentation.

Contributing

Issues and feature requests are welcome! Please visit our GitHub repository to contribute.

License

MIT License - Copyright (c) 2025 TERNIONDEV

Support

  • Issues: GitHub Issues
  • Repository: GitHub Repository
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft