3D Website Design - Add Real Life 3D Objects Easily!
ฝัง
- เผยแพร่เมื่อ 14 มิ.ย. 2024
- 3D website design is much easier now using Gaussian splatting. Gaussian Splatting is a rasterization technique for real-time 3D reconstruction and rendering of images taken from multiple points of view. Adding it to web design is made easier using tools like Spline Design and Wix Studio. This could make an ecommerce website look so much better if real products could showcase demo examples!
00:00 - Add 3D Real Life Objects to a Website with Gaussian Splatting
00:56- What is Gaussian Splatting
01:31 - Create Gaussian Splatting - Take Photos
02:30 - Create Gaussian Splatting - Generate Splat Upload to Luma or Polycam
03:57 - Using Gaussian Splat for 3D Modeling with Spline Design
04:57 - Add 3D Gaussian Splatting to your Website with Wix Studio
05:33 - Customize Gaussian Splats and your 3D Web Design
06:30 - Remix Spline Design for Animation and Interaction - Gaussian Splatting
#gaussiansplatting #3d #webdesign
Luma Labs: (Capture and Create Guassian Splatting 3d)
lumalabs.ai/
Polycam: ( 3D GAUSSIAN SPLATTING )
poly.cam/
Spline Design 3D Elements for Web Design
spline.design/
Website 3D Design: (Keyboard Example)
uxenhance.wixstudio.io/my-sit...
Wix Studio (No Code)
wix.com/studio/?...^social&experiment_id=^yt
Check out my courses!
📘 Teach Me Design: www.enhanceui.com/
📚 OpenAI GPT: enhanceui.gumroad.com/
Join my Community!
🟣 Discord: mergewebdev.com/?...^social&experiment_id=^yt
Software & Discounts!
🖥️ Screen Recorder: screenstudio.lemonsqueezy.com?aff=po745
Title Ideas:
Capture Real 3D Objects - Web Design with Gaussian Splatting
3D Web Design - Capture Real Objects with Gaussian Splatting
Add 3D Real Life Objects to your Website - Gaussian Splatting
Add 3D Real Life Objects to a Website - Gaussian Splatting - วิทยาศาสตร์และเทคโนโลยี
This is just awseome. Thanks for sharing.
Insane. Gonna try this out tomorrow.
lovely and extremely useful video please do create more of these.
This is awesome 😮👍
Nice:) Great workflow:)
I want to learn more. Great tutorial
Ohh Cool✨
I am wondering if it can be used on e-commerce fashion stores. Or quality will not be good.
So once the splat is generated, can we edit/refine the model in 3d programmes so it doesnt look so terrible? Or are you always stuck with the splat that gets generated with no options to customise it
Higher quality can be done with better lighting and more photos (probably better than the quick ones I did)
Also I didn't test that, but if you do, let me know! I know you can generate an actual 3D model too, so I'd assume so!
Really interesting workflow. But honestly the 3d model quality looks terrible. Wonder if that can be massively improved with the current software that’s available?
Yea I could probably make better ones if I had better lighting, took more photos, etc, it was more an idea of how it works!
my polycam splat is too large for spline. how can I make it smaller|?
caution to export that w/ spline you have to pay
a few points:
1. It's pronounced "gow-ss-ee-an" after Carl Friedrich Gauss - google for more information. (normal distribution etc.)
2. The DSLR you used is not the reason you have "bokeh blur". that's the lens/f stop.
- this means that you don't need to use your phone, and in fact its usually better to use a higher quality sensor. just control your depth of field.
3. A crop box... is a crop box. it doesn't "help the object come into focus". it crops the splats inside the box.
4. Would be great if you could spend a little more time on your script instead of jumping head-first into a video with such limited research.
Thumbnail says “Guassian” 😅
life saver!
Wix sucks