How To Create 3D Interactive Web Experiences in Blender 2.80 & Verge3D

[@asterion2499]

I just did a project for my homework that's optimized for Cycles but found out it needs to be interactable, the deadline is tomorrow & this saved my ass.

[@ubilrodriguezarrascue]

Excuse me, how can I export my project to verge3D, because the drawing is incomplete?

[@nirubansatchithanandakumar3266]

thank you so much! i was watching this back and forth, scrubbing through and stopping at really important places. I was trying to do a similiar operation and I realised using evee just didn't have that oomph, and obviously photorealism is not something i could have achieved with evee out of the box.. till now that is :)

[@dorianzgraggen]

Glad you like it :)

[@alegronontropo]

Well done. Thank you. Great tutorial

[@alexkowel]

Indeed!

[@3DGraphicsFun]

Very nice tutorial. Thank You.

[@dorianzgraggen]

Thanks :D I'm glad you like it.

[@arthdano5039]

Nice tutorial. I just discovered your free textures website, thank you!

[@carolineito9312]

Maaaaan I wasn’t expecting to learn so many good tips like the .3ds importing/optimizing one! This is great, thank you thank you!!!!

[@archcast5550]

hi dorian recatngular light is now enabled... im tired of baking..... nice tutorials.i hope screen space reflections is implemented soon.

[@kwynintelligence435]

Great tutorial, covers lot's of stuff in short time ... and ... some very good hints on technic

[@Soft8Soft]

Great job! Could the HTML puzzles be used to manipulate the UI?

[@dorianzgraggen]

Yes, I think you're right. I could have used the 'event of ...' block and the 'set style...' block for that. Thanks for pointing it out :)

[@JBetbe]

Yeah, you've done a really good job!!! It's the best tutorial ever I've seen from Verge3D. Thanks!

[@dorianzgraggen]

@@JBetbe Thanks!

[@jurgenvantomme]

Thank you for this tutorial Dorian. You made a really good tutorial.

[@buttibu]

very good tutorial, thanks

[@ubilrodriguezarrascue]

verge3D can be programmed with the python language? or is it just javascript?

[@alexkowel]

It's both actually. Python is used to convert Blender assets to glTF, while JavaScript is to run 3D rendering in the browser.

[@englishgroup2973]

shout out from indonesia, big thanks

[@luckyhappy65]

Oh my god! Your tutorial is so great and I have read your documentary which is very detailed and professional. Thank you so much for your great effort!

[@rana-3d]

Can my client ask for work? Which file should I send to the client? How to publish this WebGL file on any other website

[@activemotionpictures]

Marvelous details! Thank you so much!

[@pagarralam9219]

Can u show me to creat room scane like Google street view on blender...please.

[@svgsprite4942]

Hi, Dorian. I just found your website. It's amazing!

[@dorianzgraggen]

thanks :)

[@rorymayne2190]

So great! Thanks for sharing your knowledge.

[@oalfernandes]

Wow! You are the best! Thanks from Brasil!

[@learnwithindra2037]

Beautiful!!!!! Many Thanks

[@huatv2348]

good job

[@craighallway5964]

How did you create the side canvas?

[@TopperDillon]

Thanks a lot for sharing your knowledge mate! Awesome tutorial, very concise and super helpful!

[@vivektrivedi8086]

how to enable outline in 3ds max

[@Mikhail-f4y]

That's such a great tutorial!

[@dorianzgraggen]

thanks :)

[@buttibu]

I have a question. You made your shadow texture from all objects together. How do you implement that textures to particular materials and objects after that?

[@dorianzgraggen]

After baking, I separated the objects. Since that doesn't change the UVs, you can just add the baked image like you normally would.

[@jonathanhutchinson5649]

The one thing so far that is confusing with Verge3D, is the purpose of the blender scene. You re - export the gltf, but does it matter if the blender scene is not also saved? Can the scene in fact be deleted? Are they dependent?

[@anniesnowy]

Is it possible to set Verge3D events/actions on the faces (I guess I found only 'object' option)?

[@JeffLu-garden]

Hi, I just downloaded Verge3d for Blender to follow along but there seems to be missing some options in the UI.

[@dorianzgraggen]

Which options are you missing?

[@FrogFraction]

I've tried making something similar in unreal engine and it sort of worked but i was worried about the size and performance of the project being too much for a browser. I'll give this a shot. Do you think there is money to be made doing these kind of projects for companies?

[@dorianzgraggen]

I don't think companies are interested in a scene like the one in the video, but I think product configurators and product demos could be a thing.

[@369-davian]

my client need that when select all different material can get a price, you can do that, how can I, contract you

[@alexkowel]

If Dorian is not available, you might seek for help on the Verge3D forums.

[@brennt502]

Great work! :)

[@rana-3d]

I'm facing a problem , please can you help me

[@bradsolarge3491]

What the best way to connect with you. I need to hire you for a job asap. Thanks.

[@dorianzgraggen]

via email: [e-mail]

[@ganapathym3664]

Thank you genious

[@hstd]

Thank you!

[@bobz637]

Hi there. Is it possible to have this level of interaction with some elements and also have like a 360 panorama when click and drag with the mouse? I'm understanding that this example can only jump from one position (item) to other with no freedom in the camera. This tutorial is super nice, thanks for your effort, keep going.

[@smile7335]

COOL~!THANKS

[@redabeg]

There is no link for downloading the project.

[@dorianzgraggen]

Now there is one on the post on cgbookcase.com. Forgot to link it :)

[@GeoffCoope]

Is this uploaded anywhere so we can look at it running and examine all the CSS etc? Thanks.

[@dorianzgraggen]

It now is linked on the post in the info section: www.cgbookcase.com/tutorials/how-to-create-3d-interactive-web-experiences-in-blender-verge-3d

[@eliut6855]

Hello, have you ever tried blend4web? Nice tutorial, thanks

[@eliut6855]

Or unity?

[@dorianzgraggen]

​@@eliut6855 Thanks :) No, I haven't, but I'm learning three.js.

[@CstfanTube]

​@@dorianzgraggen First at all, thank you very much for this tutorial. Otherwise, I'm learning BabylonJS, before I use Blend4Web, but it's dead now because the developers are getting out to create Verge 3D :-(

[@sansdomicileconnu]

@@CstfanTube blend4web is finished?

[@CstfanTube]

@@sansdomicileconnu May be not: www.blend4web.com/en/community/article/416/

[@renzviana6591]

can i publish the site is it possible

[@Soft8Soft]

You can publish Verge3D apps on your own website, as they are self-hosted. Still, if you don't have a website, you can publish your apps on Verge3D Network.

[@rana-3d]

This video is too small, please explain more

[@ivanpergasiFreelance]

Oh boy you lost me at 23 spare minutes... damn it I almost got it.... However it's january 2021 I hope there is an easier way to do it... because the functionality is very promising but all the process of obtaining it is definitely NOT time cost affordable.... I'm talking about a commercial use of it in a website with multiple color assignment and multiple object changing... Your way is a way but definitely the results don't pay the effort....sorry man just being honest and productivity oriented