WebGL Welding Simulation Engine
Budget: €250 – €750 EUR
Procedural 3D Welding Visualization Engine
Project Specification
Project Overview
Develop a standalone TypeScript / Three.js procedural welding visualization engine.
The module must be completely independent.
No backend.
No database.
No authentication.
No application-specific code.
Only a reusable engineering visualization engine with a documented JSON API.
Technology
Required:
• TypeScript
• Three.js
• WebGL
Preferred:
• BufferGeometry
• Computational Geometry
• CAD Visualization
• Engineering Visualization
• Parametric Modeling
• Computer Graphics
• Mesh Generation
Joint Categories
Plate / Plate (P/P)
• Butt joint
• Lap joint
• Corner joint
• Edge joint
• T-joint
• Cross joint
• Offset joints
• Custom configurations
Plate / Tube (P/T)
• Tube on plate
• Tube through plate
• Tube inserted
• Tube protruding
• Flush tube
• Partial penetration
• Full penetration
• Tube at 30°
• Tube at 45°
• Tube at 60°
• Tube at 90°
• Offset tube
• Saddle connection
• Branch connection
Tube / Tube (T/T)
• Butt connection
• Branch connection
• Tee connection
• Y connection
• Cross connection
• Socket connection
• Sleeve connection
• Pipe penetration
• Pipe overlap
• Reducer
• Different diameters
• Different wall thicknesses
• 30°
• 45°
• 60°
• 90°
Weld Types
• Butt Weld (BW)
• Fillet Weld (FW)
Future support:
• Plug weld
• Slot weld
• Surfacing
• Overlay weld
Groove Preparations
Generate procedurally:
• Square (I)
• Single V
• Double V
• Single Bevel (Y)
• Double Bevel
• Single U
• Double U
• Single J
• Double J
• K preparation
• Compound groove
• Custom groove profile
ISO 6947 Welding Positions
Support all positions:
PA
PB
PC
PD
PE
PF
PG
H-L045
J-L045
Each position shall correctly calculate:
• Workpiece orientation
• Gravity direction
• Torch orientation
• Work angle
• Travel angle
• Welding direction
• Camera position
The engine must not simply rotate one model.
Geometry Engine
Everything must be generated mathematically.
Parameters:
• Joint type
• Weld type
• Groove type
• Plate thickness
• Pipe diameter
• Wall thickness
• Root gap
• Root face
• Groove angle
• Weld reinforcement
• Penetration
• Material
• Welding process
• Position
Changing one parameter automatically rebuilds the geometry.
Layer Planning
Unlimited layer plans.
Support:
• 1–100+ layers
• Unlimited beads per layer
• Root pass
• Hot pass
• Filler passes
• Cap passes
Each bead:
• Individual BufferGeometry
• Rounded profile
• Automatic overlap
• Automatic groove filling
• Individual ID
Welding Sequence
Each weld pass stores:
• Pass ID
• Layer
• Bead number
• Start point
• End point
• Travel direction
• Torch angle
• Work angle
• Travel angle
Future:
Complete weld sequence animation.
Views
Support:
• Interactive 3D
• Cross-section
• Front
• Side
• Top
• Isometric
• Exploded view
• Transparent mode
Rendering
Engineering illustration style.
• Metallic material
• Rounded weld beads
• Ripple structure
• Smooth shading
• Highlights
• Shadows
• Orbit controls
• Zoom
• Rotation
Architecture
Geometry Engine
Joint Generator
Groove Generator
Layer Planner
Bead Generator
Renderer
Public API
Renderer must remain independent from geometry calculations.
Deliverables
• Full TypeScript source code
• Three.js engine
• Documentation
• Demo application
• JSON API
• Unit tests
• Integration guide
Intellectual Property
After final payment all source code, documentation and intellectual property become the exclusive property of the client.
The code may not be reused in any other commercial project.
Development Plan
Milestone 1
P/P + BW + PA + V Groove
Milestone 2
All groove preparations
Milestone 3
All Plate/Tube joints
Milestone 4
All Tube/Tube joints
Milestone 5
All ISO 6947 positions
Milestone 6
Animation
Milestone 7
Optimization and future extensions.
Project Specification
Project Overview
Develop a standalone TypeScript / Three.js procedural welding visualization engine.
The module must be completely independent.
No backend.
No database.
No authentication.
No application-specific code.
Only a reusable engineering visualization engine with a documented JSON API.
Technology
Required:
• TypeScript
• Three.js
• WebGL
Preferred:
• BufferGeometry
• Computational Geometry
• CAD Visualization
• Engineering Visualization
• Parametric Modeling
• Computer Graphics
• Mesh Generation
Joint Categories
Plate / Plate (P/P)
• Butt joint
• Lap joint
• Corner joint
• Edge joint
• T-joint
• Cross joint
• Offset joints
• Custom configurations
Plate / Tube (P/T)
• Tube on plate
• Tube through plate
• Tube inserted
• Tube protruding
• Flush tube
• Partial penetration
• Full penetration
• Tube at 30°
• Tube at 45°
• Tube at 60°
• Tube at 90°
• Offset tube
• Saddle connection
• Branch connection
Tube / Tube (T/T)
• Butt connection
• Branch connection
• Tee connection
• Y connection
• Cross connection
• Socket connection
• Sleeve connection
• Pipe penetration
• Pipe overlap
• Reducer
• Different diameters
• Different wall thicknesses
• 30°
• 45°
• 60°
• 90°
Weld Types
• Butt Weld (BW)
• Fillet Weld (FW)
Future support:
• Plug weld
• Slot weld
• Surfacing
• Overlay weld
Groove Preparations
Generate procedurally:
• Square (I)
• Single V
• Double V
• Single Bevel (Y)
• Double Bevel
• Single U
• Double U
• Single J
• Double J
• K preparation
• Compound groove
• Custom groove profile
ISO 6947 Welding Positions
Support all positions:
PA
PB
PC
PD
PE
PF
PG
H-L045
J-L045
Each position shall correctly calculate:
• Workpiece orientation
• Gravity direction
• Torch orientation
• Work angle
• Travel angle
• Welding direction
• Camera position
The engine must not simply rotate one model.
Geometry Engine
Everything must be generated mathematically.
Parameters:
• Joint type
• Weld type
• Groove type
• Plate thickness
• Pipe diameter
• Wall thickness
• Root gap
• Root face
• Groove angle
• Weld reinforcement
• Penetration
• Material
• Welding process
• Position
Changing one parameter automatically rebuilds the geometry.
Layer Planning
Unlimited layer plans.
Support:
• 1–100+ layers
• Unlimited beads per layer
• Root pass
• Hot pass
• Filler passes
• Cap passes
Each bead:
• Individual BufferGeometry
• Rounded profile
• Automatic overlap
• Automatic groove filling
• Individual ID
Welding Sequence
Each weld pass stores:
• Pass ID
• Layer
• Bead number
• Start point
• End point
• Travel direction
• Torch angle
• Work angle
• Travel angle
Future:
Complete weld sequence animation.
Views
Support:
• Interactive 3D
• Cross-section
• Front
• Side
• Top
• Isometric
• Exploded view
• Transparent mode
Rendering
Engineering illustration style.
• Metallic material
• Rounded weld beads
• Ripple structure
• Smooth shading
• Highlights
• Shadows
• Orbit controls
• Zoom
• Rotation
Architecture
Geometry Engine
Joint Generator
Groove Generator
Layer Planner
Bead Generator
Renderer
Public API
Renderer must remain independent from geometry calculations.
Deliverables
• Full TypeScript source code
• Three.js engine
• Documentation
• Demo application
• JSON API
• Unit tests
• Integration guide
Intellectual Property
After final payment all source code, documentation and intellectual property become the exclusive property of the client.
The code may not be reused in any other commercial project.
Development Plan
Milestone 1
P/P + BW + PA + V Groove
Milestone 2
All groove preparations
Milestone 3
All Plate/Tube joints
Milestone 4
All Tube/Tube joints
Milestone 5
All ISO 6947 positions
Milestone 6
Animation
Milestone 7
Optimization and future extensions.
Related categories:
JavaScript
3D Rendering
HTML5
Computer Graphics
OpenGL
Dthreejs
Three.js
3D Visualization