sketchucation logo sketchucation
    • Login
    ℹ️ Licensed Extensions | FredoBatch, ElevationProfile, FredoSketch, LayOps, MatSim and Pic2Shape will require license from Sept 1st More Info

    [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.
    • facerF Offline
      facer
      last edited by

      H2H,
      I suggest adding the phrase "3d Viewer" to your title,
      or 3d Model Viewer.

      At present the title does not indicate what your extension does.
      I think more members would review your post if it indicated
      that it is a 3d Model Viewer using their web browser.

      All the best to everyone for the New Year.

      1 Reply Last reply Reply Quote 0
      • facerF Offline
        facer
        last edited by

        Comments after testing T2H_EXPORT_WEBGL (viewer)
        using Win 7 on a PC.

        1. Look Around (feature)
        This is for inside closed small spaces. (do not use for external views - frustrating)
        When in an enclosed space use "Look Around" to explore the elements designed

        2. Access to SU2WebGL viewer can be from any computer with
        access to internet and the "files" stored in the Cloud (e.g. Dropbox etc)

        3. SU2WebGL viewer offers an improved level of "copyright security" over the 3d model.
        This is of course relative but in comparison to issuing PDF files or dwg etc files from
        proprietary software it makes it harder to copy. (at least this is my current understanding)

        4. Use of "Scenes" is helpful for the recipient of the file(s) as a client or a work colleague
        as it assists in "virtual communication" (skype etc)

        If a scene is taken with the "parallel camera and roof top view" the Z section shows the
        plans with x-y in 90 degrees.

        5. Display of textures varies relative to the position of the viewer. Move in close to the model
        and it is quite reasonable. This hopefully will improve with later versions.

        6. SU2WebGL viewer is simple to use and will allow quick access to a the 3d Model for external, internal, sectional, and plan views.

        I find it is a helpful tool that can aid communication.

        Future Features.
        Some form of markup would be very helpful to aid in communication.
        At present I use screen captures that are then marked up.

        I look forward to the next version.

        1 Reply Last reply Reply Quote 0
        • facerF Offline
          facer
          last edited by

          Just bumping this "Plugin" up the list.

          Title does not tell what it can do so I have added a
          Note with clearer title.
          3d Model Viewer (FREE Plugin) using your browser

          1 Reply Last reply Reply Quote 0
          • F Offline
            faust07
            last edited by

            Extreme useful! Very good work Tak2hata!
            Tested in IE11, Google Chrome, Firefox - in IE11 - all black...
            Chrome & Firefox good - some transparent materials with textures don't work (PNG-files).
            Functions like Zoom All or Zoom Borders would be helpful because then running out of the window the model is difficult to bring back.
            πŸ‘ πŸ‘ πŸ‘


            some textures not transparent

            1 Reply Last reply Reply Quote 0
            • J Offline
              Jef.Coelho
              last edited by

              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/

              1 Reply Last reply Reply Quote 0
              • U Offline
                unearthed
                last edited by

                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
                • ntxdaveN Offline
                  ntxdave
                  last edited by

                  @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

                    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

                      TAK2HATA - Thank you very much

                      1 Reply Last reply Reply Quote 0
                      • facerF Offline
                        facer
                        last edited by

                        +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

                          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
                          • ntxdaveN Offline
                            ntxdave
                            last edited by

                            @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

                              @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

                                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

                                  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

                                    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

                                      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

                                        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

                                          Thanks!

                                          1 Reply Last reply Reply Quote 0
                                          • ntxdaveN Offline
                                            ntxdave
                                            last edited by

                                            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
                                            • 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