• Login
sketchucation logo sketchucation
  • Login
πŸ€‘ SketchPlus 1.3 | 44 Tools for $15 until June 20th Buy Now

[Plugin]T2H_EXPORT_WEBGL(Simple Viewer on Web Browser)

Scheduled Pinned Locked Moved Plugins
33 Posts 9 Posters 6.2k Views 9 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • U Offline
    unearthed
    last edited by 8 Jan 2016, 20:31

    amazing Tak2hata. This looks like a viable alternative to 3d pdfs. and thanks to Jef.Coelho for the tradestand web example. This'll be fantastic for web presentations.

    Will (or is it possible) to have layer on/off control?

    Is it possible to set navigation constraints so that for instance a viewer can only navigate a model along certain paths, or only go around the outside etc? I'm thinking of where one sends this to a client and ensuring they only see a defined set of possible views.

    Growplan - People ∩ Plants ∩ Place

    windows 7 64b, 4GB RAM, SU 8.0.16846
    Gimp, QGIS, Vectorworks 12, Bricscad 11

    1 Reply Last reply Reply Quote 0
    • N Offline
      ntxdave
      last edited by 8 Jan 2016, 21:28

      @jef.coelho said:

      I enjoyed the plugin! I am even testing with some customers and the main complaint so far is the difficulty of navigation and mouse control. But the idea is fantastic, with little improvement will become essential!
      Here's an example:
      http://www.jefcoelho.com/scamplastic/

      Could not get the example to work in IE 11 (it never showed up). It did work in both Chrome and MS Edge. In both of those instances, movement was pretty jerky even if I changed the Walk Thru speed.

      Additional comments/observations:

      • In the example, the model did not seem to be centered so that when I tried to orbit (left mouse button - I assume), I could never seem to get to the back.
      • The axis shown in the model did not conform to what I see in SU. In SU, the vertical axis is the blue line, red axis is the horizontal axis and green is the "depth" axis. None of those confirm to what I saw in the sample model.

      I think this is a start in the right direction though.......look forward to see where this ends up.

      OK - I just tried again in IE 11 and it finally showed up but as soon as I clicked on it, it disappeared again 😞

      1 Reply Last reply Reply Quote 0
      • J Offline
        Jef.Coelho
        last edited by 8 Jan 2016, 23:31

        Despite not knowing programming, offer help in any way possible, tests may .. It would be nice to see that perfect plugin!

        1 Reply Last reply Reply Quote 0
        • B Offline
          Ben Ritter
          last edited by 11 Jan 2016, 16:18

          TAK2HATA - Thank you very much

          1 Reply Last reply Reply Quote 0
          • F Offline
            facer
            last edited by 16 Jan 2016, 11:58

            +1 TAK2HATA - Thank you for your efforts.
            I look forward to next version.

            1 Reply Last reply Reply Quote 0
            • T Offline
              tak2hata
              last edited by 31 Jan 2016, 05:34

              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! πŸ˜‰


              by TAK2HATA

              1 Reply Last reply Reply Quote 0
              • N Offline
                ntxdave
                last edited by 1 Feb 2016, 17:15

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

                1 Reply Last reply Reply Quote 0
                • T Offline
                  tak2hata
                  last edited by 1 Feb 2016, 21:40

                  @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.


                  by TAK2HATA

                  1 Reply Last reply Reply Quote 0
                  • F Offline
                    faust07
                    last edited by 1 Feb 2016, 23:13

                    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.


                    WebGL-Test05.jpg

                    1 Reply Last reply Reply Quote 0
                    • F Offline
                      faust07
                      last edited by 2 Feb 2016, 16:51

                      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! β˜€

                      1 Reply Last reply Reply Quote 0
                      • D Offline
                        driven
                        last edited by 2 Feb 2016, 17:18

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

                        john

                        learn from the mistakes of others, you may not live long enough to make them all yourself...

                        1 Reply Last reply Reply Quote 0
                        • F Offline
                          faust07
                          last edited by 2 Feb 2016, 17:45

                          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

                          1 Reply Last reply Reply Quote 0
                          • D Offline
                            driven
                            last edited by 2 Feb 2016, 17:56

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

                            learn from the mistakes of others, you may not live long enough to make them all yourself...

                            1 Reply Last reply Reply Quote 0
                            • F Offline
                              faust07
                              last edited by 2 Feb 2016, 18:00

                              Thanks!

                              1 Reply Last reply Reply Quote 0
                              • N Offline
                                ntxdave
                                last edited by 2 Feb 2016, 18:58

                                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!

                                1 Reply Last reply Reply Quote 0
                                • F Offline
                                  faust07
                                  last edited by 2 Feb 2016, 19:44

                                  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.

                                  1 Reply Last reply Reply Quote 0
                                  • N Offline
                                    ntxdave
                                    last edited by 2 Feb 2016, 22:51

                                    @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

                                    1 Reply Last reply Reply Quote 0
                                    • F Offline
                                      facer
                                      last edited by 3 Feb 2016, 11:28

                                      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.

                                      1 Reply Last reply Reply Quote 0
                                      • F Offline
                                        faust07
                                        last edited by 5 Feb 2016, 14:41

                                        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. πŸ‘

                                        1 Reply Last reply Reply Quote 0
                                        • N Offline
                                          ntxdave
                                          last edited by 5 Feb 2016, 21:32

                                          Downloaded and installed in 2016 Pro.

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

                                          1. I tried both as a One_file and Split_file

                                          2. I also tried both options for Exporting Textures

                                          3. Pretty much the same results with both options

                                          4. Took a long time load in both IE & Edge. Loaded much faster in Chrome

                                          5. 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.

                                          6. I could not get the pan to work at all (used the scroll wheel on my mouse)

                                          7. Adjusted the Fly speed and saw some improvement in navigation

                                          8. Used the Shift key and navigation went even faster

                                          9. 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.

                                          1 Reply Last reply Reply Quote 0
                                          • 1
                                          • 2
                                          • 1 / 2
                                          • First post
                                            Last post
                                          Buy SketchPlus
                                          Buy SUbD
                                          Buy WrapR
                                          Buy eBook
                                          Buy Modelur
                                          Buy Vertex Tools
                                          Buy SketchCuisine
                                          Buy FormFonts

                                          Advertisement