Jump to content

Realtime rendering in browser


Pancho

Recommended Posts

Is there anybody who can give me a hint what is the status quo for, e.g. visualize a product in the browser so that any user can turn this object in all directions? There seems to be WebGl, but I wonder whether there is an easy solution with a game engine or something else with SSS effects e.g. and a custom light set up. WebGL looks kind of ugly what I've seen so far.

Anybody a clue?
Thanks in advance!

Cheers
Tom

Link to comment
Share on other sites

hi

you have basically 2 options :

- fake 3d by shooting 360 turnaround img sequence that are display when the user move.

- webgl

both solutions have +/-

- fake 3d will work in any browser without risk of don't supporting webgl, and you will be able to have precalc quality.

- webgl give you real 3d with great interaction, but it's heavier if you load mesh/textures , and can have problem on some device.

 

some webgl exemple :

https://sketchfab.com/models/792c802b482540e5b863efdbf930da57

https://sketchfab.com/models/ceefad643974410ab50873fc549f54f8

https://sketchfab.com/models/9b8a42c13b864fbaabb0a87e9814e7f5

https://sketchfab.com/models/cea743f31ae34aa0901267ca750b21bb

 

- good tools for fake 3d :

https://ggnome.com/object2vr

 

- good tools for easy and nice webgl :

https://sketchfab.com

https://www.marmoset.co/viewer/?page=features

Cheers

E

Edited by sebkaine
Link to comment
Share on other sites

I've looked into this a few times. It's a higher level API for WebGL.

https://threejs.org/

Most of the 3D stuff I've ever seen in the web browser has been done with it. If you browse the examples you'll see it's pretty flexible and powerful. This is one of my favorites.

http://hellorun.helloenjoy.com/

Edited by lukeiamyourfather
Link to comment
Share on other sites

I agree with Luke if you want to do your homework and start with a flexible frameworks Three.js is great.

Getting PBR render / and clean post process to work as good as in sketchfab and toolbag viewer will take some time at the begining.

You also have other cool options :

https://www.babylonjs.com/ for an open source game engine 

https://playcanvas.com/ for a closed source game engine with great editor and great pbr workflow

https://threejs.org/ is a great generalist framework to do a little of evrything.

 

2 other great framework have been build on top of three.

https://aframe.io/ which is a declarative framework using HTML language

https://facebook.github.io/react-vr/ which is also a declarative framework using javascript

 

i would personally go with sketchfab first and three.js if i need more ctrl !

but all options are good ones it depends on your needs.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...