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
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 18

  • @Atulwebdesigner
    @Atulwebdesigner หลายเดือนก่อน

    This is just awseome. Thanks for sharing.

  • @drewb9162
    @drewb9162 4 หลายเดือนก่อน

    Insane. Gonna try this out tomorrow.

  • @sahilmirza4828
    @sahilmirza4828 3 หลายเดือนก่อน

    lovely and extremely useful video please do create more of these.

  • @francisnjugunaldc
    @francisnjugunaldc 4 หลายเดือนก่อน +1

    This is awesome 😮👍

  • @micbab-vg2mu
    @micbab-vg2mu 4 หลายเดือนก่อน +1

    Nice:) Great workflow:)

  • @ekikereabasinkereuwem9114
    @ekikereabasinkereuwem9114 4 หลายเดือนก่อน

    I want to learn more. Great tutorial

  • @FizaBaig-qk6wd
    @FizaBaig-qk6wd 4 หลายเดือนก่อน +1

    Ohh Cool✨

  • @Topko26
    @Topko26 4 หลายเดือนก่อน

    I am wondering if it can be used on e-commerce fashion stores. Or quality will not be good.

  • @haleemulhassan9158
    @haleemulhassan9158 4 หลายเดือนก่อน +1

    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

    • @CodexCommunity
      @CodexCommunity  4 หลายเดือนก่อน +1

      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!

  • @glowing_kitty
    @glowing_kitty 4 หลายเดือนก่อน +2

    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?

    • @CodexCommunity
      @CodexCommunity  4 หลายเดือนก่อน

      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!

  • @MrChe1999
    @MrChe1999 3 หลายเดือนก่อน

    my polycam splat is too large for spline. how can I make it smaller|?

  • @Allphaaz
    @Allphaaz 4 หลายเดือนก่อน

    caution to export that w/ spline you have to pay

  • @lukefree9841
    @lukefree9841 2 หลายเดือนก่อน

    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.

  • @GiacomoMiolo
    @GiacomoMiolo 4 หลายเดือนก่อน

    Thumbnail says “Guassian” 😅

  • @thetruthwillnevergovoided4344
    @thetruthwillnevergovoided4344 4 หลายเดือนก่อน

    Wix sucks