[Plugin]T2H_EXPORT_WEBGL(Simple Viewer on Web Browser)

tak2hata

Hi,everyone.

I update in 2016.1.31 here.
0.9.7#2016/01/06 - Modified by TAK2HATA.AlphaTest Add.v0.9.7.
0.9.8#2016/01/24 - Modified by TAK2HATA.Improve Scene Select.v0.9.8.
0.9.9#2016/01/29 - Modified by TAK2HATA.Camera FOV support.Able to run on IE.Select showing axes.v0.9.9.

Enjoy!

ntxdave

@faust07 it would be nice to see a link to this so we could view it in our browser (not a jpg image).

tak2hata

@faust07.
IE10 higher supports Webgl.

In chrome,the texture image is not supported in local storage.
So use "as JS file" option of texture export.
Or place all of them in network storage.

The transparency is enabled When the Alpha value of pixel is 50% higher.
Thanks.

faust07

Now it works fine in Firefox. The non-transparent textures were caused by my mistake. The opacity of the materials with Alpha-PNG-textures must be at least 98% (not 100%).

Don't know how to set IE and Chrome to get a good result... In IE the whole viewport is black and in chrome most of the materials are black.

faust07

After reducing the html-file to the limits (2 MB) with the help of "Texture Resizer" (Plugin by Aerilius) I realized that it isn't allowed to post html-files (and there was a big viral-warning). Sorry, I have no website to post a link. I only wanted to test the reproduction of the plant materials (it should not be an example of sophisticated architecture ...). And it works fine in Firefox, Chrome and IE11 now. In IE11 I have no menu but I think its a question of preferences. As mentioned before, this is a fine solution to communicate models with clients. This will be tested next. A zoom-limits function in the menu would be great, because the models often runs out of the viewport.
The scene-select function is great!
Thanks again TAK2HATA!

driven

if you zip the html file it should upload and open in the local browser after download...

john

faust07

Here it is (.html in the .zip). Thanks driven for the advice!
It would be great, if someone could test it in IE11.

EFH-WebGL-Test_09.zip

driven

not IE but, runs ok on Safari, a little jerky quite presentable...

faust07

Thanks!

ntxdave

I was able to view the file in both IE 11 and Edge on Windows 10. I was able to even get inside the house although navigation got a little tougher once inside the house.

I also got it to work in Chrome. Interesting that in Chrome the tools window shows up but it does not show up in IE or Edge. Not sure I fully understand what the Look Around checkbox accomplishes but it is all very interesting.

Silly question, is there a way to Pan? I am able to rotate fine with the mouse and the arrow keys on my keyboard.

This is pretty neat. I think I would change the name though to something more like just Export2WegGL.

This thing has some real potential in my view. Has anyone tried this with a rendered model. It would also be interesting to see if any of this could work with any of the animation tools or SU scenes!

faust07

You are right - real potential! Look Around works like the same function in SketchUp. Pan you can do if you have a wheel mouse. Yes - the IE 11 question. Thanks for testing and thanks again to Tak2hata.

ntxdave

@tak2hata please look at this thread:
http://sketchucation.com/forums/viewtopic.php?f=323%26amp;t=64055
It is a discussion about a new animation plugin Fredo is working on and the possibility of displaying his animated model in a web browser via WebGL

facer

Look Around checkbox

This button should be ticked when in a room that you want to explore
It allows easy "Look Around" functions which are difficult in the main mode.

Good tip on zipping html files. Thank you.

Model by faust07 came up on Google Chrome quite well, no real issues.

Seems to be more fluid now, good work T2H.

faust07

Tested it again and can say that "Orbit View" in "Scene Select" is a good solution to bring the model back and to navigate around without problems.

ntxdave

Downloaded and installed in 2016 Pro.

Results with my 12Mb SketchUp model (all done on my laptop):

I tried both as a One_file and Split_file
I also tried both options for Exporting Textures
Pretty much the same results with both options
Took a long time load in both IE & Edge. Loaded much faster in Chrome
Had a hard time navigating. Very slow and choppy and could not get it to orbit very well. Arrow keys were slow in responding as well.
I could not get the pan to work at all (used the scroll wheel on my mouse)
Adjusted the Fly speed and saw some improvement in navigation
Used the Shift key and navigation went even faster
My model has 2 scenes. When I clicked on Scene 2 it loaded pretty quick however, Scene 2 has a section cut in SketchUp and the section cut was not applied.

Do not want anyone to take these as negative comments. This plugin is pretty new. I am merely passing on what I see. My hopes are still on the side of being able to present models in a web browser without the user having to download any special viewer.

I am going to go try some other models that are smaller. I will report back how the other test goes. There are some things in the other model that I think may not work very good but I want to see.

ntxdave

Tried the other model and had pretty much the same results (file size is 9.9Mb).

Another thing was that a couple of the scenes in the model contained text and dimensions. They did not show up on the WebGL page.

faust07

I suspect that models with 5 to 6 Mb represent the upper limit to navigate sensibly in WebGL. In my case this results in html files with around 8 Mb. A good way to reduce the file size is to check the file size of the textures in the folder gl_image, and possibly to reduce them, for example with the mentioned ae_TextureResizer. I think that section cuts, dimensions and scene texts are too difficult for WebGL. For cuts the client can use the Clip Plane functions.

facer

A few suggestions for improvement:

ORBIT VIEW should be a stand alone function outside of SCENES.
It is a valuable tool that can be used often. At present, it is "LOST" in SCENES
for those users that are not aware of its existence.
Sunlight should be noted by its geographic location, is it for Northern or Southern Hemispheres?
A NORTH arrow would assist in checking of the plan against that which is showing.
Often the user will forget to show this on their plan. Option to SHOW or HIDE NORTH ARROW
would be helpful.
Suggest a simpler Font Style for naming Scenes. Current font is not "elegant or gives the look
of quality" Arial is a safe font to use.
LIGHTS should have the option to increase intensity.
The current COLOUR selection is too hard to use, try to use simpler bar sliders with better
control.
SECTION SLIDERS - Is it possible to set AXIS for a specific building's orientation rather than
the AXIS of the PROJECT?

All in all, a very good WebGL Viewer which has the potential to be better.

Thank you T2H for your work!