WWDC2003 Session 715

Transcript

Kind: captions
Language: en
hi I'm Justin burr from
in Montreal developers of axel little
bit there we are so Axl is a complete
solution for high-impact web graphics
which means that we do highly
interactive 3d animation mixed with all
sorts of sooty things as well found in
movies and it's a cross-platform
solution the authoring tool and the
viewers run on both Macintosh and
windows and then we decided sometime
last year that it would be really
interesting to have quicktime at the
platform as well as the web so there is
an axial quicktime component and axle is
now a Krypton media type which lets you
have interactive 3d tracks in QuickTime
movies actually is also a user of
quicktime for the usual thing so movies
and images and sounds are imported using
QuickTime and you can use them to
decorate your 3d objects and it's going
now 24 for marketing purposes we we have
this diagram to try and show you that we
take an awful lot of different formats
and lets you do things with them with
axial and then put them out at the other
end in a variety of formats axel is well
first of all it is a 3d modeler in the
same way that Maya are light wave are
but of course it's it's not a really
high-end log where like like they are
however you can work with with geometric
primitives and and text you can take
line art and extrude it or do rotations
with it you can create your 3d objects
also if you have existing 3d models that
you've done in in another 3d application
you can bring them into axle through
vrml or using our dedicated lightweight
importer or the exporter we have for 3d
studio max so you bring your 3d stuff
into
or you created in axial you can then use
a whole bunch of imaging movie formats
by a quick time to decorate it to to
create to basically create 3d textures
and then I will shortly show you all the
sorts of interactivity things you can do
an animation things you can do with axel
on the other end of the pipe you publish
to actual own format which work which
originally was intended to work with a
web browser plugin and this plug-in
works as I said for Windows and
Macintosh now we also have a standalone
player which is an application in
Windows or Mac application that will
just play your content sort of like a
flash projector and of course you can
import any axle in the axial output into
QuickTime if you've got the component
installed or now if you publish as a
quicktime movie from axle that gives you
something they will automatically cause
the QuickTime the actual QuickTime
component to be downloaded from Apple's
third-party components on site we also
have a variety of exporting
possibilities so that once you've done
your work in axial you're not stuck
there you can export vrml you can you
can even put it out in flash which means
that axle can be a very interesting
solution for 3d work with flash but
that's not the point right now so let me
give you an idea of sorts of things you
can do with axle so switch to the demo
on laptop to please
it's nice okay first example I'll show
you is sort of it's our our quick time
everything example here we have an axle
model of the new imac as it was
introduced a year and a half ago this
was done by one of our 3d artists in
about half an hour after steve jobs as
keynote you're in africa and so it's
just the puts a little um you know
little imax what you can you can move a
screen around and you can rotate and see
if and now and he's impressed here to
see video series we came out very nice
okay what would be really neat if it
worked is that the screen here it's set
up to show quicktime video across the
internet and it's well it's not doing it
so um go and anyway no i won't waste
time with that right now the idea here
is so that you're playing quicktime
video on a 3d object created an axle and
then the whole thing is being played in
the quicktime player and yeah so they're
cute example when it's working oh well
and then the other thing i want to show
now is ok i'll use the web browser
plugin in safari here this is an example
that gives you an idea of such different
sorts of things you can do with actual
models so first of all we have an
animation here if I click here family so
that's an ordinary keyframe animation
but this is also a fully interactive
presentation so I can change the change
lights using this film slider here I can
grab onto this character and move them
around I can throw them and he gets
against the walls
we have inverse kinematics which is a 3d
technique for handling the arms and legs
of characters so that when you when I
move his hand the rest of his body
follows when I his leg the rest of his
body follows axel gives you things like
proximity sensors which as I bring the
microphone over towards them he speaks
and you may have noticed that no matter
where he is he's always in the spotlight
that's because the light here is
permanently pointing towards him
wherever he happens to be wherever the
light happens to be and so yeah I drags
light then when I let go of the light
it'll just snap back to the nearest
Anchor Point has four anchor points on
up there so that gives you an idea of
what axel can can do basically and now
all go back to the slide and go through
go through the axial workflow just to
list off the sorts of things you can do
with axel so remember we start with
created creating our job creating our
models whether it's like
excuse me I'll just send that way okay
right so you've got you've got your
geometry you've got objects then you can
create relations between them the
theories are real late menu lets you
constrain one object to another link
them together or constrain something to
a path to an object can only scroll
along the path you can have objects that
spring together like we saw the lights
of spring right like we can have objects
bring together or that snap to a certain
point like the lights we saw that snaps
back on there they're fixtures and also
there's skin and bones for doing
character animation you can set up
visualization options which means the
rendering style that can be shaded or
wire frame or cartoon and you can add as
many cameras as you want you can do
lighting and textures these are all
basic things that you would do is with
3d they're all very easy to do an axle
and textures that is sort of the
wallpapers that decorates objects can be
QuickTime movies or still images and
what I hope to show you there was the
quick title will be displaying on the
imax screen when you're at it you can
animate then along a path or with
keyframe you can do interaction which is
very simple because we have a
drag-and-drop interaction editor as well
as some pre pre defined interaction and
no scripting required for any of this so
I'll do one left and then we'll very
quickly now answer running out of time
for my segment so back to laptop to yes
this one here is what happens when you
put okay here we have an axle model so
set up so you can rotate it with it we
have an interaction here so that you
click it and the head gets bigger or
another button so all of this is axial
around the edges everything is quicktime
sprite this was put together by using
live stage pro the quicktime
interactivity editor and
so right now it's set up to modify the
background and I can change the or I can
send a message to actual to change the
rendering style so this is quick time
talking to axel to tell it to change
different colors and objects so finally
back on the slide axel there so publish
your work is an interactive QuickTime
movie it's on the Apple download program
and we have communication with other
QuickTime tracks enabled live stage pro
4.1 supports axel so come later on today
to section 7 22 and hear about how that
works from the live stage people thank
you very much next we'd like to invite
about Peter Falco from zoomify
hi my name is Pete Sacco and I'm with
zoomify and OOP no I'm going to be over
here at first and what zoomify does is
we enable quick time to deliver high
resolution images over a network it's
great for not only images but objects
and panoramas and as you'll see it's
easy to author the viewing happens very
quickly and it's very extensible what
I'm going to go through here very
quickly is we're going to see some real
world applications what people out there
using it for right now how the
technology works how to use the
technology and then I'm going to do a
quick tutorial on putting hot spots
inside of the content and at the end
I'll talk about what we what we got
planned for the future you can see these
are some of the customers that we have
they're using the technology currently
in several different market areas
museums and archaeology medical and
scientific ecommerce entertainment now
i'm going to switch over to the demo
machine i'm going to show some of these
okay actually first we'll go here so
what we're looking at here is this first
image is actually a 257 megabyte image
now normally you wouldn't think about
putting something so large up on a web
page but you can see this is live from
our server how fast it loaded and if I
want to see more detail I just zoom in
and when I stop it will go and retrieve
the the pieces of the image that it
needs to show that part of the image so
you can have virtually unlimited size
images in a web page we have customers
who have 10 gigabyte images for one
single image in the medical community
the same technology can be applied not
only to images but also to panoramas and
objects so this is a panorama and we'll
see here this panorama is 207 megabytes
and like I said you know normally you
wouldn't consider putting something that
large up on a web page but see when i
zoom in it will go and it'll get more
data as it adds needed okay switch back
to the slides
decision so how does it work the
standard practice when taking images and
delivering them over a network is to
compress them jpg being the most
standard form of compression we take a
different approach just like with a
movie you want to stream it because
there's lots of friends and you don't
want to download the whole thing before
you start playing it the same goes for
an image what we do is we take the image
and we break it up into tiles which you
could think of being very similar to
frame and then we only download the
tiles that we need to display the view
that you're currently looking at so the
image over on the left hand side of this
slide there it shows the pyramid that we
build so we cut it into pieces we scale
down we cut that into pieces we scale
down we cut that into pieces that's what
allows us to get access to any
resolution any piece of any resolution
in the image it's a standards-based
approach each one of those files is just
a JPEG image so not only is it streams
but it's also compressed and unlike a
lot of other people in the space our
business model is just based on software
there are other companies that are doing
this where they put strings on your
content you pay them each time somebody
views it or they sell you a
ten-thousand-dollar server our products
range in price from ninety nine dollars
to eight hundred dollars for our most
expensive enterprise product and there's
one or two excuse in between we actually
even have a free product that you can go
to our website and use which is a fully
functional it will convert your image
and then you can put it in a web page no
strings it's a very simple version of
what our product does how do you use it
that's also very easy you just take your
image you drop it on our encoder it'll
generate a QuickTime file for you you
take that file you embed it in your web
page like you would any other QuickTime
content and put it on your web server
there's nothing special needed on the
web server and the only thing that is
needed on the client side is quick time
we also have a flash version a Java
version and our own activex control and
plugin
okay switch the demo machine I'll do a
quick convert here so as I said it's a
very simple process to convert one of
these full images if i just take will
take this panorama right here and drop
it on to the converter so you're
presented with some options this is our
standard dialogue first thing you need
to do is say where do i want to output
these files the width and height that
it's going to be in the web page
copyright comment down here is what type
of output you want to have we'll just do
a straight quick time and this is a
panorama so for a panorama there are
some extra things that you have to
specify but we're just going to have it
auto calculate it so we just drop the
image on there and basically said here's
where to put it when I'm done and I want
it to be a QuickTime file when I say
okay if this was a cylindrical panorama
so it there's actually a two-stage
process involved the first step is
everything that we do is a cube so we
first we convert it to a cube and then
we save it out to our format this is our
format PFF for pyramidal file and this
is the panel and that that was the
extent of the authoring process right
there we switch back to the slide
in addition to being able to create
zoomable content we also have the
ability to add interactivity to it with
in the form of hot spots and the way we
do that is through we also have a
photoshop plugin so instead of doing the
drag-and-drop encoding to create the
image you could just take an image
that's in photoshop and we have an
exporter and you can export you'll get
that same dialogue it's exactly the same
experience for creating hot spots we use
image ready nope what's running the
image map tool inside of image ready we
leverage that functionality because we
figure why why reinvent the wheel
somebody already spent a lot of time
building a nice interface for dropping
down a hot spot so i have this file
right here that up we need to switch
yeah okay so this is the panorama that i
just created if i want to put a hot spot
into this file you see I have an image
map to find here and if I go down here
now I select that
select well I'll lay down the new one so
when I want to put in a hot spot in the
image ready basically in the name field
i'm going to say the hot spots in our
world are actually images so and we
support both JPEGs and gifts so I would
put something like Peter gift and the
URL is the URL that it'll jump to when
you click on it this URL field can also
be any of a number of different events
that we support and I'll show that a
little bit events can be go to this view
or change change the panorama that
you're looking at without going to a
whole new webpage there's there's a lot
of different events that we support so
go to my favorite URL the target just
put in a new window the all is a tool
tip that will show up when you mouse
over the hotspot and if I save this
right and I go to export so this is this
is would be the export to export the
image as a panorama and then there are
several different hotspot exporters that
you can see here this happens to be a
cylindrical panorama so I select that
and say we're going i'll put it I save
it to the desktop now here it is and
this is the file that it generated look
at that
I don't for time oh yeah so what was
this quick okay you can see there's two
hot spots in here one was the one that
was already in there and the other is
the new one and it's a fairly
straightforward text-based format the
polygon information is what you need
image ready to generate for you and then
there's different triggers and the URL
to be used to load in the hot spot the
tooltip it's a very straightforward
format it's all documented in our
product and then if we look at this
right here
this is the hot spot that I made and if
I click on get see where it goes so this
is an animated gif with transparency so
you can put you know it can be dropped
right into the environment fairly
seamlessly okay let's switch back to the
slides yep and so what we have coming
there's a couple different format
options that we have right now we have
our own proprietary format the pfff
format that you see here in order to
make that work in our flash viewer
actually required a small server side
component so we came up with another
format that all the tiles are just
separate and put into folders so that
format is also an option soon we'll
we'll have the ability to support via
that same servlet jpeg2000 so if you
prefer to work in a more standard format
than our proprietary format that won't
be a problem whiteboarding so and
synchronized browsing sort of go
together we have one application where
multiple users can be looking at the
same image at the same time and when
somebody zooms into an area everybody
sees the same thing you can add notes
right on top of the image it's being
received very well in the medical
community actually 4dr still be looking
at the same scan of patients examples of
tissue sample of some kind and I think
that's for me oh it recap so zoomify
enables high-resolution images in web
pages via quicktime it's perfect for non
Swift images with objects and panoramas
it's easy to author fast view and
totally expensable
now Vidya and next up we have Devon
Embleton from IE video it is now can we
see mum this machine here please that's
my dog Zoe dezilia we have one sort of
underlying model that drives all our
development and this is called vamped
already and it is why should it be so
difficult I shouldn't have to care about
what file format things are in I
shouldn't have to care about what tracks
are being created for this quicktime
movie well i should know is i want to
build something so what we did we spent
a lot of time and a lot of years
building pieces for other people through
your couple three years ago i fired all
the clients and because you realize hey
we actually have a product to today we
have 130,000 users they're all in
education that's growing by about ten to
twelve thousand a month at the moment
and we're really pleased so we're
investors especially after I find a
client so let's have a look what I what
I what I want to do is I want to build
something that's for the web and we
build something a little little web page
it shouldn't be a big deal so the first
thing I should be able to do is to take
a bunch of files pick them up and say
yeah and i'm going to use all these
things so what's happening here is that
the program is taking a look at the
format's of everything i just bought in
this is going to resize some of them
knowing time
okay so I got a bunch of stuff here
something I don't really need right now
so I'm going to get rid of this I want
to use as a background so I'll just tell
that to go in the background do you have
to sing while you do this otherwise
doesn't work properly yeah this I want
to be a button I think there's another
piece of that summer I got some text oh
we don't want that either and me playing
the guitar that's not a good thing to
this one time I made my living doing
that I never could understand why people
would pay me to do it um so I got some
texture one we've just changed the font
so it's a little more readable ignore
the fact that it then weird things with
the area and change the color i think
two ok and you know what i think i
should be transparent so here's a little
bit of text and maybe the test can go
here this is the VR i'll hit a little
bit of a button ok and this is a graphic
just a pin with you on that here's a
piece of video so what I want to happen
is in my web page I want it to come up
like this with the night with my text up
here if you read this text by the way
it's actually a book I'm writing with it
so the head tabs like non copyright
stuff if you really go see what kind of
a brain I have so this guy want to be a
roll over for this so if I double click
on the object I just say you're a roll
over and you roll over this guy and the
thing that I want you to control is this
movie here let's move that up a little
bit ok I'm done so what we need to be
able to do now is to output this so that
we can use it on the web and wants me to
save it so i'll say yeah let's leave it
called untitled and right now i'm
actually finished do you be you Linden
we should get music for that Dalek and
if I put that away what it did then it
created these three things and if I pick
this XML file up and chuck it on the
Safari will see that
here's IRA and this is a multi-node
gives I roll over i click on it so it
should be that easy you're not to
applaud man thank you very much man I
was in the entertainment business for a
number of years let's make another so we
want to have a second page for our
website so this one's gonna have
something more interesting on it what
did I just open okay open the wrong
thing yeah there we go so here is a big
movie this is done by by this is done by
a 18 year old who I took right out of
school he I was waiting for a mac side
the gate one day no I'm we do these
science fairs and and he came up to me
after and said I want to get into your
business I said are you crazy he said
you know I really do I said well what do
you do so well I'm a sculptor I said
okay so show me your stuff so he showed
me some sculpt the things he's done so I
gave him a machine and showed him how to
use some tools and this actually was the
first piece he did huh and we it was it
was done for a client I as I'm talking
to you about lunch of making things so
that I could navigate around I this is
this is a really ugly button here but
that's okay it's just going to be a
thing that goes to the next frame mm-hmm
so let's open them and see what we get
export you can actually get involved in
you know image compression by not going
on because the program actually has a
lot of intelligence built into it
because we did a lot of this works for a
number of years we know that you do
certain things all the time we know how
to compress video so it runs properly we
know how to compress images we know what
to do with sound there we go so it what
what happening really is the user is
benefiting from from all those years of
experience
there we go of course this will still
work go to the next time this is
hopefully the other begun so this will
this will start to play thing so you get
the idea that it shouldn't be as hard as
you know so far we haven't worried about
HTML when worried about quicktime we
haven't worried about wonder what track
this is on how do i get my sprite in
there we don't even have that word in
our vocabulary they're just stuff we
call them stop actually call of objects
blares okay I could use this is an
example the guy that Apple didn't really
pick up on this stuff for a little while
but when they did one of them some of
them said man I've got to send you
something instead I built this in 10
minutes it's nine hours of video in this
one interface is 800 k and it's the
streaming gods are with us it might play
if I click here and go play that one it
will start to play the video that is
part of a one of the Apple education
event
and if I click on the actual word at the
same time and left playing and also go
launch the browser so I've got one
everybody come to the front of Syria
shipwreck site so you can see North
Carolina which you might be able to see
in this he said I spent more time
figuring out what I was going to do than
actually doing it which is the way it
should be what happy no no please don't
actually don't clap throw money at is
either we do more than just this
particular tool with a whole range of
tools we have a series of adults to
iMovie that make it easy to do things
like blue screening that make it easy to
do things like picture-in-picture
matting an image over the top of that I
movie it's really simple doing animation
you know animating text graphics other
movies they in in ni movies the kind of
tools that we build their personal
creativity tools that's what they are
and if you just give me one second I can
find it what you've been looking at is
Java the whole front end was built in
Java you shouldn't even have to know
that the program runs on both on both
machines on both platforms windows and
macintosh the file format is totally
transparent to both platforms so you can
start working on on Windows switch it
over to a Macintosh continue working on
it put it back it doesn't care I was
going to show you where we're going in
the future but I can't find it oh here
it is my desktop to come before I came
up here I had to clean stuff up so my
desktop is a matter which is normally
quite a good mess it's bear with me a
second and I'll find something the other
one of them one of the things that we've
just finished fighting with it is the
problem of buttons these buttons that
you can see here things pretty cool this
is a button that actually has a movie
embedded inside it and with some
transparency I don't know why you'd want
to do that but you know I did the show
can be done and this is person that's
Matt great music you can buy this makeup
fe embleton com no that doesn't exist
and i'm still looking for something so
i'm talking while I'm looking for I
should have brought it out we have a
complete new version coming out very
shortly which is there it is as you can
see from the name of the the folder is
Coco this is this morning build so you
know less like if you're if you're a
programmer you never know what you're
going again this is we out with the Java
for a number of reasons one of them
being the speed of the thing i just want
to show you what you can do it button I
got it these are not predefined types
these are ones that I decided I wanted
to use I went into Photoshop and made
pictures and then you drop them into a
special folder and you can say yeah this
is kind of button I wanted I'm going to
make it this size and here's the color
it's going to be and when I go over the
bottom I wanted to change possess that
did that wrong when I wanted to change
to that color it's already done it and
when the mouse goes down I want it to
change to that God so the export
on the desktop ya could do to do there
goes Thank You chef I so we actually
have to slow the exporter down in this
version because by putting in the fake
thing going along so here's our here's
our button that we just made I just I
roll over it goes the color i press the
mouse down it goes a different color and
of course you can link it out to all
those those things that i was showing we
support hot spots and vrs we probably
support axel i haven't actually tried it
but it'd be interesting to do you
shouldn't have to get involved in
scripting there is none and we will not
be putting any in the application you
just be looking at however the cocoa app
is fully active Apple scriptable so it
is a scriptable app so you can automate
things we get it running in the
background we're going to be releasing
that I don't know Chris is over there
our director of engineering he'll have a
similar we're going to be recent at
tsunami Chris no he says no chance oh
well we will also have passing we also
have there's going to be a public beta
release on our website version next week
of not of that but it's vida 3.1 which
which has a version of animation that
allows you to do flash like things with
the same ease of use the timeline is
dead when when people are going to
realize that I don't know you should not
have to get involved in it I'm done
thank you very much for your time
[Applause]
next up is Curtis garden from khodaro ok
where's my little mic here we go ok I'm
Curtis garden with kadar and i'll be
talking about the FBX file format from
khodaro essentially what we found is
that artists are creating more and more
content from a lot of different
applications or finding is a lot of
these different 3d applications don't
like to talk to each other very well so
what we're looking for is a 3d
interchange file format so artists are
creating all this media from all these
different applications what we're
looking at is some way to bring all the
3d content together so that we can start
exchanging this distributing it and
sharing the content in between artists
so essentially what that comes down to
is some type of universal file format
which is going to allow us to store in
3d models 2d textures video characters
skeletons animation that type of stuff
all inside of one kind of universal
vanilla wrapper so we developed with a
file format called FBX and essentially
what it is is a 3d interchange file
format currently we write plugins for
the following 3d packages including
motionbuilder for OS 10 and PC as well
as 3d studio max alias wavefront live on
OS 10 and PC softimage xsi as well as
light wave on TC and Macintosh as well
after that we realized that we needed a
way for artists to start viewing the 3d
content so let's say you were 3d artists
creating 3d content and we wanted to
distribute this to other artists that
were using 3d applications of any sort
so we really look for a I guess a way to
start distributing this to essentially
anyone who wanted to be able to view 3d
content
typically what you find is that most
professional 3d applications you're
going to have to actually render out
your content to a rasterized version a
very linear version which really
restricts what users and your audience
can see so we started working with apple
and the QuickTime team to essentially
take our 3d technology and the FBX
format and integrate that into a plug-in
which would work inside of the QuickTime
Player so this is a rendering example of
what you can get in real time using our
3d plugin you can see we have dynamic
lighting character animation textures
all being played back in real time what
this allows you to do now is to start
taking your content and allows you to
essentially visualize and distribute
this to pretty much anyone who has the
quicktime player which is in the
millions and millions nowadays so you're
not restricted to users of just 3d
applications or to sending out rendered
out raster versions of your content it
also allows you a level of interaction
with your content inside of FBX files
you can have user interactions through
such thing as a keyboard joystick the
mouse which really allows you to take
your 3d content to the next level of
interaction it's also available free
which is one of the key things that we
made sure to work with Apple was that we
were going to be giving a plug-in back
to the community that was essentially
without a price tag on it so anyone can
go and download this plug-in for free
allowing you to view FBX content I had
it's available off our website as well
as the Apple download site for quicktime
so one of the news i'm going to show you
guys a couple of quick examples of FBX
for quicktime so i'm just going to
switch to demo machine to here so we'll
just open up a couple sample scenes we
have to show everyone the 3d in real
time so what I've got here the sample 3d
model
of an imac you can see we've got audio
and video playing in this as well as I
go through and actually just switch
cameras I can actually start through
interacting with this scene just like I
was in a 3d application open up another
sample scene here for you this one here
demonstrates character animation being
played back in real time as well as some
of our particle shaders which you've
integrated into the plug-in as well play
this back like so things you had
particle shaders happening there we've
got some character animation this
character walking around you'll see we
have real-time shadows as well as
real-time reflections and we also have
the ability to do interactions so we
have here is a simple tic-tac-toe game
which allows me to interact with this
content using keyboard so for example I
can just go and have a virtual 3d game
of tic-tac-toe like so the beauty of
these FBX files is that now that they're
available through the QuickTime viewers
that you can embed them in web pages you
can distribute them to essentially
anyone with a quicktime player and it
will automatically download the plugin
to allow them to view the content for
free show one more example here my
favorite the ever famous t-rex running
around
a couple seconds here to decompress the
textures
so here we have our t-rex just going to
loop this movie you can see with
playback we've got a nice little run
cycle on them I can change the
visibility modes as well so we can
actually see the underlying skeletal
system of this character we've got a
little run loop on there and what we
have here is little legend of actual
keyboard shortcuts that we have created
for the scene so you can see if I hold
down one we got our t-rex running around
maybe he's in a schoolyard he's going to
grab some kids when he gets mad he blows
smoke out of us know so this is simple
interaction that you can create inside
of the Deaf the x-files to really make
your 3d content that more interactive
and that's it that is FBX for QuickTime
[Applause]
and last step I'd like to welcome Mark
Cohen from video clicks over here just
going to switch laptops so video clicks
is a quick time based application for
you to easily add quicktime
interactivity into your existing
quicktime content it's pure quicktime
doesn't require any additional plugins
you can add quicktime chapter tracks
time-based actions events and the
coolest of all what we like to refer to
as video hot spots so i'm going to show
you the video clips application and
you'll see exactly how it works it's a
carbonized application so it runs in Mac
OS 9 or Mac OS 10 we're currently at
version 2 51 and I think you'll think
it's pretty cool
she might want to turn off the mirroring
right said the resolution and turn it
back on
yes sometimes it works by turning a
bearing off first and setting an
illusion
can we see this screen the powerbook
screen temporarily
because you wanna make sure we're 1024
768 that low refresh rate 70 Hertz
we'll try this out if I've hurt at all
it's making available tools you can have
two you're gonna have to go off screen
you're gonna have to go off screen just
spring the mouse over yeah
[Music]
ouch
so those are some pretty cool tools we
saw earlier I mean cook time is great
because you've got this huge wealth of
tools that are also easy to use so
affordable that's great thank you and
tons of fun okay well let's just see
what's going on here okay first I am
hoping to show you our showcase on our
website
make sure we're connected
okay this is our website I'm just going
to take you to our showcase area so you
an idea of what you can do with video
clicks this is our showcase we've got a
variety of different examples here what
people are doing with video clicks
entertainment education product
placement I'll show you this this is our
James Bond demo just you've got some
long-ago happening here so we've got a
QuickTime movie playing here it appears
just to be a standard QuickTime movie
just playing a web page however
everything in this movie is totally
clickable I can click on her I can click
on him I can click on his glasses his
shirt her dress the environment anything
at all within this movie is clickable
thanks to video clicks his ability to
create video hot spots the GPS system
etc so you can see that whenever I click
on something I'm able to bring up more
information about that product in a
neighboring frame sure I'll give you
another example of that here's a trailer
from our favorite movie company I'll
just drag farther ahead in the movie
here so the movies playing once again
using video clicks I can add all brought
all types of QuickTime interactivity
here we see text tracks playing there we
also feet chapter tracks here where I
can easily navigate to different parts
of the of the movie and anything and
everything can be clickable inside this
movie i click on my key I can click on
Sully and we see on targeting
information in a neighboring HTML frame
here so that's what video clicks does
and let me show you the application and
you can see how we do it this is the
video clicks application you simply
import your quicktime content into video
clicks it's a fairly familiar looking
interface you've got your toolbar you've
got your monitor window an inspector
window where details on the interactive
objects can be determined and then
you've got a timeline unfortunately the
timeline is not yet dead for us but so
let me just walk you through the
application and how it works this is our
toolbar where we can easily create and
manipulate the interactive objects
inside of video clicks if I just move
ahead here I've got that same monsters
inc movie right here we can see here's
some subject matter that we want to add
some interactivity to so I can grab the
Oval hotspot tool simply drag it over my
key it says what you want to call this
I'm going to call it Mikey because mikey
i can read
sighs then reshape them whatever to
whatever is appropriate click on the
color my keys green so let's make our
hotspot green and we seated here in the
inspector window we've actually got
considerable amount of details as to
what that hotspot does when it starts
when it ends how many of them there are
what if any actions are attached to it
the color of it etc so the cool thing
about video clicks is I can easily
follow my subject matter around the
video at using this video hotspot and
attach an action to that hot spots I'll
give an example of this so let me just
take myself back a little bit here and
I'm just going to shift forward to where
my hotspot occurs we can also see that
once I place that hot spot on the screen
we can see in the timeline below here
that right here is where that hot spot
begins I can also zoom in or zoom out of
the timeline in this case I'm just going
to scroll down so we can see exactly
what's happening and at this point I'm
going to use our real-time tracking tool
one of the tools in the tool bar to lock
the hotspot to the cursor so essentially
i'm not holding the mouse down I've just
clicked once and that hotspot is locked
to my cursor so I can now track the
motion of that object or my subject
matter in the video in either real-time
or slow down which I'll make things
considerably easier and here's my speed
settings one to one is obviously real
time and go down to 8 21 make it really
easy it's going to slow things down if
there's complex motion I can easily
follow it by locking that hotspot to my
cursor and moving at a slower speed so
here we go i'm just going to play the
movie then we can see things are moving
very slowly eight to one and all i have
to do is simply follow my key about with
my mouse this is the real time tracking
option where wherever he goes I go and
that's that you can see I can now unlock
my cursor Department go back to the to
the timeline here and if i zoom in
you'll see exactly what happened I
basically created a number of instances
here so you can see each one of these
are separate interactive objects and
they're all listed here in the inspector
window I can change the parameters of
any one of these objects and if I play
this back you'll see how that hotspot is
following likee about the stage actually
I'm just going to play it back in full
speed here
nobody here there's no kids this one so
you can see how that's falling Mikey now
there's another that's real time
tracking but there's much easier ways to
track objects with video clicks you can
see he is over here at one point I
stopped my tracking right when he gets
just stands up right here and now let's
say that you have objects moving from
this point on the screen to another
point on the screen and you don't want
to track it in real time well you can
use the tweening feature which is very
cool so he here at this point he moves
over to this point on the screen I can
simply reposition my hot spot at this
point and then use the twinning tool and
then you'll see that from this hotspot
which is at this point to this hotspot I
can just turn the tween on and now you
can see here in the timeline we actually
see this dash line which represents the
twinning and if I play it you'll see how
it now follows him I'm just going to
back up a bit here nobody so there's my
real time tracking and there's at
weaning right there as a tween from this
position to the next the other cool
thing about weaning is it doesn't just
between motion if you can't we nape size
color URL etc so you can easily have a
complex object like the plane that I
showed you here in the James Bond demo
made up of simple primitives that are
all grouped together so I'm just going
to jump to the end of this movie and
you'll see that there's a plane here and
that flame consists of a number of
simple simple primitives all grouped
together with the same attributes and
you can create complex hotspot groupings
in the timeline here simply by dragging
one hot spot on to another I'll just
simply create another hot spot here i'll
call it Sully and we see that it's it's
own track here in the timeline I can
grab Sully at any point and just drag
them on top of my key and it warns me
you're about to take this hot spot and
give it the attributes of the parent no
problem and now it's part of the parents
and if I move one they both move
together so that's how you can map
complex objects you can also do some
other really cool things with video
clicks like chapter markers let's give a
particular place the movie you want to
drop a chapter that allows people to
easily navigate to that point you can
simply choose the chapter marker here
click anywhere in the
under window call it what you want and
here in the inspector window under the
chapter tab you can see here's the name
of it and here's the time that that
occurs you can also utilize what we call
time-based actions using the action
button in the toolbar so let's say at
the end of the movie you wanted it to go
to your web page I can just grab the
action marker click here go to web page
etc and now this is an action that I can
customize with a variety of behaviors I
can launch a URL I can go to a
particular time in the movie i can jump
to a predefined chapter that I defined
earlier I can even go to a flash frame
if you're embedding your quick time
inside of flash I can go to a flash
label I can send a debug debug string
excuse me to communicate with a database
back-end or I can just simply display
text and there's some very simple text
creation tools here that you see in the
inspector window so the primary
interactive types that video quotes can
give you our text chapter tracks
time-based actions and coolest of all
those video hot spots you can also
control your workspace using the tools
here whether you're movable workspace
about zooming in and zooming out or you
need to let's say you have a cluttered
workspace for example I've got a number
of hot spots on the screen here and I
want to hide those down here in the
timeline i can say oh hide these objects
hide my text tracks hide my chapter
tracks or my actions so you can very
easily clean up your workspace and make
it quite simple and straightforward to
add your interactivity when you export
this it's simply a QuickTime movie
doesn't require any additional plugins
and there's a cool feature in here where
you can actually export it as a debug
movie and then what that'll do is just
exploit this on the desktop what that'll
do is it'll actually export the movie
and it will show you the vectors that
will show you the hot spot so you can
just be sure that they're there and thus
to be active as hot spots as well when I
just go to the desktop here here's my
exported moving you'll see what I mean
if I jump so there you go you can see
those hot spots there and they're still
active I've given them actions so in the
standard exported movie of course those
are invisible as we're showing a demo
here I just want to show you one more
example here
this is really cool because and it's
more of the Rings trailer which is very
cool we've got a number of characters
coming across here here's Gandalf I can
click on him I'm targeting the lower
frame Legolas etc but even if the movie
has stopped these are still active these
hot spot areas so I can call it serious
character information what the movies
playing or not and that's really that's
video course
[Applause]