How to put a SketchUp model on a website?

Alan Fraser

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.

Al Hart

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

ledisnomad

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?

Al Hart

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.

ledisnomad

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.

Al Hart

not java, but javascript, which is probably more acceptable

ledisnomad

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!

Al Hart

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

http://solar.physics.montana.edu/ypop/Intermission/Images/feb98eclipse_event1_j.html

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

focpt

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

solo

Nathan, they are the Och hydraulic watchbox and the Glenmorangie whiskey in mechanical case.

I don't have an iPad so I never saw the finished product.

bjornkn

Here's a Javascript viewer/player for objects and panoramas: http://jquery.vostrel.cz/reel
Using js and JQuery, and it can do multi-row. Look at that Mini.

Al Hart

Here is a JavaScript only example: Playground

The mouse doesn't work as well as I would like. But it will give you an idea of what is possible.

{Edit: This example works great in IE, but it does not track the mouse smoothly in Firefox]

ledisnomad

So far, the jQuery Reel Plugin is the winner, IMO. Al, your Javascript-only implementation is nice, too, but doesn't have the polish yet. I'm going to do some render tests soon and see how it works.

solo

How do youn install/use jquery?

Al Hart

You just download the basic JQuery, and store it on your web server, and ink to it in the HTML, and then download the special JQuery piece you want to use.

It took me a while to get it working the first time. But the trick to speed things up is to view the page source of their working page to see just what they used and set.
e.g.

<script charset='utf-8' src='http://code.jquery.com/jquery-latest.min.js' type='text/javascript'></script>
    <script charset='utf-8' src='http://code.vostrel.cz/jquery.reel-edge-bundle.js' type='text/javascript'></script>

I'll try to make a JReel example if I get a chance.

solo

@unknownuser said:

You just download the basic JQuery, and store it on your web server, and ink to it in the HTML, and then download the special JQuery piece you want to use.

That sounds like this:

@unknownuser said:

你刚才下载的基本jQuery和存储在您的Web服务器中，以及油墨的HTML，然后下载的特殊JQuery的一块你要使用的。

I guess I'm gonna keep looking for an easier solution.

Al Hart

I know, it was a little scary the first time - (I used a datepicker JQuery script.

After I make a sample, you can just download the JQuery stuff, and copy things from the sample HTML.

Also, if we ever find a solution we like, we plan to add it to RpTools, RPS 3D PDF, and IRender nXt to generate the web pages automatically

@solo said:

@unknownuser said:

You just download the basic JQuery, and store it on your web server, and ink to it in the HTML, and then download the special JQuery piece you want to use.

That sounds like this:

@unknownuser said:

你刚才下载的基本jQuery和存储在您的Web服务器中，以及油墨的HTML，然后下载的特殊JQuery的一块你要使用的。

I guess I'm gonna keep looking for an easier solution.

Al Hart

@ledisnomad said:

Al, your Javascript-only implementation is nice, too, but doesn't have the polish yet.

Actually it is raw "Web Exporter".

Perhaps if there is some interest, SketchUp can work on it some more.

solo

Thanks to Focpt (Nathan) who has an iPad and took this video of the rotation thingy-majiggy for Wired Magazine.

Liam would need to find a stopping point (busy bastard), log onto SCF and explain how he used my images to create this.

[flash=700,500:ncd100sp]http://www.youtube.com/v/tyxHSBd9bCg&feature=youtu.be[/flash:ncd100sp]

I modeled it with Sketchup and rendered it with Thea, 120 renders each model at 30 degree increments.

d12dozr

That's cool!