Interactive BLDC Motor Model

A functional, interactive 3D model of a BLDC motor built from an image

Description

An interactive 3D visualization of a BLDC motor generated from an exploded-view image blueprint. It features a procedurally rendered rotor, stator windings with animated glowing effects, and a UI slider to control rotation speed, all contained in a single Three.js file.

Descriptions, tags, and model credits may be AI-generated or inferred from public sources and can be incomplete or wrong. Learn more.

Details

Why this is interesting: Impressive one-shot generation of a functional, interactive 3D engineering model from a 2D exploded-view image.
Attributed to: Sumersingh Rajpurohit@sumersinghshow
Built with: Gemini 4 Argon
Tags: #3d #simulation #threejs #engineering

Discovered: X
First posted: X · Oct 21, 2026
Listed: Added 14h ago
Build: Strong
Models: Strong

Prompts

Prompt 1

Act as a senior creative engineer and front-end developer.
Using this uploaded exploded-view image of a BLDC motor as your blueprint, generate a fully functional, interactive 3D working model of this exact motor.

Deliver this as a single, self-contained HTML file containing HTML5, CSS3, and embedded Three.js (via CDN).

Requirements for the 3D model:
1. Components: Procedurally render the rotor (outer casing with permanent magnets visible), the stator (lamination stack with coppery orange wire coils wound around the teeth), and a central steel shaft.
2. Interactivity: Include an HTML slider on the UI overlay labeled "Motor Current (A)". As the slider increases, the rotor and shaft should spin faster.
3. Visualization: Implement an animated glowing effect on the copper stator windings that matches the frequency of the rotation to simulate alternating current switching through the phases.
4. Camera: Allow the user to click and drag to rotate, pan, and scroll to zoom around the 3D model using

Source

Prompt 2

Act as a senior creative engineer and front-end developer. Using this uploaded exploded-view image of a BLDC motor as your blueprint, generate a fully functional, interactive 3D working model of this exact motor. Deliver this as a single, self-contained HTML file containing HTML5, CSS3, and embedded Three.js (via CDN). Requirements for the 3D model: 1. Components: Procedurally render the rotor (outer casing with permanent magnets visible), the stator (lamination stack with coppery orange wire coils wound around the teeth, and a central steel shaft. 2. Interactivity: Include an HTML slider on the UI overlay labeled "Motor Current (A)". As the slider increases, the rotor and shaft should spin faster. 3. Visualization: Implement an animated glowing effect on the copper stator windings that matches the frequency of the rotation to simulate alternating current switching through the phases. 4. Camera: Allow the user to click and drag to rotate, pan, and scroll to zoom around the 3D model using

Source

Explore

Toys & Experiments

Interactive BLDC Motor Model

A functional, interactive 3D model of a BLDC motor built from an image

bySumersingh Rajpurohit

Description

Descriptions, tags, and model credits may be AI-generated or inferred from public sources and can be incomplete or wrong. Learn more.

Details

Why this is interesting: Impressive one-shot generation of a functional, interactive 3D engineering model from a 2D exploded-view image.
Attributed to: Sumersingh Rajpurohit@sumersinghshow
Built with: Gemini 4 Argon
Tags: #3d #simulation #threejs #engineering

Discovered: X
First posted: X · Oct 21, 2026
Listed: Added 14h ago
Build: Strong
Models: Strong

Prompts

Prompt 1

Act as a senior creative engineer and front-end developer.
Using this uploaded exploded-view image of a BLDC motor as your blueprint, generate a fully functional, interactive 3D working model of this exact motor.

Deliver this as a single, self-contained HTML file containing HTML5, CSS3, and embedded Three.js (via CDN).

Requirements for the 3D model:
1. Components: Procedurally render the rotor (outer casing with permanent magnets visible), the stator (lamination stack with coppery orange wire coils wound around the teeth), and a central steel shaft.
2. Interactivity: Include an HTML slider on the UI overlay labeled "Motor Current (A)". As the slider increases, the rotor and shaft should spin faster.
3. Visualization: Implement an animated glowing effect on the copper stator windings that matches the frequency of the rotation to simulate alternating current switching through the phases.
4. Camera: Allow the user to click and drag to rotate, pan, and scroll to zoom around the 3D model using

Source

Prompt 2

Act as a senior creative engineer and front-end developer. Using this uploaded exploded-view image of a BLDC motor as your blueprint, generate a fully functional, interactive 3D working model of this exact motor. Deliver this as a single, self-contained HTML file containing HTML5, CSS3, and embedded Three.js (via CDN). Requirements for the 3D model: 1. Components: Procedurally render the rotor (outer casing with permanent magnets visible), the stator (lamination stack with coppery orange wire coils wound around the teeth, and a central steel shaft. 2. Interactivity: Include an HTML slider on the UI overlay labeled "Motor Current (A)". As the slider increases, the rotor and shaft should spin faster. 3. Visualization: Implement an animated glowing effect on the copper stator windings that matches the frequency of the rotation to simulate alternating current switching through the phases. 4. Camera: Allow the user to click and drag to rotate, pan, and scroll to zoom around the 3D model using

Source

Interactive BLDC Motor Model

Description

How it grew

Interactive BLDC Motor Model

Description

How it grew