What is three-auto?

three-auto can quickly generate a Three.js 3D scene through default configuration options, without requiring users to manually declare basic classes such as cameras and renderers.

TIP

Just want to try it out? Jump to Getting Started

Use Cases

• 3D

three-auto can help you quickly build your 3D scenes and many cool effects.

TIP

Quickly check out Examples.

• Charts

three-auto supports rapid generation of 3D visualization charts, including common chart types such as 3D bar charts, curves, scatter plots, heat maps, maps, pie charts, etc. You can customize the chart type you want just through configuration options, which references the usage of Apache ECharts.

Development Experience

three-auto is essentially based on Three.js API. It has built-in configuration architecture internally, allowing developers to directly use a piece of JS configuration to quickly generate a 3D scene.

• Three.js: Based on the three.js library to generate scenes.
• gsap: Internal transition animations are all based on the gsap animation library, making your scene animation transitions less rigid.
• charts: Supports rapid generation of various 3D visualization charts.
• postprocessing: Built-in many post-processing effects to make your pages more visually impactful.
• low-code: Configured debug mode supports low-code generation.

Acknowledgments

First, please allow me to express my gratitude to Bruno Simon. His course opened up new directions of thinking for me, which is of great significance to me.

Yes, my inspiration comes from threejs-journey. When I finished reading the course documentation, I had a strong desire to create a repository to preserve this architecture.