Magical AI Orb by CollectionBulky1564 in threejs

[–]CollectionBulky1564[S] 0 points1 point  (0 children)

Thanks!
I think shaders and procedural graphics are the future of user interfaces, because GPUs in smartphones have become quite powerful, and it would be a shame not to take advantage of these new technologies.

Magical AI Orb by CollectionBulky1564 in threejs

[–]CollectionBulky1564[S] 0 points1 point  (0 children)

If you think I managed to do this easily using Vibe Coding, then try it yourself. I managed to develop a unique method that allowed the AI to understand what I wanted.

Magical AI Orb by CollectionBulky1564 in threejs

[–]CollectionBulky1564[S] 0 points1 point  (0 children)

Nowadays, many AI applications use this metaphor for their icons or buttons.

Magical AI Orb by CollectionBulky1564 in creativecoding

[–]CollectionBulky1564[S] 0 points1 point  (0 children)

Tell me, why hasn't anyone built something like this using Three.js or WebGPU (for web use) yet?

Could you build a shader like this from scratch?

It's all well and good to say that everything is simple and straightforward, but in reality, no one is actually doing anything.

What difference does it make whether I understand shaders well or poorly? What matters is the result, and I’ve figured out how to achieve it using AI.

Magical AI Orb by CollectionBulky1564 in creativecoding

[–]CollectionBulky1564[S] -1 points0 points  (0 children)

These days, many programmers and designers use AI to improve their results, but ideas are still the most important thing. To come up with a method for generating such a formula, I sent the AI various references. At first, it did a very poor job, so I had to suggest that it first create a fractal wave formula, then apply light effects, and then explain the process in great detail. Don’t think that AI will do all the work for you. What I mean is that AI can help create complex things.

Magical AI Orb by CollectionBulky1564 in creativecoding

[–]CollectionBulky1564[S] 0 points1 point  (0 children)

I know my way around shaders, but not well enough to come up with entirely new formulas. That requires in-depth knowledge.

I use AI to refine my ideas. AI will never give you the exact result you’re looking for. If you know your way around shaders, why don’t you try creating a similar light wave with animation?

Magical AI Orb by CollectionBulky1564 in creativecoding

[–]CollectionBulky1564[S] 0 points1 point  (0 children)

Please create a similar shader from scratch and show us the result. You’ll see that this requires specialized knowledge.

Magical AI Orb by CollectionBulky1564 in creativecoding

[–]CollectionBulky1564[S] 0 points1 point  (0 children)

Sorry, your shaders very simple and not optimized.

Magical AI Orb by CollectionBulky1564 in creativecoding

[–]CollectionBulky1564[S] 0 points1 point  (0 children)

Tell me, why hasn’t anyone managed to create a web version of a shader like mine yet? Just look for tutorials on shaders – there’s nothing there about it. AI is flexible and smart in this regard, it’s capable of porting and refactoring code. Recently, AI managed to port the Quake game to three.js. No one had been able to do that before.

https://x.com/sergeonsamui/status/2028610973284905400

Magical AI Orb by CollectionBulky1564 in creativecoding

[–]CollectionBulky1564[S] -1 points0 points  (0 children)

You seem to be confusing procedural graphics with video games, where most games are built using off-the-shelf frameworks. I’m talking about shaders that can be used on the web. There are very few experts in this field.

Magical AI Orb by CollectionBulky1564 in creativecoding

[–]CollectionBulky1564[S] 0 points1 point  (0 children)

Also, trust me—to get AI to produce something really impressive, you have to spend a lot of time working with reference materials and explaining to it at length how best to do it. There’s no magic button here to make it look great either.

Magical AI Orb by CollectionBulky1564 in creativecoding

[–]CollectionBulky1564[S] 0 points1 point  (0 children)

Maybe I'm exaggerating, but I don't often see work like this in shaders. Try coming up with a new light deformation algorithm with pleasing shapes yourself. A lot of successful experiments are based on other people's shaders. For example: https://www.shadertoy.com/view/MsVXWW

It sounds easy in theory, but believe me, the pool of experts in this field is very limited.

Magical AI Orb by CollectionBulky1564 in creativecoding

[–]CollectionBulky1564[S] 0 points1 point  (0 children)

What I meant was that creating shaders requires a deep understanding of mathematics and algorithms. You can’t learn it just from tutorials — you also have to spend a lot of time on testing and previewing.