Skip to main content

Three.js "Top 20 Games Sold" Ranking

@DilumSanjaya's avatar
Prompted by @DilumSanjaya
15 days ago

Tool used

Claude Code

Prompt

here is an empty remotion project with the default react three fiber example.

I want to create a 3D video to visualize top 20 videos games by copies of all time.Create a Remotion video that visualizes the top 20 best-selling video games as a vertical "tower", use boxes as towers with height representing the amount of copies.

remove the default example from this project and create a remotion + react three fiber example to do this visualization.
Resolution: 1920x1080
FPS:60

animate the camera from the bottom of the last rank to the top of the first rank. stop the camera on the top of each rank for a few miliseconds.

here is the game ranking data you need

# [data as a JSON string]
# More instructions: https://x.com/DilumSanjaya/status/2018367621381620142