AIDEA Weekly
한국어

↑↓ Enter Esc

MOT-008Orbiting dots

MOT-008

Orbiting dots

  • Dots circle a centre circle, each on its own orbit.

Make a scene with a circle in the centre containing [centre letter or symbol] and [number of orbits] orbits around it. Each orbit carries one dot moving at its own speed, faster towards the inside. Keep the orbit lines very faint and make the dots [dot colour].

Put CSS and JavaScript in a single HTML file. Don't use external libraries or images, and draw in a 16:9 area in the centre of the screen. If prefers-reduced-motion is on, show the final scene without motion.

Blanks

How to use

  1. Borrow (copy) the prompt.
  2. Replace the [brackets] with your own content. Type in the fields below and it updates at once.
  3. Paste it into a new Claude chat and open the HTML file it returns in a browser.

Process

  1. A scene from the guide "Motion graphics with Claude".
  2. The preview is drawn on this site to show the scene this prompt makes.

Same class MOT