WebGL4SU - Yet another web exporter ;-)

Didier Bur

EDIT: May,6th

I've recently implemented some new features:

pointlights, spotlights, lens flares
controls for clouds color and opacity
scenes support: retrieve all your sketchup cameras in the web page
clipping planes: cut or slice your model, everywhere you want to
stereo viewing for 3D glasses
statistics HUD
screenshot key that will open a PNG image in a new tab of the browser (to save the render)
new simplified dialog box

Stereo viewing
Cut in orthographic view
Lights, flares, Scenes cameras
New dialog

Hi all,

I will release my next extension soon. So here's what it does:

Basically it converts your Sketchup model to a web page so you can achieve descent renderings of yours models in a few seconds.

Main features:

Automatic export to OBJ or DAE format and conversion to HTML5-WebGL fomat.
Directly opens the page in your browser.
Renderings: Sketchup-like, flat colors, bumped textures, clay, custom shader, glass/crystal/gold/silver/copper renders, normals, depth, anaglyph, wireframe.
Camera: perspective, orthographic.
Lighting support: ambient light, headling, hemisphere light, sun light, shadows quality
Infinite ground, sky color, physical sky, fog
Preset skyboxes and skyspheres, custom skyboxes and skyspheres.
GUI interface in the brower to tweak all properties of the render, shaders, lighting, and model controls (translation, rotation, scale, visibility).
Helpers: grid, axes, camera frustrum, shadow map, hemisphere lighting, bounding box.

Here are some screenshots:

Physical sky and bumped textures

Dialog box of the exporter

Mirror render in a skysphere

Standard render

Physical sky at sunset and GUI

Normals render

Depth render

Custom shader and bumpmapping in a skysphere

Bob James

facer

WebGL4SU - web exporter
Interesting approach.

Will your web exporter also include:

viewing of set SCENES?
sectional cuts of the model in various planes?

The above features are useful and are in:
[Plugin]T2H_EXPORT_WEBGL(Simple Viewer on Web Browser)
http://sketchucation.com/forums/viewtopic.php?f=323%26amp;t=63763

I look forward to trying your plugin as it offers
a variety of features.

Didier Bur

@
Hi facer,

A camera for each scene is on the drawing board
Clipping planes are complex to implement in three.js, as they involve fragment shaders which are a headache...

pilou

Damned cool!
What about the render Engine ?
All is calculated from 0, or an existing render Engine is used somewhere in the code ?

Didier Bur

Hi Pilou,

No render engine is required and no render engine is included in the plugin.
The trick is to use WebGL and Three.js (library of webgl) to send the geometry directly to the GPU via the browser (IE,FF,Safari, etc).
So all you need is SketchUp and a web browser

Jef.Coelho

Eager to know your plugin! There is already a release date?

Didier Bur

Hi Jef,

There's no release date, but reasonably I can say that it will be released before end of June.
There are still some bugs to fix...

Didier Bur

New features added on top of this post

JQL

Nice set of new features. Sections and Scenes! Great!

facer

Didier Bur,
Looking good with new features!
Very comprehensive.

rami_lpm

Looks great!
Doing this by hand is a real pain.

MichaelRiese

Hallo Didier,

cannot find your WegGL4SU anywhere ...
sketchucation - no
librarydepot - no

Is there any chance?

Many Thanks
MichaelRiese Berlin