A New 3D AI Builder vs Just Claude Code?

DesignCourse · Intermediate ·🧠 Large Language Models ·3mo ago

Key Takeaways

The video compares the capabilities of Omma, a new 3D AI builder, with Claude Code, using a prompt to generate a hero section for a water park website with a 3D water orb simulation.

Full Transcript

So, the people behind Spline 3D released. Oh my god. Yes, another builder, right? Um, but it's really geared towards 3D as you can see here in their examples. So, they have a bunch of community examples, but the real test is going to be, okay, what does it actually look like in practice? I'm going to put this thing to the test because every time a new website builder comes out, I'm thinking to myself, can I just use Cloud Code? I mean, I have the max $200 a month subscription. Why can't I just use clawed code rather than this wrapper? So, we're going to take this prompt right here and we're going to feed it into MA to see what it produces versus just my clawed code and we're going to see I mean is is it is this better for 3D or is it kind of the same? Let's find out. So, here's the actual prompt. I'll read it real quick. It's not too long. Build a hero section for a water park called Surfs Up. The background should be a dark desaturated blue blah blah blah. The hero section should be 100 viewport height. In the background of the hero section, there should be a large canvas area with a transparent background that has a spherical realistic water fluid simulation that reacts to the mouse position. This is something that's been done before. I just kind of want to see what it does based on one shot. Now, this should be realistic as possible, but still run smoothly on a system with a GPU. The faster the mouse moves, the more the water orb should react. And there should be a large prominent headline centered on top of it. Same thing with a sub head. and then a CTA. Um, keep the water simulation fixed and add an empty div with like 600 viewport height so that we can really scroll down and we want the water simulation color to transition between, you know, different colors every 100 viewport height or so. So, it's enough for it for us to really give it a test. And we're going to compare it here in just by pasting this in into their prompt right there. And then also with Claude code and we'll we'll compare them. All right, it is done. So, we could see here I have open Claude Code. Um, it took probably about five times as long to generate. So, MA was definitely faster. I saw a sneak peek of what it looked like. Let's check out MA first. All right. So, here's what it created initially. It it it is kind of a water orb. Um, it does respond to it, but it's not as impressive as like it's not what I really imagined. I want it to be a little bit more realistic. This is not a 3D ball. It looks like it's like a shader of some sort. So, it's it's not really it's not what I wanted. But, of course, this is just a one shot. Now, the big question is is if I scroll down, um is it going to change colors? Okay, it did. Okay. So, for for for a first time, it's like, okay, it's like, okay, not the greatest thing I've ever seen, but it kind of got it. Let's see what I And again, I have not checked it yet. Let's see what uh Cloud Code produced. Okay. Alrighty. Yeah. You know what I have to say? I mean, it is This is actually 3D. It's a little bit too large. Um, it does respond. Um, let me scroll down. Oh, and it changed it. Let me just prompt it real quick and just ask it to shrink the size a bit. Okay, here we go. So, you know, the typography, I hate this. This is like a crappy hero section layout-wise. Um, but the actual orb itself, I have to say it's better than what MA produced. Um, at least for a first go. Um, what I would really want to do is now I'm going to ask it to go ahead and create an options panel that allows me to define the different parameters as a part of this little 3D water orb. I'm going to do the same thing for MA as well. Going to say it doesn't look like the orb is based on an actual 3D spherical mesh. Fix that. also give me the ability to update parameters in a calibration modal. I don't even know if I'm going to have enough um credits left after this, but we're going to give it a shot. All right, so they're both finished. Let's check out uh the surfs up one. This time I did ask it to add like little like simulations of the water like splashing out based on mouse movement. So that's kind of cool. Sort of oneshotted it. Now the options area is right here. And we can see we could change the radius. All right. Amplitude. Maybe scale it down a little bit. Ah, that's better in my opinion. Speed. Okay. So, I went ahead and I kind of just customized it to my own liking. And look at this. This is freaking awesome. Just literally like what? Two prompts to get to this point. This is really cool. Okay, so let's go ahead and check out what MA did. All right, here's the new one, which is based on 3D this time. Um, here's the options modal, which kind of sucks because I can't move it around. So, you can change the mesh detail, the sphere radius, noise amplitude, probably bring that down. Noise frequency, animation speed, and then we have mouse influence. Maybe we'll increase that. Splash intensity. All right, final strength. Okay, I have to say it it's not as impressive as the Claude option. Now, of course, this is just one test. I don't want to crap on their product or anything, but for somebody like me who uses claude code, I mean, we always you have to ask yourself, what is the moat here? if I can just prompt this into existence myself. I feel like, you know, if you're building one of these tools and you specialize in 3D, which Spline does, you should probably have like these presets that you can just choose from, uh, for your 3D models, so that, you know, right next to the prompt area, the text field, maybe there's an area where you have like a drop down for like a library of, you know, different shader effects that just quickly can be infused so that I don't have to play around in cloud code and try to create it by prompting from scratch because that kind of looks like that's what's happening at Elma anyways. So, I have to say, um, this is super cool. This one right here, I'm going to try to elevate this design, uh, because the the overall layout of it, I didn't use the front-end design skill. So, let's let's try to elevate the design of this one. Uh, and then see what we come up with. All right, here it is. Okay, so this is the updated design. It's a little bit more modern. It's a lot more modern than what it had before because it used the front-end designer skill. Um, and I have to say I overall there it what has produced is not convincing enough for me just to forego using Claude and creating another subscription. So like I said, it really seems like I, you know, if you're going to build a tool like this, and of course it's very early going for them. you know, they just launched it, but I want to see predefined like 3D shapes, shader effects, and stuff like things that I can just plug into the context of the builder and be like, "Hey, make this object consistent with this preset." I think that would be sick. But for now, it's not convincing enough for me to, you know, change course here with Claude based on what it was able to produce with the same prompt essentially. So, let me know what you all think here in the description.

Original Description

Build with Claude: https://designcourse.com/app/course/c... (Take now) -- The team behind the awesome Spline3D just released Omma, and I'm putting it to the test with the same prompt against Claude Code. Is it better? Is it worth it at the moment, at least with this limited example? Let's find out. https://omma.build #3d #claude #ai - - - - - - - - - - - - - - - - - - - - - - Subscribe for NEW VIDEOS! Learn UI/UX: https://designcourse.com My personal FB account: http://fb.com/logodesigner Coursetro FB: http://fb.com/coursetro Coursetro's Twitter: http://twitter.com/designcoursecom Join my Discord! https://discord.gg/a27CKAF ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Designcourse.com. Come to my discord server or add me on social media and say Hi!
Watch on YouTube ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Playlist

Uploads from DesignCourse · DesignCourse · 0 of 60

← Previous Next →
1 Photoshop Pen Tool Tutorial (Tattoo Design)
Photoshop Pen Tool Tutorial (Tattoo Design)
DesignCourse
2 How to Design the Microsoft Logo in Photoshop
How to Design the Microsoft Logo in Photoshop
DesignCourse
3 Photoshop Gradients Video Tutorial
Photoshop Gradients Video Tutorial
DesignCourse
4 Your Guide to Layer Styles
Your Guide to Layer Styles
DesignCourse
5 Layer Masks in Photoshop
Layer Masks in Photoshop
DesignCourse
6 iOS App Icon Design Tutorial in Illustrator CS6
iOS App Icon Design Tutorial in Illustrator CS6
DesignCourse
7 Illustrator CS6 Logo Design Tutorial - Archfold
Illustrator CS6 Logo Design Tutorial - Archfold
DesignCourse
8 Photoshop CS6 3D Tutorial - Magic Tent Illustration
Photoshop CS6 3D Tutorial - Magic Tent Illustration
DesignCourse
9 How to Design a Tshirt Tutorial - Adobe Illustrator
How to Design a Tshirt Tutorial - Adobe Illustrator
DesignCourse
10 Types of Logos - Lettermark & Monogram Logo Type
Types of Logos - Lettermark & Monogram Logo Type
DesignCourse
11 Banner Design in Photoshop CS6
Banner Design in Photoshop CS6
DesignCourse
12 How to Design a Logo in Illustrator CC
How to Design a Logo in Illustrator CC
DesignCourse
13 Designing a Logo in Photoshop CC
Designing a Logo in Photoshop CC
DesignCourse
14 1. Launch & Market a Web Based Business - Introduction
1. Launch & Market a Web Based Business - Introduction
DesignCourse
15 2. Launch & Market a Web Based Business - Logo Design
2. Launch & Market a Web Based Business - Logo Design
DesignCourse
16 3. Home Page Mockup in PS : Part 1
3. Home Page Mockup in PS : Part 1
DesignCourse
17 4. Home Page Mockup in PS : Part 2
4. Home Page Mockup in PS : Part 2
DesignCourse
18 5. Home Page Mockup in PS : Part 3
5. Home Page Mockup in PS : Part 3
DesignCourse
19 6. Home Page Mockup in PS : Part 4
6. Home Page Mockup in PS : Part 4
DesignCourse
20 7. Home Page HTML & CSS - Part 1
7. Home Page HTML & CSS - Part 1
DesignCourse
21 8. Home Page HTML & CSS - Part 2
8. Home Page HTML & CSS - Part 2
DesignCourse
22 Using Photoshop to Showcase Mobile Projects
Using Photoshop to Showcase Mobile Projects
DesignCourse
23 Flat Icon Design Tutorial in Illustrator CC
Flat Icon Design Tutorial in Illustrator CC
DesignCourse
24 Illustrator CC Logo Design Tutorial - A Logo That "Pops"!
Illustrator CC Logo Design Tutorial - A Logo That "Pops"!
DesignCourse
25 Logo Design Follow Along 1: Emblem Logo Design
Logo Design Follow Along 1: Emblem Logo Design
DesignCourse
26 Showcasing Logos in 3D with Blender
Showcasing Logos in 3D with Blender
DesignCourse
27 How to Design an Effective Lettermark Logo
How to Design an Effective Lettermark Logo
DesignCourse
28 Squeeze Page Design Tutorial in Photoshop (Part 1)
Squeeze Page Design Tutorial in Photoshop (Part 1)
DesignCourse
29 Squeeze Page Design Tutorial in Photoshop (Part 2)
Squeeze Page Design Tutorial in Photoshop (Part 2)
DesignCourse
30 Mobile GUI Element Design in Adobe Photoshop CC (Part 1)
Mobile GUI Element Design in Adobe Photoshop CC (Part 1)
DesignCourse
31 Mobile GUI Element Design in Adobe Photoshop CC (Part 2)
Mobile GUI Element Design in Adobe Photoshop CC (Part 2)
DesignCourse
32 Flat Mobile App Design in Photoshop CC - Weather App
Flat Mobile App Design in Photoshop CC - Weather App
DesignCourse
33 Create Reflective 3D Text in Blender (Beginner)
Create Reflective 3D Text in Blender (Beginner)
DesignCourse
34 Animating a Logo with Adobe After Effects CC (Beginner)
Animating a Logo with Adobe After Effects CC (Beginner)
DesignCourse
35 Design a Game Website Mockup in Photoshop CC (Part 1)
Design a Game Website Mockup in Photoshop CC (Part 1)
DesignCourse
36 Design a Game Website Mockup in Photoshop CC (Part 2)
Design a Game Website Mockup in Photoshop CC (Part 2)
DesignCourse
37 Photo Manipulation Tutorial in Photoshop CC (Beginner)
Photo Manipulation Tutorial in Photoshop CC (Beginner)
DesignCourse
38 Advertising Illustration Tutorial in Photoshop CC
Advertising Illustration Tutorial in Photoshop CC
DesignCourse
39 Perspective Warp Tool Tutorial in Photoshop CC
Perspective Warp Tool Tutorial in Photoshop CC
DesignCourse
40 Free Giveaway Contest.  (WiseBanner Banner Maker).
Free Giveaway Contest. (WiseBanner Banner Maker).
DesignCourse
41 Design an Animated Loading/Download Icon (GIF)
Design an Animated Loading/Download Icon (GIF)
DesignCourse
42 Contest Winners (WiseBanner)
Contest Winners (WiseBanner)
DesignCourse
43 Model & Animate a 3D Push Button in Blender (Beginner)
Model & Animate a 3D Push Button in Blender (Beginner)
DesignCourse
44 Mega Tutorial - iPhone Breathalyzer - Project Introduction
Mega Tutorial - iPhone Breathalyzer - Project Introduction
DesignCourse
45 Part 1 - iPhone Breathalyzer - Blender
Part 1 - iPhone Breathalyzer - Blender
DesignCourse
46 Part 2 - iPhone Breathalyzer - Rendering & GUI Design
Part 2 - iPhone Breathalyzer - Rendering & GUI Design
DesignCourse
47 Part 3 - iPhone Breathalyzer - UI Animation in After Effects
Part 3 - iPhone Breathalyzer - UI Animation in After Effects
DesignCourse
48 Part 4 - iPhone Breathalyzer - Website Design in Photoshop CC
Part 4 - iPhone Breathalyzer - Website Design in Photoshop CC
DesignCourse
49 Part 5 - iPhone Breathalyzer - HTML Part 1
Part 5 - iPhone Breathalyzer - HTML Part 1
DesignCourse
50 Part 6 - iPhone Breathalyzer - HTML/CSS Part 2
Part 6 - iPhone Breathalyzer - HTML/CSS Part 2
DesignCourse
51 Part 7 - iPhone Breathalyzer - HTML/CSS Part 3
Part 7 - iPhone Breathalyzer - HTML/CSS Part 3
DesignCourse
52 Part 7 - iPhone Breathalyzer - Finishing Touches
Part 7 - iPhone Breathalyzer - Finishing Touches
DesignCourse
53 Square Space Logo Maker - C'mon People.
Square Space Logo Maker - C'mon People.
DesignCourse
54 Design a Bloody Knife in Photoshop CC
Design a Bloody Knife in Photoshop CC
DesignCourse
55 Typographic Poster Design Tutorial in Illustrator (Part 1)
Typographic Poster Design Tutorial in Illustrator (Part 1)
DesignCourse
56 Typographic Poster Design Tutorial in Illustrator (Part 2)
Typographic Poster Design Tutorial in Illustrator (Part 2)
DesignCourse
57 Modern Business Card Design in Illustrator CC (Part 1)
Modern Business Card Design in Illustrator CC (Part 1)
DesignCourse
58 Modern Business Card Design in Illustrator CC (Part 2)
Modern Business Card Design in Illustrator CC (Part 2)
DesignCourse
59 Parallax Tutorial using Parallax.JS
Parallax Tutorial using Parallax.JS
DesignCourse
60 Interview: Andrew Price of BlenderGuru.com
Interview: Andrew Price of BlenderGuru.com
DesignCourse

The video teaches how to use Omma and Claude Code to generate 3D models and interactive simulations, and compares their capabilities. It also discusses the importance of predefined 3D shapes and shader effects in AI-generated design tools.

Key Takeaways
  1. Define a prompt for generating a 3D hero section
  2. Use Omma and Claude Code to generate the 3D model
  3. Compare the results and capabilities of both tools
  4. Refine the design using front-end design skills
  5. Evaluate the effectiveness of AI-generated design tools
💡 Predefined 3D shapes and shader effects can significantly enhance the capabilities of AI-generated design tools.

Related Reads

Up next
5 Levels of AI Agents - From Simple LLM Calls to Multi-Agent Systems
Dave Ebbelaar (LLM Eng)
Watch →