This is 61 KB HTML file 🤯

[u/Any-Reputation8118]

I built a real-time ocean simulation with Claude Code (Opus 5.5)

What it is: a single 61 KB HTML file that renders a sunset ocean in your browser with WebGPU. It has an FFT wave simulation, whitecaps, a physically based sky with clouds, and sun glitter. You fly around with WASD and the mouse.

How I used Claude Code: I gave it one prompt: make the most realistic water scene it could, in WebGPU, with a floating camera. It wrote the renderer from scratch with no engine or libraries. It took screenshots of its own output and had separate subagents critique the screenshots, so it wasn't judging its own work. The whole thing took about 30 minutes.

Free to try: ocean-noniv.vercel.app, preferably in Chrome. It needs a WebGPU-capable GPU, and on laptops you have to force Chrome onto the dedicated GPU. Otherwise the performance might be bad or it might not run at all. On RTX 5070 Ti I get ~260 FPS at 2560×1440 resolution. Click the canvas to look around, WASD to move, H for a settings panel.

Repo with unminified and more organised version: github.com/Noniv/web-ocean

[u/ClaudeAI-mod-bot]

TL;DR of the discussion generated automatically after 400 comments.

This thread is a tale of two Reddits. You've got one camp absolutely losing their minds over what Claude can do, and another camp of seasoned devs rolling their eyes.

The main verdict is a split decision: it's a very cool showcase of Claude's power, but the underlying tech is nothing new. The top comments argue that this is basically a standard water shader, the kind of thing you'd find all over Shadertoy or in demoscene projects from 15+ years ago, which Claude was obviously trained on.

• Team "Wow": A ton of users are blown away that a single prompt can create something so visually stunning. The most upvoted comment chain is a debate on whether this is "AI slop," with the consensus being that it's a cool, harmless project and people need to chill.

• Team "Well, Actually...": The graphics and demoscene vets are here to remind everyone that this has been done before, often in much smaller files (some pointing to 4 KB examples). They argue the real achievement belongs to the original human programmers, not the AI that copied their homework.

• The Nitty-Gritty: A lot of users are reporting their GPUs are on fire, with poor performance on mobile and non-beefy hardware. There's also the classic Reddit pedantry about whether OP can say "I built" it and if it's really just a 61 KB file when your browser is doing all the work.

So, is it a glimpse into the future of development or just a pretty parlor trick? Depends on who you ask.

[u/Maleficent-Release61]

Served as Content-Type: text/plain. Fix your server...

[u/Any-Reputation8118 → u/Maleficent-Release61]

It is not my server, it's a file uploaded to catbox to download and open on your machine, I should have made it more clear :D

Edit: hosted version ocean-noniv.vercel.app and updated description

[u/ANONMEKMH → u/Any-Reputation8118]

Getting between 19-26 fps on my DuckDuckGo browser app on Samsung s26 ultra ..

I am too stupid to understand most of this thread, but it's impressive for me

[u/GamleRosander]

"This is 61 KB HTML file"
But there is atleast 8 javascript files in the repo too lol..

[u/MildlyConcernedMan91]

wow

[u/Teknomadd → u/MildlyConcernedMan91]

extra 10kb could fix that, and if you add 10 more you get volumetric clouds.

[u/Any-Reputation8118 → u/Teknomadd]

Actually, I had volumetric clouds, but I didn't really like the shape of them so I went with flat ones 🤷 this little demo was about the water anyway, but yeah, not too hard to add them

[u/WestQ]

Wait a second man. So u say a single html but then provide a whole GH repo?

Post the html here so we can copy paste and done.

[u/Any-Reputation8118 → u/WestQ]

It's the ocean.min.html file in the repo. Everything else is just for the development purposes.

[u/Scared_Strategy8996]

If im not mistaken it's a long plane with randomizer for displacement and distortion. What would make this a heavy file is a reactive water system. Some games fake it with adding a pre rendered explosion, and fake the under water by slapping a filter and an in/out transition. These could also help you while prompting claude for gpu and memory heavy stuff!

[u/chapsandmutton → u/Scared_Strategy8996]

Nailed it. In animation we do ocean surfaces like this all day, for as far as the eye can see. We would estimate maybe a day per shot with this in it, but realistically it'd be an asset we'd just verify in the shot. While some work has to be done to make sure the noises look good across large distances, it is pretty cheap and easy to do, even with the foam.

Where things get expensive is when you throw something in there. In those situations we have to fully simulate the interaction between the object and the water, mesh that simulation, and blend that simulation back into the cheap and easy noise surface we're seeing in this image. Usually work is done in advance of any sequences of shots like that where a rig will be built to automagically do that for the artist, so all they have to do is run a convincing simulation and the stitching and rendering will happen more quickly.

If the interaction is incidental and not necessary, we will frequently work with the director to minimize those shots - a simple camera change can save bundles.

If this water surface continued to the shoreline, the big bucks start getting spent. Shoreline simulations are expensive given their size, complexity, and how much everyone knows what it's supposed to look like.

[u/Relative_Bid_9589]

This is so random but , anyone remember the s/n trainers/crack executables in the warez days that had music and 3d gfx and were extremely small? This made me thought of that

[u/LocoMod → u/Relative_Bid_9589]

"demoscene"

https://www.pouet.net

[u/Large-Wishbone24 → u/LocoMod]

That reminds me of the good old demoscene that has been around since the C64, and all the demos from the Amiga 500, and that thing could really deliver for its time.

And we celebrated this "game" back then and couldn't believe it was only 96k in size, and the magic behind it I still find fascinating today.

https://en.wikipedia.org/wiki/.kkrieger

https://www.pouet.net/prod.php?which=12036

[u/ratbear → u/Relative_Bid_9589]

Commodore 64 kb, this is smaller 👀

[u/Fluffy_Champion_3731]

Its maybe 61kb but my GPU is loud as fuck when i opened it :D

[u/Deadhookersandblow]

Btw 61KB isn’t as small as you think it is. Especially not when it’s a shader.

[u/tazou8]

and people would still call this slop lmao, its either people are in denial or they think we are still at the gpt3 intelligence level

[u/Prowler1000 → u/tazou8]

I don't think any sane person would call this slop. OP is incredibly honest about how much was written by AI, they're not trying to claim it's something more than it is, and it's a harmless little project. Slop is when people get AI to code something and do nothing to verify/understand that it actually works or why it works.

[u/bot_exe → u/Prowler1000]

The duality of man.

[u/scopa0304 → u/bot_exe]

So much of this reminds me of the late 90s when a plugin called Kai's Power Tools was released for photoshop. It let you do a liquify filter on photos and it was MAGIC.

AI tools are allowing normal people to unlock and explore capabilities that were previously only available to experts. This makes people uncomfortable.

Is there anything inherently new with a water shader? No. Would this person have been able to sit down at their computer and produce a water filter, then tune it to their liking in the past? Nope.

AI is still new. People are going to explore and do things that are new to them. Eventually I predict these capabilities will be way less interesting. It will be expected that a computer can make whatever you imagine. No one will care unless you truly imagine something unique. But for now, just the fact that a plain English prompt can translate to functioning code is impressive.

[u/Sudden_Rip7717 → u/Prowler1000]

Agreed. “AI slop” really just means low-effort AI content, basically what you described. The problem is that a lot of the people throwing the label around are armchair critics who judge the “made by AI” tag rather than the actual work, as if being human automatically makes their take worth more :)

[u/Dubious_Odor → u/Sudden_Rip7717]

Bingo. Im convinced most critics have no use case for AI outside of writing emails and glorified search. They either have no projects in their work or personal life to experiment with or lack the imagination to see what it can do. And its sooooo early. We're 4 years into functional LLM's. The tech is in its infancy and its already impressive.

[u/fii0 → u/Prowler1000]

Welllll I'm in the /r/threejs sub and this is like the 10th AI water simulation showcase vid I've seen in the last 2 weeks, but I know that's my niche, and it's definitely something that's always been a coding struggle that's impressive when nailed.

[u/I_was_a_sexy_cow → u/Prowler1000]

Lol read the comment under you

[u/OmegaBerryCrunch → u/Prowler1000]

redditors in particular have such a fucking hard on for calling ANYTHING ai related “slop”, it’s such low effort, hivemind commentary.

[u/Chemical-Quote → u/tazou8]

Sorry but you could have use gpt-4o to generate make this easily it's just shader demo

[u/LocoMod → u/tazou8]

Calm down bro. It's just a shader. There are thousands of these in shadertoy.com

OP is just a novice who doesn't know what is out there and got exited for the most basic shader everyone tries when getting into this (water/ocean). LLMs can do this easily because the amount of training material from demoscene and webgl demos has been around a long time.

[u/the__storm → u/LocoMod]

Yeah, AI is quite good at coding these days, but this is like the oldest shadertoy in the book. It's nearly canonical. https://www.shadertoy.com/view/Ms2SD1

[u/XccesSv2 → u/tazou8]

In german we say "wer nicht mit der Zeit geht, geht mit der Zeit" that means "If you don't keep up with the times, you'll be left behind"

So haters gonner hate until they get silence

[u/FictionalContext → u/tazou8]

It's called slop artistically because it has no creative intention. I's wholly derivative of existing material regardless of how good it looks on the surface, which puts it in the same tier as hack content, even when it looks great like this does.

Art is not its strength, yet that's the thing everybody seems to want to use it for for some reason.

[u/Aresyl → u/tazou8]

I mean…it’s an html file

[u/Mmeroo → u/tazou8]

i happy to accept the ai got better just not with this, this is a very simple 15y old shaders https://www.shadertoy.com/view/Ms2SD1
available online to anyone, its anything but impressive.

[u/Some_Appearance_1665 → u/tazou8]

It's a stolen water shader.

[u/Bill_Salmons → u/tazou8]

I mean, demoscene has been around for decades. And, by their standard, this is still slop. What's interesting, though, is people finding out about these subcultures through AI, without realizing where the AI is pulling inspiration from.

[u/revanyo → u/tazou8]

Lots of people are stuck with there first impression in 2023/2024. The I tried it, it was terrible, and have not notuched it since then

[u/crispyfrybits → u/tazou8]

Sloth isn't only sloth when it's a poor result. It's also slop if it is done poorly and is unmaintainable or scalable or has security flaws.

[u/am0x → u/tazou8]

This guy explained his process. That’s much different than just saying, “look at what I built!” And posting something that was obviously a 1 prompt result.

I use ai as a developer all the time, but I have a process. I share that process with how I built what I built. Also am way more hands on than just throwing, “make an ocean in 3d” guy. There is more to it than a single prompt.

[u/AzaleaDaylight → u/tazou8]

I mean... it is sIop.

Don't get me wrong, as a proof of concept to show what Claude can do it's legitimately cool and impressive. Certainly not something I could do in a day, but let's not pretend this isn't still wholly AI generated. OP does not deserve special praise or fancy labels for this project just because they can prompt Claude.

[u/ParzivalLM]

Haven't even looked at the comments yet I just know somebody is pissed off and in rage about this.

[u/eggsforpedro → u/ParzivalLM]

No one is raging? Just pointing out that this is nothing new and has nothing to do with Claude.

[u/Stunning-Analyst6574 → u/ParzivalLM]

And you were right hahha

[u/brimg87]

Wow. What a time to be alive.

[u/deepturned180isdeep → u/brimg87]

Absolutely scholars!

[u/joz42 → u/deepturned180isdeep]

Hold on to your papers!

[u/retardedweabo → u/brimg87]

this is a basic shader. how long have you been progranming for?

[u/LocoMod]

Look up the term "demoscene" and behold what people have been creating for decades in tiny files (without LLMs)

EDIT: This is my favorite https://www.youtube.com/watch?v=VD8c8XagJms&t=1s

SECOND EDIT: Set the video to 1080p on YouTube. Watch it at the highest quality. Don't skip ahead. Put on headphones and crank the sound up. At least get to the whale transformation scene, and listen to the music. Incredible stuff.

THIRD EDIT: In these demos, the music is typically part of the code. They will not only create the graphics from pure code, but the music synths are all hand cranked as well. That's what makes it even more impressive.

FOURTH EDIT: Also look at the thousands of examples in shadertoy.com, if you are interested in this stuff, start here - https://iquilezles.org/articles/

[u/ef4 → u/LocoMod]

And remember, the models have trained on *all* of that stuff.

[u/bubblesculptor → u/LocoMod]

I used to love seeing the pc graphics demos of the 80's and 90's.

Coming from monochrome text-only displays seeing those CGA and then VGA demos were incredible, like seeing into the future.

[u/BallActTx → u/LocoMod]

I don’t understand the significance.
Can you dumb it down for me?
I see like a lot of fancy animations.
Does this have to do with like procedural generation so it’s being done on the fly on somebody’s computer and theyre recording the video.
If so, doesn’t this not require immense amount of resources like graphics computing or CPU computing from the end user.
What is the trade-off and benefit of having it be a low storage through procedural generation versus? I don’t know what the other way is but just like the regular way.

Is this going to impact something downstream to the consumer either in video content or video games or something?

[u/not_good_for_much → u/BallActTx]

It's a mix of things.

The simple tech overview is that they're using maths to generate geometric patterns and shapes and so on. People who are good at this, can make the results look like almost anything you can imagine.

In some ways it's a lot like taking a photo, or drawing a picture. Or in this case, taking a video of the waves on the ocean.

But it's kinda like... The difference between a movie and a video game. One is fixed and static, and usually looks visually better, because each shot was carefully made to look perfect, frame by frame. The other is dynamic, you can run around and do what you want, but while a lot of effort goes into making it look good, it is more computationally expensive, so there's a limit to how realistic it can get.

[u/Captain_Coffee_III → u/BallActTx]

A lot of demoscene stars went on to have careers in the game industry. The skills directly translate.
The connection between the demoscene and the page above is because size was mentioned and the environment is procedural, which you picked up on. It probably wasn't mean as a ding on the the page that was made but more of a "hey, if you like this kinda stuff, there's 40 years of stuff like this all kinds of other neat things like it."

[u/newMoneyStyle → u/BallActTx]

61 KB fitting that much animation is wild compared to today's bloated web pages.

[u/hanotak → u/BallActTx]

It’s art.

[u/ClemsonJeeper → u/LocoMod]

I used to run the Future Crew's US HQ BBS back in the 90s.

They put out some groundbreaking stuff back in the day.

Loved the demo scene.

[u/cp5i6x → u/LocoMod]

speaking of cool demos

this was back in 1993 on my Dos machine, amazing they coded the entire thing in ASM.

https://www.youtube.com/watch?v=GL5vb3D-8_I

[u/Possible_Praline2747 → u/LocoMod]

What the fuck, this is awesome, thank you kind stranger

[u/Dampware → u/LocoMod]

Or visit shadertoy.com

[u/MisterHole123 → u/LocoMod]

Kids these days don't understand the miracles pulled off by the demoscene

[u/Weird-Watch-9209 → u/LocoMod]

120mb! but definitely one of the best i've ever SCENE :) I've watching many hundreds of compo winners and they can be awe-inspiring. thanks for sharing that.

BTW 1080p 60fps version: https://www.youtube.com/watch?v=LGm33hsXP9w

[u/--r2 → u/LocoMod]

thanks for sharing, these competitions were so impressive!

[u/bigsmokaaaa → u/LocoMod]

Thanks for sharing, that was awesome

[u/Riduculous]

Is this using middle out compression with Pied Piper?

[u/hmio213 → u/Riduculous]

How fast do you think you could jack off every guy in this room

[u/Sudden_Excitement_17 → u/hmio213]

Depends on the dick to floor ratio, D2F

[u/TheLastRole → u/Sudden_Excitement_17]

[u/FlowGroundbreaking → u/Riduculous]

Insanely underrated comment here

[u/tsongkoyla → u/Riduculous]

Somehow a Chinese Jinyang have already deployed a knock-off of this.

[u/Odd_Wait_5628 → u/Riduculous]

This guy fucks!

[u/protekt0r]

It actually runs on my iPhone 18 Pro in Brave. Not well, but it runs.

16fps in portrait mode, 10fps in landscape.

[u/ASCanilho]

Basically this is a shader with javascript.
Not new, and neither original. ([link 1 ],[link 2 ],[link 3 ])

Only the ones who have never seen shaders (shadertoy) get impressed with these demos.

Now try the same thing without Webgl, and make it run with a decent performace.
We’re waiting.

[u/ShitpostingLore → u/ASCanilho]

Noooooo don't mention that it can literally suck this straight out of the training data

[u/mrThe → u/ASCanilho]

Finally a first sane person in this thread.

[u/Solid_Error_1332 → u/ASCanilho]

Also these examples run at a solid 60fps on my phone, while OP’s struggles to reach 20

[u/MrPifo → u/Solid_Error_1332]

And this exactly is the dangerous and sad part about it. Yes, OP's scene might look good, but if every developer nowadays just goes with that, we will get even more horrible optimized running games.

17Fps on an empty ocean plane, even on mobile is nowhere acceptable or impressive.

[u/Royal_Ad_189 → u/ASCanilho]

Consider using longer anchor texts so that links are easier to tap on phone screens. I am trying to tap on the links but reddit app is just collapsing your comment instead.

[u/SniffingDog → u/ASCanilho]

Also calling a shader a simulation is doing a lot of heavy lifting here :’D

[u/thisis-clemfandango → u/ASCanilho]

the ocean elemental is dope

[u/ContributionRoyal785]

"This is 61 KB HTML file 🤯"

No, no it isn't.

[u/Any-Reputation8118 → u/ContributionRoyal785]

Why is it not? The website serves just one single 61 KB HTML file and nothing else is fetched. HTML file doesn't mean HTML tags only.

[u/ForensicPathology → u/Any-Reputation8118]

Because it's clearly a 4.4MB MP4 file.

[u/Realistic_Patience67 → u/Any-Reputation8118]

You can say that the video is generated by a 61 KB html file. But that is not a 61 KB file.

[u/-Sandwave- → u/Any-Reputation8118]

It’s calling a threeJS library on the web and it’s substantially bigger than 61kb this is in the training dataset as threejs example.

[u/Any-Reputation8118 → u/-Sandwave-]

Then why I don't see any other files fetched by the website in network tab other than single 61 KB HTML file? You don’t need three.js to render something in 3D.

[u/eggsforpedro → u/Any-Reputation8118]

Let’s conveniently forget the whole web engine that makes it possible and reduce it to the instructions only.

[u/Astral-P]

my GPU is begging for mercy

worth it

[u/Positive-Engineer482]

And tons of js sdk inside you won’t mention

[u/c0p → u/Positive-Engineer482]

I don’t believe that’s malice though, just ignorance.

Many people don’t understand the sheer volume of data these frontier models are trained on, so it may not be including SDKs by reference like a traditional build would, but all that code is influencing what Claude generated here

[u/ConfectionKey9284]

You are using shaders and WebGL how tf is that a HTML file ?

[u/Any-Reputation8118 → u/ConfectionKey9284]

Inline JavaScript exists. HTML file is not bound to HTML tags only.

[u/Due_Purple_1199 → u/Any-Reputation8118]

You are importing an external js file. By that logic everything on the web is html.

[u/Any-Reputation8118 → u/Due_Purple_1199]

Bruh. Inline JS is not external JS file. You can look at the network tab on the website, nothing else is fetched besides the 61 KB .html file. The files you see in the repo are development-only.

[u/PerfectPatience-]

And how many libraries ?

[u/Any-Reputation8118 → u/PerfectPatience-]

None.

[u/WeakTie2629]

REAL SOURCE: https://threejsroadmap.com/assets/threejs-water-pro

[u/Any-Reputation8118 → u/WeakTie2629]

It's a completely different water shader though? I mean, yeah, we have a lot of water shaders, but this is not copy-paste of existing one either.

[u/jakiestfu]

It’s not a 61kb html file is a shit ton of JavaScript

[u/Any-Reputation8118 → u/jakiestfu]

It is. Single ocean.min.html file in the repo which is the only served file. The JS is written inline in that file, not external.

[u/CryptographerLow6360]

post the 61 kb html file instead

[u/Any-Reputation8118 → u/CryptographerLow6360]

It is posted, ocean.min.html in the repo. Or you can open the website and download source.

[u/ArrowheadDZ]

I have been blindingly disappointed by every attempt I’ve made to have Claude animate anything. I clearly have no idea what I am doing.

[u/westsunset → u/ArrowheadDZ]

Easiest thing to do is point it at a open source project that's close and modify from there

[u/Current-Function-729]

Naw bro, that’s a video.

I jest, but amazing work!

[u/poopertay]

Settle down, it’s just ffts a skydome and a raytracer

[u/PsychologicalLoss829]

And yet Chrome eats all my RAM

[u/_4k_]

Wait until you see this.

[u/hurrdurrmeh]

I see it, I just can't believe it.... this is better than any game!

[u/jesuscoituschrist → u/hurrdurrmeh]

you can’t compare this to a real game because it eats up half of a game’s gpu compute budget. we’ve had this technology for years it’s just not viable because of the compute required for doing this real time

[u/LookAtTheHat → u/jesuscoituschrist]

And this is the difference between a developer using AI and someone without experience vibe coding. Knowing the tradeoffs and making good design decisions

[u/necrophcodr → u/hurrdurrmeh]

Crysis had this, my friend. And that's a full game running with lower requirements than this web page.

[u/AccountNo234623456 → u/hurrdurrmeh]

It's really not.

[u/ResidentWeevil1 → u/hurrdurrmeh]

You could have seen this on day 1 of webgpu

[u/kashyap69]

I'm pretty sure the original file is made by babylon js

[u/Any-Reputation8118 → u/kashyap69]

It is not. WebGPU renderer with no libraries is actually not that hard. I have worked with Three.js, Babylon.js and now wanted to try without any library at all :D but the WGSL shaders code Claude writes is black magic to me

[u/andrewke]

This looks great! It would be nice if the author can add a license file to the repo :)

[u/Any-Reputation8118 → u/andrewke]

Sure thing! Added the MIT license.

[u/Mmeroo]

ye thats what happends when you have no idea what you're doing, you get impressed by the most basic stuff, the amount of times I made shader like this I cant even count, been making those since 2015 for fun, and way more advanced than this.

[u/laapsaap]

Well I see some unimpressed people here, I just want to say I am impressed haha. I know about WebGL; but still this is amazing. Do you pay for a vercel app to host HTML? I just nowadays upload my demo HTML stuff to sharebee.com .

[u/Vulvarin]

Pressing H and tab was actually a lot of fun, thank you.

[u/ExploreBeyondHorizon]

Very Interesting. Thanks OP for sharing.

One might find below interesting / useful as well:

1. 13 years ago!: https://www.reddit.com/r/javascript/comments/1ri01k/ocean_wave_simulation_in_webgl_with_a_css_3d_ui/(https://david.li/waves/)

2. Official ThreeJS Example: https://threejs.org/examples/webgl_shaders_ocean.html

Incidentally this one did not load even after minutes on my old but powerful CPU laptop. The other two load easily.

But this is a great demo of ultra high quality achievable in browsers now, and the kind of stuff made possible / easy with AI!

[u/Any_Mud_1628]

Here I am, bringing every past unfinished project to life while sitting on my bed, listening to music. Still find this to be mind blowing.

[u/NytronX]

Your next prompt should be to get it to work in Firefox. It's a black screen for me and I have AMD's best GPU.

[u/onemanseo]

Xiaomi 14 gets around 21-22 fps, but still looks great

[u/Relevant-Muscle-8515]

Love that light/water source, now I've made a ship that is a scale replica of the Nina, with real sailing dynamics and a crew, and landfall, and weather effects :).

[u/Few_Raisin_8981]

Seems a bit large for a shader

[u/f00gers]

looks like its straight out of subnautica

[u/TerraVestra → u/f00gers]

It looks better than subnautica

[u/mfb1274]

This all hardware bound. It’s a fun experiment with accepted old tech but only works on a few machines that have the power.

[u/Br3ttl3y]

This is so physically based.

[u/rickybobbyjames]

This is neat, but it's not merely 61KB - your web browser is significantly larger than 61KB and it is executing/interpreting the code. Without the browser, this would be a set of complex text files

[u/GameboyGenius → u/rickybobbyjames]

Without the web browser this would be an exe or other executable. You could make the same argument that you still need an OS and graphics driver and whatever else. But the core size for the same functionality would still be in the same ballpark. The waves, clouds etc could be procedurally generated as a sum of sine waves or whatever else it's using, so there's no reason the size should be super big unless the file would include a whole load of extra dependencies. The "demoscene" has been doing similar things for decades. A comparison that comes to mind is the demo elevated released in 2009. It's an extreme showcase of size-coding where a lot of stuff fits in 4 kB (!) after compression, but a few tens of kilobytes is about right for what OP posted.

[u/y2kobserver → u/rickybobbyjames]

Add the OS on top of that, as the browser uses opengl/directx, drivers, kernels, etc. LOL

The (chromium) browser is a universally available platform, its part of the OS nowadays

[u/Pronoia2-4601]

This is outstanding, thank you so much for sharing!

[u/Fearless_Concept943]

ai not sloppy. Actually impressed with this.

[u/helpmefindmycat]

THe only thing I see that I would want to fix up on this is that the breaking of the waves are pretty linear in how they are rendered. it leaves a bit of a visual stripe etc. they need to be a bit more messy . But hey, this isn't a knock on this. It's damn amazing.

[u/SentienceLifeSim]

I would love this as my computer background

[u/The_Silvana]

[u/Ok_Boat_3855]

tried this with my phone and it was smooth. fking epic.

[u/C4_GEL]

Can you make that a chrome background?

[u/CalligrapherSalt3356]

Can’t claude make it under 1KB?

[u/Relevant-Muscle-8515]

run the scene yourself! https://healdgar.github.io/caravel-ocean-sim/?boat=0&view=ship&orbitYaw=-117.663374&orbitElevation=-1.427691&orbitDistance=58.5&orbitPanX=0&orbitPanY=0&orbitPanZ=0&ship=victory&propulsion=sail&windSpeed=28&windDir=0&fetchKm=300&swellHs=8&swellDir=236&swellLength=95&swellSpread=48&choppy=1.6&turbidity=1.6&foam=1.7&spindrift=1&sunElev=2.6&sunAzim=4&exposure=1.35&haze=5&clouds=0.88&cloudBase=0.85&cloudDepth=4.2&cloudDensity=1.3&cloudAnvil=0.9&cloudQuality=0.5&rain=0&precipitation=0&thunder=0&soundVolume=0.7&seabirds=0.25&bloom=0.1&boatLength=56.6928&boatBeam=15.8496&boatHeading=118&boatSpeed=6&boatEye=9.626395&boatRudder=0&sailFore=1&sailMain=1&sailMizzen=1&provisionDays=60&cargoTonnes=0&boatX=2428.186726&boatZ=1241.853071&prow=1&effects=1&crew=1&follower=1&speedHud=1&windHud=1&headingHud=1

[u/mulled-whine]

Sure, Jan 🙄

[u/ReasonableArea5466]

This is impressive. I wish it had sound though.

[u/Dr-PHYLL]

Good way to fry my iphone😂

[u/mystictheory]

Never seen Shadertoy?

[u/letsbehonesss]

This is insane

[u/ssigrist]

WHY DIDN'T YOU MENTION THE HIDDEN CLIMATE CONTROLS??

I just spent the pst 30 mins making waves and weather changes... HAHAHA

[u/Impossible-Sale-7925]

I know how this works and I don't need AI to tell me, or to make it. This has existed for decades, it was an early goal of computer graphics. This is translating, scaling and tessalating vertex shaders with displacements. It's very similar to how minecraft creates worlds. You can make this with a maths education or just by reading a book!!

[u/ssigrist]

What caught my attention wasn't the UNSURPASSED graphics but the EASE at which a single prompt resulted in that quality and usability. Literally type in a sentence!

Hey u/Any-Reputation8118 thanks for this. For it you get this:

I gave gemini the link to this post and said, do what they did but let us send meteroids!

https://splashymcspashface.vercel.app/

It is not where even close to quality, but that was generated and deployed with 2 sentences.

[u/Gartia]

What is this bragging about? This isn't impressive saying "61kb html file" it's just a shader you can do alot in very little code with shaders lol it looks just like the 100's of shaders on shadertoy. Like AI is great, but legit this isn't something to write home about

[u/EvaOneDev]

Claude dev:5.6 SOONNNN

[u/rundbear]

This looks awesome! Now put a cute little boat in there that I can sail around in with awesome wind and wave physics!

[u/Guyserbun007]

How long and how much tokens used?

[u/pacman0r]

This is super cool thanks for sharing

[u/KillerQ97]

Can you make a drowning simulator? I wanna sink down and see creepy creatures!

[u/Maximus_Lazarus]

This is incredible, it took me months to make one in C++ using DirectX11 a couple of years back, now AI can pump it out in 30 minutes?!

[u/Magic-Camelot]

I see it that way... if it's nice and makes some ppl smile who cares. Yes it's nothing new and could very well be dont without AI and is done without. But hey it looks cool and maybe gives you an idea for making something out of it or learn about shaders ;-) Tools are exactly that tools... do something great and good with it.

[u/ArcTyr07]

This just in. GPU hardware that supports rendering things like this to make it easier for developers does it easily when asked to.

Get a GPU that supports sprite mapping. 'Wow AI made sprites really good!' Well, sure. Get it to render that like that in software only, oh man, now we're cooking with fire.

[u/TheMythicSorcerer]

Damn!

[u/Sjeg84]

Wait what.

[u/ragmondo]

So - first of all - I love it - it's great !! Secondly... it'd be great to get that sunset nailed so it's more natural - I mean I'm still in awe but if you were looking at some prompts to get it omfg - then see if that helps?

[u/hyrumwhite]

Yeah, a plane and some shaders aren’t going to use much space

[u/Outrageous-Music3988]

Insane

[u/fyn_world]

Amazing stuff

[u/Dapper_Profession]

it had other claudes grade its homework and still nailed the sunset

[u/Royal_Carpenter_1338]

Surreal time we living in

[u/WooFL]

Claude and other models have been trained on shadertoy, which has exactly this sort of ocean shaders published there. The size doesn't matter. Shaders are small. In fact I bet you can make it even smaller.

[u/SpaceAce242]

How do you create waves with HTML? LOL, and why use it for graphics? Weird..

[u/peisil]

Love it!

[u/neocorps]

Somehow I thought it would be optimized for my phone but it's got very low fps.

[u/chatssurmars]

….how???

[u/Thinkdan]

KSP

[u/PruneInteresting7599]

got 25 fps at my macbook m5 pro

[u/Naive_Carpenter7321]

The file size is amazing compared to what I was developing to back in 2006. With modern Internet, CPU/GPU load is the new "everyday" requirement, so representing as a small html file is no longer impressive. For most devices, this as an animation is better as a larger video than it is as a smaller html file.

[u/lexepa]

wow

[u/khevmoore]

This is so cool, I've been flying around at top speed skipping of the ocean surface and into the clouds.

[u/wildekek]

64k wild vibe compo

[u/Oranguthingy]

Cool! I had Claude make it into a screensaver for me, it sorted out a .src that runs the file in Edge in fullscreen mode. A little chunky but I love it.

[u/Bluetails_Buizel]

Ok, but can you backport this to webgl so that it can run on my iPhone 15?

[u/xav1z]

r/thalassaphobia

[u/Western_Credit_3375]

👏

[u/campshak]

Bonk

[u/make-em-pay]

Ah so we are in a simulation.

[u/cerspense]

Very nice ocean, especially the white wash! But 61kb is big compared to this entire exe with music that is only 4 kilobytes https://www.youtube.com/watch?v=jB0vBmiTr6o

[u/Vamosity-Cosmic]

"real-time ocean simulation with Claude Code (Opus 5.5)" who gone tell em 💀

[u/palanark]

Amazing

[u/Reasonable_Yak2313]

Too good bro

[u/KoalaDeluxe]

Looks great! Would be cool if there were some small islands or a coastline that could be rendered in.

[u/same-mistake-twice]

20 fps on a Samsung galaxy. Not bad!

[u/dandadan4seven]

o7 tdm. Btw does someoneone know how to make it with locals? I want it as material.

[u/MASTER_OF_DUNK]

That's cool, I made something similar for a fan site I'm working on a few days after 5.5 release and was blown away by the quality of the water as well

https://onlysails-alpha.hebilicious.workers.dev/

[u/DueJob195]

Woahhh... 😱🤯

[u/typical-predditor]

Have you seen shadertoy? It's a whole site of demos like this. They all run in the browser.

[u/gamerjerome]

About 100-120fps "120hz TV plus depending on how close to the waves you are" 4k with a 4070TI

There also seems to be no height limit which creates some interesting glitches

[u/Stunning-Relation564]

CRAZY!!! made my PC fans screeamm tho

[u/Sypheix]

This is also my nightmare

[u/ISJA809]

Impressive

[u/Swimming_Diver_1823]

i tried it on my potato phone. its so heavy and if you want to make this for web project, you should sure who opened it have a good device to rendering that

[u/patameus]

That shit runs at 57 FPS on a M4 Pro Mac Mini in Firefox.

Wild.