JIT
Create a fun drawing of the solar system
draw a solar system,
Updated files
v1
draw a galaxy
Updated files
v2
increase the number of stars more.
Updated files
v3
draw a flower of life
Updated files
v4
Make the circle expand and pulsate
Updated files
v5
create a torus

Here's a Three.js implementation of a torus with dynamic visual effects:

This creates an animated torus with:

  • Smooth rotation in 3D space
  • Pulsating scale effect
  • Dynamic color shifting
  • Moving point lights that create interesting reflections
  • Orbit controls for interactive viewing
  • Responsive design that adapts to window size

The torus uses physically-based rendering materials for realistic lighting effects. You can adjust the parameters in the torusParams object to change the shape and appearance.

Updated files
v6
create a vector equilibrium

Here's a Three.js implementation of a vector equilibrium (also known as a cuboctahedron) with dynamic visual effects:

This creates a vector equilibrium (cuboctahedron) with:

  1. Both solid faces and visible edges for clear geometric structure
  2. Smooth rotation in 3D space
  3. Pulsating scale effect
  4. Dynamic color shifting on both faces and edges
  5. Moving point lights that highlight the geometry
  6. Semi-transparent materials to see through the structure
  7. Orbit controls for interactive viewing
  8. Responsive design that adapts to window size

The vector equilibrium is created using Three.js's built-in CuboctahedronGeometry, which perfectly represents this 14-faced Archimedean solid (8 triangular faces and 6 square faces). You can adjust the size and detail parameters to change the appearance.

Updated files
v7
create a hexagonal.

Here's a Three.js implementation of a hexagonal structure with dynamic visual effects:

This creates a hexagonal prism with:

  1. Both solid faces and visible edges for clear geometric structure
  2. Smooth rotation in 3D space
  3. Pulsating scale effect
  4. Dynamic color shifting on both faces and edges
  5. Moving point lights that highlight the geometry
  6. Semi-transparent materials to see through the structure
  7. Orbit controls for interactive viewing
  8. Responsive design that adapts to window size

The hexagonal prism is created using Three.js's CylinderGeometry with 6 sides. You can adjust the radius, height, and other parameters in the hexParams object to change the appearance. The animation includes rotation, scaling, and color changes to create an engaging visual effect.

Updated files
v8
Draw a city landscape