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

    Web Dialogs and SkIndigo - made for each other...

    Scheduled Pinned Locked Moved Developers' Forum
    13 Posts 9 Posters 1.5k 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.
    • W Offline
      Whaat
      last edited by

      I recently got hooked on web dialogs. Check out the clips below. There is still a lot of work to do before I can release this but I am happy with how thing are working so far.

      Now that I have dug quite deep into web dialogs, html, javascript, and css, hopefully I can help others who have questions in this area.

      Enjoy!

      Small:
      http://www.members.shaw.ca/marshallamp20/clip.WMV

      Large:
      http://www.members.shaw.ca/marshallamp20/clip.zip

      SketchUp Plugins for Professionals

      1 Reply Last reply Reply Quote 0
      • T Offline
        tomasz
        last edited by

        Whaat. I was always impressed by your programming skills but that is really amazing. 8O
        I can imagine how much time have you spent.
        It is obvious that I would like to have a look at them in detail.
        I have made some progress with KT materials in SU2KT3.0 but I am still far behind you ๐Ÿ˜„

        Great job!

        Tomasz

        Author of [Thea Render for SketchUp](http://www.thearender.com/sketchup)

        1 Reply Last reply Reply Quote 0
        • GaieusG Offline
          Gaieus
          last edited by

          @unknownuser said:

          ...I have made some progress with KT materials in SU2KT3.0 but I am still far behind you ๐Ÿ˜„

          You just don't stay behind too much, Tomasz, will you please?
          ๐Ÿ˜„

          Gai...

          1 Reply Last reply Reply Quote 0
          • tbdT Offline
            tbd
            last edited by

            great work Whaat !

            SketchUp Ruby Consultant | Podium 1.x developer
            http://plugins.ro

            1 Reply Last reply Reply Quote 0
            • T Offline
              tomasz
              last edited by

              Whaat,
              Have you used DHTML or do you have your own .js? How big your additional js/css libraries are?

              One thing is annoying in your script for multi rendering programs users ๐Ÿ˜„
              When double click on material in SU material editor your SU2IN windows pops up.
              What if I would like to add my own? I know it is convenient but maybe right click - edit Indigo mat?
              Just a thought.

              Thanks
              Tomasz

              Author of [Thea Render for SketchUp](http://www.thearender.com/sketchup)

              1 Reply Last reply Reply Quote 0
              • T Offline
                todd burch
                last edited by

                On a Mac, what Quick Time codec do I need to watch this AVI? I tried DivX and that didn't work.

                Todd

                1 Reply Last reply Reply Quote 0
                • W Offline
                  Whaat
                  last edited by

                  @unknownuser said:

                  On a Mac, what Quick Time codec do I need to watch this AVI? I tried DivX and that didn't work.

                  Todd

                  Sorry, Todd, I'm not sure. I made the video with HyperCam2 (cool program by the way) and it was set to automatically pick the type of compression. I would first try Cinepak codec by Radius. Or, it could be Intel IYUV, or Microsoft Video 1. It is definitely not DivX or XVid, though. If you figure it out, please post. Thanks.

                  SketchUp Plugins for Professionals

                  1 Reply Last reply Reply Quote 0
                  • K Offline
                    kwistenbiebel
                    last edited by

                    I am simply stunned....This again is some super coding.

                    So Skindigo is getting this kind of professional GUI?
                    Amazing......

                    Material assignment by just clicking a mat from your indigo mat browser. Cool ๐Ÿ˜„
                    sliders for reflectivity etc....cool ๐Ÿ˜„
                    Easy acces to presets (metal, plastic,etc...).

                    (by the way, people should download the big avi to see all those nice details).

                    Great work Whaat! I think this will make a lot of people want to use the indigo-sketchup combo as the workflow seems superb!!!

                    1 Reply Last reply Reply Quote 0
                    • C Offline
                      CPhillips
                      last edited by

                      Very nice! Love how dynamic the dialogs are. How did you do the html layout? Any java script libs used?

                      1 Reply Last reply Reply Quote 0
                      • W Offline
                        Whaat
                        last edited by

                        @cphillips said:

                        Very nice! Love how dynamic the dialogs are. How did you do the html layout? Any java script libs used?

                        Everything is hand-coded in html (including the layout) and I created my own simple javascript functions for everything except for the sliders. The sliders are a very light-weight (22kb) javascript library from WebFX. They are actually quite easy to implement.

                        I am amazed at what can be done using basic HTML and javascript. For most web-dialogs, there is not much need to download javascript libraries. The code for these dialogs is actually fairly simple. The dynamic "hiding" and "showing" is done with this type of javascript:

                        function setVisible(page_id){
                        	document.getElementById("output").style.display="none"
                        	document.getElementById("tonemapping").style.display="none"
                        	document.getElementById("camera").style.display="none"
                        	document.getElementById("environment").style.display="none"
                        	document.getElementById("advanced").style.display="none"
                        	document.getElementById(page_id).style.display="block"
                        }
                        

                        This code hides all of the major <div>s in the render settings dialog. Then, the last line shows the <div> with the id that was passed as an argument to this function.

                        This is a great resource for anyone wanting to learn this stuff. There are lots of interactive examples.
                        http://www.w3schools.com/

                        SketchUp Plugins for Professionals

                        1 Reply Last reply Reply Quote 0
                        • W Offline
                          Whaat
                          last edited by

                          @unknownuser said:

                          One thing is annoying in your script for multi rendering programs users ๐Ÿ˜„
                          When double click on material in SU material editor your SU2IN windows pops up.

                          You are correct. I knew this might be a problem for some users. It will likely be changed when the new GUI for SkIndigo is released.

                          SketchUp Plugins for Professionals

                          1 Reply Last reply Reply Quote 0
                          • N Offline
                            notareal
                            last edited by

                            It's amazing job what you both have done, I hope you could find a nice non conflicting way to assign materials. I am sure where are plenty of us who like to have opportunity to use multiple rendering programs. Even greater it would be if there was some kind of common material editor... but that might be too difficult.

                            Welcome to try [Thea Render](http://www.thearender.com/), Thea support | [kerkythea.net](http://www.kerkythea.net/) -team member

                            1 Reply Last reply Reply Quote 0
                            • S Offline
                              santiagom
                              last edited by

                              search for flip4mac

                              @unknownuser said:

                              On a Mac, what Quick Time codec do I need to watch this AVI? I tried DivX and that didn't work.

                              Todd

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

                              Advertisement