This directory contains interactive Electron applications that demonstrate various rclnodejs features with rich graphical interfaces. Each demo showcases how to integrate ROS2 functionality into desktop applications using web technologies.

• topics/ - Minimal publisher/subscriber demo
  • Basic ROS2 topic communication with simple UI
  • Publishes and subscribes to string messages
  • Ideal starting point for learning rclnodejs with Electron

• car/ - Interactive car control with joystick

  • Virtual joystick for velocity command publishing
  • Real-time car visualization responding to commands
  • Emergency stop functionality and directional controls

• manipulator/ - Two-joint robotic arm simulation

  • 3D robotic arm visualization using Three.js
  • Interactive joint controls with sliders
  • Automatic animation patterns and live feedback
  • ROS2 integration via sensor_msgs/msg/JointState

• turtle_tf2/ - TF2 transforms and turtle simulation
  • Complete TF2 coordinate frame system implementation
  • Integration with turtlesim for turtle tracking
  • 3D WebGL visualization of coordinate transformations
  • Intelligent turtle following behavior

• All demos use rclnodejs in the renderer process
• Node lifecycle management follows Electron best practices
• Proper cleanup on application exit

• Electron: Desktop application framework
• Three.js: 3D graphics and visualization
• Modern CSS: Responsive and accessible interfaces
• Web APIs: Canvas, WebGL, and DOM manipulation

• Efficient ROS2 message handling
• Optimized rendering loops
• Memory management for long-running applications

• rclnodejs Tutorials - Core concepts and API usage
• ROS2 Documentation - Official ROS2 reference
• Electron Documentation - Electron framework guide