I’m blown away by the quality of the landing pages that Opus 5 can create in Three.js.
Prompting it with "orbit using mouse" is enough to create a 3D parallax effect. The same goes for "add particles to pointer." It’s like creating a living, breathing world.
More prompts I used:
- Add a butterfly that flies to the branch and flies away when I mouse over it.
- During the intro, first load a wireframe of the branches, similar to the field-scanning effect in Death Stranding.
- Add a scan effect to the card images while they load.
Then I asked it to use the shader buttons and nav bar I made in previous projects.
As explained in my last video, I started with an inspiration and the prompt, “Recreate this in Three.js in a single HTML file. Self-verify until perfect.” Opus 5 ran for two hours. All the code is less than 1 MB.
Inspiration:
Let me know if I should open-source this.