Joseph Azar
@parazar • 2,617 subscribers
Creative Coder & Software developer @splinetool.
Shorts
Videos
Built a pottery app today, where your real hands throw virtual clay 🏺 Hand tracking > clay deformation > real-time physics No controller. No stylus. Just hands. Everything built within Omma AI + threejs Model of the puppet hand: credit to LiamVandeWouwer (SketchFab)
Joseph Azar202,712 görüntüleme • 3 ay önce
Took it further with Omma AI, (Spline ) now it works on video, and everything working in a Web Browser. Drop a video, Depth Anything v2 calculates the depth map frame by frame, and Three.js renders a fully lit 3D mesh in real time. Depth estimation on video in the browser +Automatic baking pass + Dynamic lighting reacting to the geometry #vibecoding #threejs #webgl
Joseph Azar148,148 görüntüleme • 4 ay önce
Still experimenting with hand tracking 🖐️ using a webcam and the dear Carlo. The 3D model was generated from a single image in Omma AI Studio, and I remixed an Octopus demo to take advantage of the physics simulation. Building with AI these days is so much fun. Music also generated from the Studio (Fan Art) #threeJS
Joseph Azar74,515 görüntüleme • 3 ay önce
Wild what's possible now: I can ship a 3D experience prototype to a museum in a single afternoon. Everything coded and generated with Omma, leveraging AI to iterate fast. 3D models generated in Omma. Scene built on top of Three.js. Prompted for dissolving shaders + particle systems?
Joseph Azar93,557 görüntüleme • 4 ay önce
Here's a little demo I made in Spline v2 using the new AI Agent Mode. This is in the editor, in preview mode. You can try it too, I just gave it this prompt: "Create a cloth simulation and make it interact with this sphere. Let me move the sphere around and grab the cloth. Add a floor and some obstacles." The code can update the geometry of any object in the scene, and play with vertices and normals. I'd love to see what you can create with Spline. Let's go!! 🚀
Joseph Azar21,398 görüntüleme • 1 ay önce
New stuff you can do in Spline v2: Building a TSL material with texture atlases was surprisingly easy > A little 2D samurai running around. I gave Claude a 2D sprite sheet of a and asked it to generate the atlases, and the agent in Spline took care of writing a shader that runs the loop at the right speed and binds it all to the keyboard. An old-school game with the advantages of 3D. Super promising. This is really just the basics here (an Idle and a Run state) but you can add jumps and build on it.
Joseph Azar14,595 görüntüleme • 29 gün önce
Day 2! 🖐️ The hand tracking experiment in your browser keeps growing. Added a character gallery, Patrick and SpongeBob now stand alongside Squidward, along with their houses, a bubble particle system, and extra assets. Honestly, building with Omma AI right now is just too much fun. #threeJs
Joseph Azar36,113 görüntüleme • 3 ay önce
I built a Domino editor, a full playground where you can draw your own course, edit curves, and add structures to knock down, bridges, and staircases. Thousands of dominoes can topple in a single chain reaction 🤯 The whole thing was created in Omma AI Studio. For the physics, I used the Box3D library with Three.js. Works incredibly well!!
Joseph Azar20,923 görüntüleme • 2 ay önce
My wife and daughter told me about Crocs Jibbitz, so I built a 3D editor to place them naturally and pick your favorites before buying. Ready to integrate into an e-commerce service? Why not it's a prototype anyway, made possible thanks to Omma AI + #threeJS.
Joseph Azar15,221 görüntüleme • 2 ay önce
Excited to share a new vibe coded prototype: an interactive lesson on ants and their habitat, designed for elementary school students. AI allowed me to finalize this demo quickly. Some educational details still need review, but the main chambers of an anthill are all represented. Everything was made in Omma AI , a Spline product. What's inside: - 3D models created with Omma, all I needed was one image of the anthill's exterior and another of its cross-section to generate both 3D models - Clouds done with sprites - A custom shader mask to reveal the inside of the anthill This was a really fun one to work on!
Joseph Azar19,890 görüntüleme • 4 ay önce
I've never prototyped this fast in my life! Fable 5 + Omma AI Studio is the perfect combo for building game prototypes with Three.js. Here's what I made today: a Forza Horizon-style racing game 'Omma Redline'. The 4x4 suspension is my favorite part: super responsive. I built two different biomes, and the tire tracks in the snow are just way too cool. Everything came out of Omma Studio: the car models, materials, textures, code, even the music. Still a work in progress, more polishing to come :)
Joseph Azar13,030 görüntüleme • 2 ay önce
Update on my hand-tracking pottery app 🏺 New features just dropped: - Colorize your clay in real time - Change the shape of the clay base Got a webcam? Use your hands. Don't have one? Your mouse works just as well. Everything built within Omma + threeJs + mediaPipe Demo link in the comments 👇
Joseph Azar13,973 görüntüleme • 3 ay önce
I transformed the game into a downhill snow run with jumps and added a lowrider-style hydraulic dance mode. I also added a speed FX and a huge downhill track, like a snowboarding game. I still love the snow displacement effect. All of this made with Omma AI + ThreeJS of course. What should I name this game? Btw, who wants to play it?
Joseph Azar10,420 görüntüleme • 2 ay önce
I prompted Omma to build a #threejs app with real dynamic lighting on a 3D mesh - generated from a single image, using Depth Anything v2 + Transformers from Hugging Face ⚡ Depth estimation in the browser 🫧 3D mesh from the depth map 💡 Dynamic lighting reacting to the geometry No manual code. Pure AI prompting. The future of 3D on the web feels wide open.
Joseph Azar14,041 görüntüleme • 4 ay önce