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

    How to put a SketchUp model on a website?

    Scheduled Pinned Locked Moved Newbie Forum
    sketchup
    54 Posts 15 Posters 11.5k Views 15 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.
    • Al HartA Offline
      Al Hart
      last edited by

      Here's a website with a SketchUp 3D model embedded in it: Embedded Model


      http://wiki.renderplus.com/images/7/79/Embdeed_pdf_sample.jpg

      Al Hart

      http:wiki.renderplus.comimageseefRender_plus_colored30x30%29.PNG
      IRender nXt from Render Plus

      1 Reply Last reply Reply Quote 0
      • L Offline
        lewislovedale
        last edited by

        tallbridgeguy, the page you linked to is an interior model. I'm after producing an exterior model with as little necessity for plugins/downloads/complex controls as possible. Like the Nokia example one i posted earlier (http://maemo.nokia.com/n900/360/), which plays intuitively without asking any questions.

        Basically, the model i have produced is a piece of agricultural equipment and not to generalise, i expect the majority of people who look at the website it will (hopefully) appear on will be less computer-savvy than most here, so it needs to be as simple as pie whilst looking very sexy. If that's possible.

        I tried your link Al but unfortunately it just came up with this: http://img859.imageshack.us/f/screenshot20110423at115.png/ maybe incompatibility between mac and PC again. I'm also trying avoid a link but rather embedding the rotatable model or a series of renders that give that impression on the webpage.

        Solo, is there any opportunity to see the iPad model you'd mentioned? It sounds like it's what i'm after and if so, i'll attempt to copy your method.

        Thanks again.

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

          I found this site. Demicron and they have a free download.

          http://www.demicron.com/index.html

          Anybody use it?

          3D examples.

          http://www.demicron.com/gallery/mediterranean/mediterranean.html
          http://www.demicron.com/gallery/perceuse/perceuse.html

          Nielsen
          http://www.tallbridgeguy.com/

          1 Reply Last reply Reply Quote 0
          • Al HartA Offline
            Al Hart
            last edited by

            Very impressive graphics and interaction.

            I was looking to see if they had an interface to SketchUp. But before I got that rd I checked the price - $1,495.00 and was a bit put off.

            Al

            @tallbridgeguy said:

            I found this site. Demicron and they have a free download.

            http://www.demicron.com/index.html

            Anybody use it?

            3D examples.

            http://www.demicron.com/gallery/mediterranean/mediterranean.html
            http://www.demicron.com/gallery/perceuse/perceuse.html

            Al Hart

            http:wiki.renderplus.comimageseefRender_plus_colored30x30%29.PNG
            IRender nXt from Render Plus

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

              They have a free version, too, but what I do not like is that it uses Java.

              Gai...

              1 Reply Last reply Reply Quote 0
              • L Offline
                lewislovedale
                last edited by

                Yeah i don't like the use of Java either, i'd also like to avoid the use of any visible interface. Again, i keep harking back to this example: http://maemo.nokia.com/n900/360/ of just a very simple, but great looking 360' rotation embedded into the webpage. I can't believe there is not a simple way to do this?

                Solo mentioned rendering 100+ images around the model, which is fine, but how could they be pieced together to create a rotation like that?

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

                  @lewislovedale said:

                  Solo mentioned rendering 100+ images around the model, which is fine, but how could they be pieced together to create a rotation like that?

                  With that exact same SU Webexporter that would otherwise use images exported straight from SU.

                  Gai...

                  1 Reply Last reply Reply Quote 0
                  • Alan FraserA Offline
                    Alan Fraser
                    last edited by

                    A lot of that Nolia type stuff is done with Swift3D...which is probably far more than you need.
                    There is a cheap little script here that seems to fit the bill.

                    3D Figures
                    Were you required to walk 500 miles? Were you advised to walk 500 more?
                    You could be entitled to compensation. Call the Pro Claimers now!

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

                      Alan that looks like it might work and $10 bucks is cheap.

                      Has anybody here tried it?

                      s

                      Nielsen
                      http://www.tallbridgeguy.com/

                      1 Reply Last reply Reply Quote 0
                      • Al HartA Offline
                        Al Hart
                        last edited by

                        It looks like a good solution.

                        I'll give it a try


                        spinning-image.jpg

                        Al Hart

                        http:wiki.renderplus.comimageseefRender_plus_colored30x30%29.PNG
                        IRender nXt from Render Plus

                        1 Reply Last reply Reply Quote 0
                        • Al HartA Offline
                          Al Hart
                          last edited by

                          Except for the difficulty trying to figure out the documentation, this does have a chance.

                          Link Preview Image
                          Page not found – Render Plus Software

                          favicon

                          (www.renderplus.com)

                          bench.jpg

                          Al Hart

                          http:wiki.renderplus.comimageseefRender_plus_colored30x30%29.PNG
                          IRender nXt from Render Plus

                          1 Reply Last reply Reply Quote 0
                          • Alan FraserA Offline
                            Alan Fraser
                            last edited by

                            Its going the wrong way!! 😉
                            Nice Al. I rather like that built-in drop shadow effect it has.
                            Yes, from the comments on that thread, it didn't seem to be the most comprehensively documented piece of scripting.

                            3D Figures
                            Were you required to walk 500 miles? Were you advised to walk 500 more?
                            You could be entitled to compensation. Call the Pro Claimers now!

                            1 Reply Last reply Reply Quote 0
                            • Al HartA Offline
                              Al Hart
                              last edited by

                              @alan fraser said:

                              Its going the wrong way!! 😉

                              I grabbed a 360-degree scene making script by wikii (creat360view.rb) , and modified it to save an image for each view. I just need to reverse the direction of the views.

                              The "trick" to using the SWF stuff is to modify their XML file (not try to use one with a different name), and then figure out how to put everything on a web page.

                              I will post more stuff when I get it all working properly.

                              Al Hart

                              http:wiki.renderplus.comimageseefRender_plus_colored30x30%29.PNG
                              IRender nXt from Render Plus

                              1 Reply Last reply Reply Quote 0
                              • L Offline
                                ledisnomad
                                last edited by

                                I've been following this discussion because I'd consider doing something similar. However, it would be great if it didn't even require Flash, like the most recent option under consideration. Something that is server-side, like PHP, would be better. I haven't done any web scripting for quite some time, but conceptually it is straight forward. Any PHP scripters out there?

                                1 Reply Last reply Reply Quote 0
                                • Al HartA Offline
                                  Al Hart
                                  last edited by

                                  When they first added the spinning models to the 3D Warehouse I looked at it and it was a Javascript/HTML only solution. I'll have to try to drag that up again.

                                  Al Hart

                                  http:wiki.renderplus.comimageseefRender_plus_colored30x30%29.PNG
                                  IRender nXt from Render Plus

                                  1 Reply Last reply Reply Quote 0
                                  • L Offline
                                    ledisnomad
                                    last edited by

                                    Java suffers from the same problem that Flash does: it requires the user to have a browswer plugin. Most people have them, even if they don't know it. However, I always prefer solutions that require next to nothing from the user. I generally only use interactive features on my website if I can make it server-side only. So far, these are all very good solutions, though.

                                    1 Reply Last reply Reply Quote 0
                                    • Al HartA Offline
                                      Al Hart
                                      last edited by

                                      not java, but javascript, which is probably more acceptable

                                      Al Hart

                                      http:wiki.renderplus.comimageseefRender_plus_colored30x30%29.PNG
                                      IRender nXt from Render Plus

                                      1 Reply Last reply Reply Quote 0
                                      • L Offline
                                        ledisnomad
                                        last edited by

                                        My bad. I misread your post. Yes, javascript is quite acceptable. That would be a great solution IMO. Thanks for clarifying and I hope you can find it!

                                        1 Reply Last reply Reply Quote 0
                                        • Al HartA Offline
                                          Al Hart
                                          last edited by

                                          Here is a sample. It should be easy to make it work. I'll try later

                                          Link Preview Image
                                          Javascript Movie Player

                                          favicon

                                          (solar.physics.montana.edu)

                                          This sample does't use a mouse. But I seem to remember one which did.

                                          Al Hart

                                          http:wiki.renderplus.comimageseefRender_plus_colored30x30%29.PNG
                                          IRender nXt from Render Plus

                                          1 Reply Last reply Reply Quote 0
                                          • focptF Offline
                                            focpt
                                            last edited by

                                            @solo said:

                                            I just completed two of those for Wired magazine (this months issue) for iPad.

                                            I used Thea render and 120 renders (BSD 1min 30sec each frame)

                                            I submitted them in images, Liam one of our members is a Mac user and he did the compilation, not sure what sofware he used however.

                                            Very cool Solo. Which graphics are they? I just downloaded the April Issue.

                                            • Nathan
                                              http://www.focalpointstudio.net

                                            SU8, VRay 1.49

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

                                            Advertisement