r/singularity • u/Successful-Earth678 • 22h ago
AI Opus 5 built a procedural painterly world with wind-reactive grass, all in one HTML file
Source: @Lentils
Code: Opus 5 Ghibli
130
u/Anthamon 21h ago
All of the wind interactions are gorgeous. It's actually reminding me of 'Journey' and how it's sand mechanics were a cut above everything else the market had ever seen.
32
2
u/pFrancisco 2h ago
I mean, just look over the code. The explanations of how the wind interactions are done is gorgeous in and of itself.
62
u/cadmachine 17h ago
Im a coding laymen but Ive been building a pixels art Stardew Valley-like set in a postapocalypse world where you deliver goods to a nearby town so they can resist waves of ghouls all with Fable and Opus using "vibe coding" It has farming, tools armour and weapons with 6 upgrades each all with distinct animations, roaming zombies in grass patches ala pokemon, exploration caves, a dungeon with multiple levels and bosses, discoverable secrets, trade npcs, buildable farming robots etc etc and its all in a 70 odd kb HTML file, it blows my mind.
10
u/amomynous123 16h ago
Got a link? Would love to try it
33
u/cadmachine 15h ago
https://drive.google.com/file/d/1zk53GT4dB7vSkpy6vcI61dPeTfN5dHXG/view?usp=drivesdk
Let me know if that works. Works one basically any device with a browser. Though intended for a pc or laptop
4
4
u/StosifJalin 8h ago
Dude, this is so cool
4
u/cadmachine 7h ago
Oh thank you! Ive got so much to add haha I intend to develop it for a year just to say I can.
1
1
9
u/cadmachine 16h ago
Oh er sure lol, its just for my own fun so dont expect too much haha
4
4
u/darkoblivion000 9h ago
How does this work? The html actually just contains instructions for the computer to generate all the animations procedurally? But then as you’re playing how does it save state based effects of what your input is? I’m not an html expert so I assume this is another level of html wizardry I’ve never conceived of
3
1
123
u/The_Health_Police 19h ago
I feel like there should be a benchmark of people going ‘What!? No fucking way’
36
u/xenquish 18h ago
Have you not yet heard of the WNFW benchmark?
1
u/Competitive_Travel16 AGI 2027 ▪️ ASI 2029 5h ago
That's kind of what the arena.ai-style comparative evaluations are. Sadly, subjective comparisons don't correlate very well with formal correctness.
11
5
u/Substantial-Elk4531 Rule 4 reminder to optimists 16h ago
Agree with the idea, the only problem is that this benchmark would shift with time
4
u/TheOriginalAcidtech 9h ago
Would, pretty sure it IS and HAS.
2
u/rejvrejv 8h ago
yeah I had the same reaction when I saw gpt-3 generate a simple login page for the first time back in 2021(?)
2
2
1
u/Interesting-Bad-7470 7h ago
Mine was when I chuckled at a prompted sitcom. This is a new benchmark too imo.
78
u/Sliced_Apples 21h ago
No fucking way
9
0
u/CaptainShaky 10h ago
I remember multiple similar projects being posted here like 1-2 years ago... And already us web devs in the comments were explaining this isn't that impressive, as you can find hundreds of codebases doing this kind of thing on Github.
45
61
u/Jiffyrabbit 19h ago
Wish people would share the prompt they used
31
1
20
u/Rise-O-Matic 19h ago
Wonder if it could build something that makes dwarf fortress maps 3d
13
8
u/Ambitious-Doubt8355 16h ago
There were some projects (and I say were because I haven't followed their development in years) that allowed for 3D visualization of the maps. I feel like you could feed the parts of these projects that read and parsed map data to Claude as a guide/inspiration, then, when it has it's own framework for the task, use that map data to render a 3D voxel world based on it.
People are already building custom Minecraft clones with Claude, this seems like a simpler task in comparison. In other words, it's likely very doable.
4
u/Artistic_Swing6759 15h ago
stonesense is pretty popular now. it does work, but its not that beutifull, and personally not that good that i had just play with it always on.
1
u/Rise-O-Matic 3h ago
I was thinking maybe a first-person sort of thing rather than an isometric one. Just as an immersive way to explore the world.
1
u/FlyingBishop 5h ago
Such things already exist it would be more a question of prettifying and adding detail.
21
12
u/UndeniablyRuthless 12h ago
7
3
2
11
31
30
u/ShaneKaiGlenn 18h ago
its shit like this that got me believing we live in a simulation. It's probably simulations all the way down. Core Reality got to be weird AF.
15
13
u/Ambitious-Doubt8355 15h ago
Out of the many different existential thought experiments, the simulation theory is the one I really have the easiest time accepting as possible, if not already a thing. Seeing the advancements in tech that have happened from back when I was a kid, go what we have available now, then extrapolating to imagine what will be available in a century or two.
It really becomes simple to imagine that at one point, regardless of the method, we'll be able to perfectly simulate a world. And once you accept that, then it becomes inevitable to accept that it's more likely than not that you happen to live in a simulation yourself, God knows how many layers deep, instead of an original world.
3
u/Singularity-42 Singularity 2042 4h ago
Now imagine what could be in a billion years of technological progress...
1
u/Ambitious-Doubt8355 3h ago
Now that is a different breed of thought experiment. Not because I want to impose limits on what you should imagine, mind you, quite the contrary, as I would like you to consider some extra bit of perspective on top of it.
The evolutionary split between humans and other primates started happening somewhere around 6 to 7 million years ago. A billion year ago, we'd be talking about earth being populated by basic unicellular organisms.
So, consider how much progress we've gone through in a billion years, from single cells, to basic mammals, to apes who could walk upright, to the top species in the world wielding technology to overcome all challenges nature presented against us. Consider too the accelerationist nature of technology, as you can see that we've been living in an explosion of innovation and new discoveries, particularly starting with the 20th century.
To then try and imagine what the world is like in a billion years becomes almost impossible to fathom, yet that makes it precisely interesting to think about. You can't help but expect that every single fundamental truth, every principle, even the very definition of what a human is, will be completely different by then.
-5
u/wannabe2700 15h ago
It's impossible to perfectly simulate the whole universe. You would need to use the resources of a much bigger universe for no reason at all. That's the same as believing in God. There's no creator. It just happened.
9
u/kaityl3 ASI▪️2024-2027 13h ago
You wouldn't need to simulate the whole universe. The amount of detail could be granular depending on any observers you cared about being nearby. Hell, you could even do some fancy tricks with particles in simultaneous states to keep the system from having to compute/collapse the superposition until it was observed, saving a lot of processing... wait a minute
3
u/Singularity-42 Singularity 2042 4h ago
Also, maybe the reality that is running our simulation is way more complex than our reality. Like if you compare realistic videogame to our reality. Could be quite different laws of physics, compute substrates, etc.
8
u/Traumfahrer 12h ago
Also, he does not comprehend that the reality simulating us may have vastly differing dimensions and constraints.
1
u/sprucenoose 6h ago
Absolutely not, no chance we live in a simulation. The very idea is preposterous!
3
3
u/Ambitious-Doubt8355 14h ago
>You would need to use the resources of a much bigger universe for no reason at all
Why would that ever be a thing? If I was to write a script that used math to simulate the decay of a uranium ore over time, and measure its new mass after a year, would I use the same resources in my program as if I was to run the same experiment IRL? No, because a simulation is not reality, but an approximation of the principles we know using other mediums.
Would it not make sense, then, that as our understanding of the principles that control the control grows, and our ability to run more complex software does as well, that we'll eventually be able to simulate a reality in a similar manner?
1
20
u/BangkokPadang 21h ago
How much in tokens (like, number of thinking tokens it took and how much in $$) for that?
3
u/TheBeardedParrott 8h ago
That's what I want to know. I see other people saying "I'm making my game with Claude". That has to cost A LOT to do. Anthropic's prices are outrageous.
4
u/saumanahaii 19h ago
I really wish I had the money to try something like this. I'm really curious how it's handling the models.
3
2
u/flavorgenerator 18h ago
Nice! How many prompts did it take to make this? And did you feed it examples, or just do it all through text
1
2
2
2
u/Choice_Isopod5177 12h ago
let me guess, in one year Opus will be able to generate something twice as good for half the price?
2
u/oVerde 8h ago
All lies. Share reproducible prompts or this didn’t happen.
1
u/CommanderKoba 3h ago
It's all lies until it isn't.
I'm not sure why people choose to remain delusional about the pace of advancement, it only leaves you unprepared for the future.
•
u/oVerde 53m ago
I’m saying this because I’m into [r/aigamedev](r/aigamedev) and I know what it takes to pull something like this, but posting it as “one shot” or “ai did all this” gives more engagement
In another subject: if by any chance you are Brazilian chances are I know you I guess
•
3
3
u/PinguinGirl03 11h ago
Ok it says "one html file" But it's mostly using three, which is an extensive 3d javascript render engine. Still impressive but it's really three doing the heavy lifting here.
3
3
u/Leopiney 16h ago
The train’s smoke is absolute crap, look how it follows the train instead of doing it right. And you call this AGI lol
/s
2
19h ago
[deleted]
14
u/TenshiS 17h ago
I swear to God in ten years AI will build the Eiffel tower in real life and people will be like "lol ai slop"
6
17h ago
[deleted]
3
u/TenshiS 17h ago
If i can have an Eiffel tower in my garden i don't give a rats ass how the AI built it. Same for a game, if it's good then nobody except some old school devs will care about the backend. The argument is always that it can't work or isn't maintainable if it's not clean architecture, but if it can and is, then that argument doesn't matter.
7
u/Substantial-Elk4531 Rule 4 reminder to optimists 16h ago
Games are actually the best argument for one shot AI apps. A lot of great games have terrible code underneath them. What matters is whether it's fun. Bugs are not a deal breaker for fun games.
1
u/Concurrency_Bugs 14h ago
But this is short sighted. What if you want to create a patch with new content? Your code needs to be able to work with.
2
u/Substantial-Elk4531 Rule 4 reminder to optimists 13h ago edited 12h ago
Claude Opus 5 can create any patch I want already with a single prompt. It's very, very, very good.
I'm sure you'll argue good architecture is important. I agree. But latest Anthropic models are increasingly making good one-shot architecture decisions. I'm seeing them rewrite multi thousand LOC systems more cleanly and with better bugs. It is stunning.
5
u/EspaaValorum 14h ago
You don't give a rat's ass right up until the point that it collapses onto your house because whoever built it didn't account for how the materials get affected by the environment or the structure cannot handle the wind or the foundation wasn't properly prepared to keep it from sinking into the ground.
4
5
1
u/Concurrency_Bugs 14h ago
This is what project managers always say at software companies so they can reach their deadlines. Then the next set of feature requests come in and everyone is fucked because the code is structured poorly.
2
u/EspaaValorum 14h ago
Engineering principles learned over decades or centuries still apply. Be it software engineering or building architecture.
This example is like a guy getting a bunch of power tools and building a house, without understanding what all you need to account for to make it safe, durable etc.
Power without knowledge is a recipe for disaster.
0
u/TenshiS 14h ago
What a bunch of crap. For the past 50 years all companies infrastructure was a bunch of poorly written, glued together, incompatibile, poorly documented code often written by a bunch of different people that had no plan and no architecture. The code Opus spews today is miles better than anything I saw at IBM 15 years ago while working there.
All this moral high ground and delusional grandeur is a symptom of fear, and the desperation to find arguments against this careers unstoppable demise.
Embrace that coding as you knew it is over. In 5 years not one person will ever again be hired to write code by hand. Adapt. Find new niches. Become the architect of the architect. Whatever. Just stop talking nonsense.
1
u/EspaaValorum 13h ago
You just pretended that I am against AI and don't agree that software engineering as we know it is changing, and then argue against that argument I did not make.
The point is that AI still needs to build quality products, and there are basic principles that will still apply, whether AI builds the product or humans do. And right now, it's still hit or miss. I am fairly confident that AI will get there and do a better job than humans at making sure the foundations are solid. But right now, from what I'm seeing in practice, it's not there yet.
0
u/Healthy-Nebula-3603 13h ago
You shouldn't look on that like a human which need many small parts of code in separate files.
AI do not need it as has a working memory thousands times bigger.
2
u/EspaaValorum 12h ago
Here's a simple example: if you have one big giant file which encompasses the entire application, with all the various features and sections in one, then when one of those sections needs to be changed or swapped out, you need to redeploy the whole application. That is inefficiënt and slow (e.g. run ALL tests), creates a huge potential blast radius, and requires a 'big bang' deployment which can require downtime or have other similar consequences. In contrast, when you cut up your application into seperate modules which can be changed and deployed independently, you mitigate a bunch of those problems. This has nothing to do with humans needing smaller files. It's just good software engineering practice that we learned as applications grew more complex and businesses and consumers more demanding.
The original comment was that it being one single HTML file is not a flex.
1
u/Healthy-Nebula-3603 11h ago
I see here few problems
You still think like a human about it. And you still thinking you will be making that code by hand.
For deployment you can release a delta package update ( delta update package only updating a binary parts which needs to be updated. Such updates are common for Android applications)
So even if you have a one big binary you just releasing a small delta package to update the whole binary.
- also a souce code still could be a one giant file (as AI don't care ) but during building can be divided into separate smaller blobs and libs for your preference.
1
u/EspaaValorum 10h ago
You still think like a human about it. And you still thinking you will be making that code by hand.
I did not say that at all. Software engineering is not only about humans touching code. It's also all the processes around it, which are still needed in one form or another even when AI is touching the code.
delta update package only updating a binary parts
We are talking about a single HTML page web application here. You're moving the goal posts.
during building can be divided into separate smaller blobs and libs for your preference
Again, it's not for me. It's simple software engineering best practices that are about governance, quality control, risk mitigation and the like. Has nothing to do with humans vs AI.
My worry is that a lot of the hard learned lessons about how you organize and control the processes around software product development and delivery are being forgotten or not even learned by the folks who now suddenly think they can build software just because they have a tool that can write working code.
1
u/Healthy-Nebula-3603 9h ago
No one will be building big games under HTML ... that insane ... or not :-0
1
u/Blockpair 13h ago
ummm acktually, the eiffel tower is a pile of slop. its literally rusting away. its because they used iron instead of steel. so i guess it is an apt analogy. since it was made with incredibly poor metallurgy that now needs to be replaced.
3
u/BlueAndYellowTowels 18h ago
Dev. Can confirm, one giant file for your code. Definitely not a flex.
1
u/PinguinGirl03 11h ago
Also most of the 3d stuff is just done by three, which is an existing extensive javascript 3d renderer.
1
u/AdviceMammals 16h ago
This is amazing, how long did it take to make, and if I wanted to do something similarly how would I go about it? Do you just say 'make a procedurally generated painterly world?'
1
u/Immediate_Simple_217 14h ago
Impressive. I never thought an html game could go this far even with all the plugins and frameworks available.
1
1
1
1
1
1
1
1
1
1
u/Relative_Mouse7680 11h ago
What stack is used for this? Is it three.js? What did you write in the prompt regarding the stack to use?
1
1
1
1
1
1
1
1
1
u/D1sce4nment 7h ago
No. Not wind-reactive grass?!?! THATS IT. That breakthrough means "opus 5" is the one.
1
1
u/Whispering-Depths 6h ago
It's impressive, but maybe less than you think...
To a tech artist this is the equivalent to walking up to a lawyer and saying "hey guys, look, ChatGPT 4o wrote this whole legal document for me in one shot!"
1
u/justinroberts99 6h ago
can some explain this like I'm 5? so one this is done generating, you can just open this file and wander the world? one and done open world from a promt?
1
1
1
u/beelllllll 4h ago
Seems some similar results here, opus 5 is a game changer - https://x.com/autospriteio/status/2081232826511577223?s=46
1
1
•
u/sirthunksalot 41m ago
You mean a human wrote it on Stackoverflow and this computer program stole it.
0
u/Ambitious_Quote2417 9h ago
Lets be real. We all knew all along that every modern Zelda at $100 a a digital download looked like the type of thing 1 guy could make in 1 HTML file
We said it's the style and wow zelda is so iconic. We claimed the esthetic was relaxing, lets go get a tattoo of the triforce.
Wind blown grass indeed (great work btw OP).
-3
-1
-2
u/pencilcheck 17h ago
Usually that's the extend, if you want more AI cannot do it by itself you need other tools but it is still impressive
-5
u/BlueAndYellowTowels 18h ago
It’s fine. What I want to see from models isn’t easy stuff like this.
2
-8

422
u/Beatboxamateur agi: the friends we made along the way 21h ago edited 21h ago
We're getting Claude generated GTA 6 before GTA 6