Transcripts
1. Introduction to the course: Hello and welcome to my course. My name is Leak. I'm a software developer
with over 15 years of experience and augmented
reality and game development. It is, my passion is what I
like to do in my spare time. Another passion, what
I have is cooking. You could see my courses
on skillshare as well. In this course, I will show you something doesn't
require an encoding. It's something very simple, free tools, even
children can use. This is, by the way, it is course for the
children because doesn't require any previous
skills with programming, game development,
augmented reality. Here I describe everything from scratch and show you
how easy even in 5 minutes you can create your fist augmented
reality application and share with your
friends or family. In the course, I will show
you not only user interface, how to use Adobe Arrow. So I will show you
some ideas how you can find free assets on Internet
to download it and load. Then this also I will
show you something new is still in Please version. It is G Google Gear
special framework. Also you can use this
Adobo very easy for free. However, at this time when
I recorded this course, you need to sign into Pase version and
everything is very easy. And I hope that this
course will help you with your fist augmented
reality experience. So let's get started.
2. Introduction to AR: Hello and welcome back. In this lesson, I'm
going to give you some introduction to
augmented reality. Augmented reality a reality is technology which placing computer generated
object into real world. Comparing to virtual reality
where everything is virtual, augmented reality is
with the real world. For example, you can use
your mobile phone and see object generated by
computers like for example, it was very popular
game like Pokemon Go. You can see augmented reality
Pokemons in real world. This is very fast
growing technology and probably next few years will
be used in many places. So far you can use
this in education, gaming, technology,
even medicine. But it is still not
very, very popular. However, thanks for tools
like Adobe Ero everybody. For now you can create augmented ty experience and share with somebody
somebody else. In next lesson, I'm going to
show you how Adobe Arrow is working by creating first
augmented realty experience. See you in the next lesson.
3. First AR app: Hello and welcome back. In this lesson, we
will be creating fierce augmented reality object And create the link and
share with anybody you want. But we were able
to see the object. In real world, Adobe
arrow looks very simple. When you open Adobe arrow, you can just click on new file
and name the file pierced. Then you probably
will not able to see this window because
you have to sign to better testing of Google Geo spatial tools. But let's skip this for now. You can see very
simple interface looks very simple and easy. It is very simple and easy tool, but is quite
powerful and you can do a lot of nice things
even for commercial using. But for now just follow me and you will
to see how easy you can create your augmented
reality application, go to animation. We can select this balloon
character just by creaking. Now in this viewport, you can see the character. Let's make this
little bit smaller. Maybe by half, 50% or
maybe 60% will be fine. Then make sure that
you're selecting it. You can select this on the
right as well and then go into this icon behavior
builder at New trigger. By the way, if you don't
do anything else it will be still working but
will be not an animation. You will just place the
object static object. But let's start animation. And you will see how
easy you can do this on start at action play animation. Then make sure that in subject balloon
character is selected. Clip chilled chasing ballon. Let's scroll a little
bit and select infinite. Does mean that animation will be running in the loop. That's it. You don't have to do
anything else apart from creating the link. Apart from sharing
your application. Click on the share
at the top right. Name this however you want. You can change image, but let's this for now. And press button
create the link. After sometimes usually
done in 1 minute, you are able to see the link. Okay, now it is
ready for sharing. You can copy the link
and share with anybody. And then somebody, when you receive your
email with the link, can open in mobile device, Android or IOS and see the
augmented reality experience. But we can just
scan the barcode. It could be very useful
if you, for example, creating augmented rarity
from product in the shop. You can print the
barcodes or add the barcodes on the web shop, then everybody can see the
augmented rarity products. But for now, let's open
this in mobile phone.
4. First AR app - demo on mobile: Okay, on your camera,
on mobile phone, just scan the barcode, then you will able to see
the link to Adobarro. Because I've done this already, I don't have to download
the AdobiRO app. However, you probably
will need to do this. I need just to press the open, preparing the scene
and press continue. Then you need scan the surface and just stop and press
and place the balloon. How you can see it is working. You can see, you can see
the boy chasing the ballon. You can see that is perfect
key place in my room. I can see this in any angle. That's it, it is how
Adobero is working. In lessons, I show you how to create very nice
application in Adobero. See you in the next lesson.
5. User Interface: Now and welcome back. In this lesson, I'm going to show you Apuro user Interface. When you open new Apuro project, you can see the
screen on the center, it is Viewport and
it is where you will place augmented reality assets. This is three
dimensional viewport. It is y, x, and when you move your camera, you can see that this
icon is moving as well. You can see where is x, y, and z axis. On the left, you have all of assets available by
default from Adobe. You can see abstract shapes, animations, directable
characters. I will be talking about this later in this course, much more. On the left, you can see different tools for scene
and object manipulating. If you want to place an
object into the viewport, into the scene, you can just select the icon from the
left and you will see. You'll able to see
it on the scene. For example, we can
select something like maybe this open cube. Immediately you
can see the icon. You can see this tool here. First one is select. When you're selecting this one, it is actually the most
of commands you can use. When you hover over this points, you can see the
changing the colors. And then some tools
are available. For example, you can scale it. Here you can move this Tyco
is rotate for example. We can rotate this always. You can back do using this icon. You can move on
an axis you want. You can also scale it if you
want to have more control. You can additional
two tools at falters. If you click on Move, you can see only moving
actions are available. You can still move
using these arrows, but also from here you
can move on x and y. If you take this, you can move on a y here, X in the middle here. You can move new. You want another tool, it is rotate here. You can rotate however you want, but if you grab it is anywhere
apart from these lines, you can rotate free rotation, you can rotate in any direction. Here is scaling tool,
you can scale it. But you can see that is always scaling all of the
three dimensions. It is, because here you can
see this close padlock. If you change this
and open the padlock, you will able to scale this
in just one direction, one dimension, Everything
we did before. You can use just changing
these numbers here. Position, rotation, and scale. If you want to change the numbers instead
of using the tools, you can do this from here. Make sure that you
have close or open. If you need just
scale one rotation, but usually you will want to scale the object
in any dimension. These three tools are not related to the
object themselves, but are related to
the scene and camera. For example, let's imagine that you keep your camera
in your hand. What you see in this viewport is what can record
on your camera. If you, moving your camera actually doesn't move
anything else from here, you just moving the angle
here it is, Pan view. When you select the pan view, the left creek on your mouse moving your camena on the scene, you can see just moving
like walking on the scene. Here is your room floor
and you're just walking. This one is just
changing the angle. Moving but going around from the same distance. You can see here dolly tool, you going in and out. It is not, your camera is
changing the distance. Everything you can use if you have three buttons on the left, if you click on the left button, you can just select the tools. If you click on the middle, you moving on the scene. If you scroll your mouse, you can go in and out. Right mouse click,
you can move around. It is this tool,
this orbit tool, actually click on mouse button. You can see here is changing, middow, changing, and when you scroll is actually
doesn't change. But you can see that
is go in out on the right you can have the
scene here is horizontal. Surface does mean it is
something like floor or table. And your objects, if
you add more objects, you will able to see
more objects here. And you can select it from here. Here, You can just delete,
duplicate the objects. This is very useful
tool because it is placing the objects
on the surface. For example, if I move this
cube and then use this one is on the surface here
on the left bottom. You can hide and open this
Act view Behavior Builder. We will be talking about
Behavior Builder later on. Previous lesson we
created some action for the boy you can
hide from here. Here you can preview how
it will be looks like in the real world,
augmented reality world. It's not an action. You can see that
anything happening. However, if you add some object with actions,
example this animation. Let's see for this
time this robot. Change the size, move this
little bit and add the action. The same trigger on Start
Action, Play Animation. Here it should be working
and if you click on Preview, you can see how
will be looks like. The tools does mean orbit
pan and tools are available. From here it is like walking
your phone and you can see the objects when you select the scene. You can see here anchors, you have pour
anchors for choice. This one location will be
not available at the start, but later on I show
you how to sign agreement with Google
Location Experience. This three will be available. It is horizontal,
vertical surface, and image horizontal surface. If you want to place
any objects on the table floor or anything. Horizontal, vertical
surface like wall. If you have some objects, what you want to
put on the wall, pictures, clocks, image. It is image recognition. If you want to play the augmented reality experience when image will be recognized,
you can use this one. I will show you
this later on here. In different object you will
have different options, but let's leave this for now. This is actually everything
you need for start. Maybe one more. When you go to camera and reset, camera is always resetting the camera view from the
beginning. From the start. Go with camera somewhere, change the go on the scene, but you want to back on the position before
just rest at camera. That's it. Thanks a lot for watching and see
you in the next lesson.
6. Behaviour builder: I want, welcome back. In this lesson I'm
going to introduce you into Behavior Builder. We have the project
from the last lesson. Now let's add some behavior. Maybe you want to delete the
cube And this flat cube, we don't need it, but let's add some
action to the robot. We actually add one. When you open the
behavior builder, you can see, let's delete this. You can see the screen. It's not actions
and triggers Figs. You need a tiger.
What is trigger? It is what should happen
for triggering some action. Here we have four figures available on start does mean
application starting tap. If you tap the object
proximity, enter and exit. I will be talking about
this later on discourse. Let's create trigger on
start and add some actions. We have many actions for choice. We can play animation,
play audio. If you have spin and
much, much more. You can, for example, the move this object
somewhere, scale, rotate. When you want to create
some augment reality, you can create some story. It's not only playing animation, but you can hide the object, move the object,
place the voice, show some information,
additional information. You can create a lot of nice and very useful things just using the triggers and actions. Actually, Adobe arrow can be very good for
commercial purpose. For example, for
some entertainments. Let's add the play animation. Then we need select the object. We have to do this now because no objects
has been selected. Adobe Er doesn't know which
objects should be in action. Let's select the object. Now we have just one object. When you preview,
you can see that the robot is playing, is moving. Let's add another one. This time maybe this
girl with basketball, the size it, add another action. But this time add another Tiger. But this time on top the girl, We'll do some action. Let's play animation again so you don't have
to change anything. Let's see what happened
now is animating on start. But if I tap the girl, she's starting, play basketball here how we can see, we've created two groups to figures action, just one action for one object. But we can also, for example, let's
add another object, maybe this time some directable character, maybe this one. Let's say that when
girls stop playing, she should move here. Let's select this character
and how to do this. Trigger the action
after another action. How we can see here. Is the character. Here is one action
for the character. You can add another
action just for this trigger when
in the same time. Or you can add another
action which starting after previous action
finish. Let's do that. Let's do to see what
is the difference. Add another character. This time he need move
here and she need go here. Start moving. After
I tap the girl she needs moving after stop
playing basketball. Let's start from the
clay at the action. Move to, because I want to
show where to move at the pin. Pin is not visible, pin is just place on the scene. And that's it. Then she
should start moving. After girls stop playing,
select this action. From here am, should move to. Let's create another
pin into here. Let's see how it is working. Robot start playing. After start, I'm
tapping the girl, girl is playing and
he is going here. When animation stopped, she
is going into another point. It is working as expected. In the next lesson,
we'll be creating some more advanced behavior
animation stories, actually using behavior builder.
7. Proximity enter and exit triggers: Hello and welcome back. In this lesson, I'm
going to show you how the triggers proximity, enter and exit are working. We will be very simple
demonstration just at the flower and open the action. At the end of proximity, you want to the flower height. At the action and
select the height. But it is what is
proximity enter? It is when one object like your camera or
another object like maybe or something but can move is in starting
radios in some distance. Let's do this. When you
select proximity enter, you can check subject, the subject in distance
here is ten centimeter. Let's do this. For example, 50, 30, 25 centimeters. What should be in this
distance or less? In our case, it is camera. Then what happened? The flower should
de, let's test this. Let's preview the camera. You can see this
is 25 centimeters. And review in this distance
the flower height. Nothing else happened because
we did not a instruction. What happened when the object left this area 25 centimeters? Let's maybe put 40
centimeters will be better. Now let's add another
trigger proximity exit. If we exit 40 centimeters, if the camera is in radios outside 40 centimeters,
what should happen? First, we need be in the area, this 40 centimeters
in these radios. Then we have to go outside. What should happen? The
objects should show. Let's test how it is working. Go to the flower. When we are in 40 centimeters,
the flower height. Then if we left this area, we are in distance,
it's working. Let's see what we did. Proximity, exit
flower distance here. If hidden, we need unselect this because if
some objects are hidden, hi, we can ignore this. Are not on the scene. But in this case we should not ignore this because we want to show
again, let's do this again. Is and working as expected, this of course don't has to be related exactly
to this object. It can be into another object. For example, let's add another object like this fox. Move this fox little bit smaller and if
we are in proximity, enter the fox play animation. Let's see how it is working. Let's go to the flower flower siding and pok star
playing animation. When the flower is showing again it is
working as expected. How you can see, you can build very interesting stories just using this behavior builder
triggers and actions. In a lesson I show you how
to use follow actions. Very interesting action.
8. Follow action: And welcome back. In
this lesson I'm going to show you how to
use follow action. Let's add some object. Can be butterfly. Make this little bigger,
move little bit. Then let's add some action. On the start, I would like to
the object to be animated. I would like to animating
this on the start. Play animation. And so animate
in loop select infinite. But then if I will be in the radio 1 meter in
distance 1 meter or less. If I come to the object
then the object, then the butterfly should
start following me. When I go out proximity,
Enter action follow. Here we need select
the subject butterfly, start following target. What? So in our case, it is only camera, because
we have not objects. But if you build some
with multiple objects, you can follow another
object which is moving. For us, it will be
camera distance 1 meter. We'll be always in the
distance 1 meter infinite. That means we'll
follow all the time. Here we have delay when we move, we'll be little delayed. For example, one seconds
when start following us. Okay, let's test this
on the real world. Sure. Create the ring and open in mobile device. Maybe just check and
was not working. But now I see that
I did not change the distance for one meters. Of course it could be working if I in distance 10 centimeters. But let's change it
for proper size. When in distance in
radios 10 centimeters, 100 centimeters or less. If I distance over 1 meter, then I'm going to the radios, the butterflies should
start following me. Let's try this again. What we need to do, it is
very good exercise because we need to create,
show apply changes. If you change something, you apply the changes and apply these
changes for the link. Link doesn't change if
somebody using your link, we'll just see new things, new changes in the application.
9. Follow action - demo on mobile: I'm opening on my phone, I need to place the object. Then I'm going in the
distance less than 1 meter. Now the butterfly should
start following me. It is exactly what we expecting. Butterfly following when
I'm moving and works fine. Thanks a lot for watching and
see you in the next lesson.
10. Google Geospatial Creator: Hello and welcome back. In this lesson, I'm
going to show you how to use Adobe actually Google, a girl special framework
for Adobe Arrow. Because this is still in please. At least at the moment
When recording this video, you need this page. I put link in the resources, Go to Adobe Special, please. Registration here,
start and the form For the instruction I
receive e mail with instruction how to install
Adobe Beta version. I think that was three
days when you do this. When you have Adobe
beta version installed, you just go to new file. When you create new
project by default, you can see this screen. When you go to continue, you will able to see the
girl special interface. You can go from here as well. By selecting location,
go to continue. Now you can choose the place where you want
to place the object. You can put address here, I would like to find
the nearest monson. Just type Morrison. And here is one what
I'm looking for. I want to place it on the
parking, let's say here. Click select, and now you can see location where you want to place your object
will be exactly here. Let's select some
object with animation. Maybe this dinosaur
will be good. Make it little smaller. Let's add animation on Start Play Animation. It is just one animation, but in some object you can
have multiple animations. But here is just one. Because I want to run
animation in loop. That's mean animation
finish and start again. I want to click infinite. That's it, you can move. This little bit is
everything you need to do if you want to use Google R Gas special framework
for Adobe Arrow. Let's create the link. Now I have to go to Morrison, but I'm going to
make some shopping. I will check this in
about 15 minutes, but we will see
in a few seconds.
11. Google Geospatial Cerator - demo: So I'm on Hipper market
parking. And there we go. Maybe a little bit too small, but because X should be big endangered but is
good, looks very nice. How you can see go. Special works very
well and it can be revolution in the
augmented reality. Thanks for Adobiero. Everybody can create some
augmented variety experience and place anywhere you want. For example, you can create
some nice animation for birthday and praise behind
your friends house. Thanks a lot for watching and
see you in the next lesson.
12. Image recognition: And welcome back.
In this lesson, I'm going to show you how
image recognition is working. I have here new project. Now as Anchor, I'm going
to select image Image, which will be
recognized by adopt er. It is one of the pages
of dinosaurs book. Here we go. Now we need to select objects
which will be on the image. Good choice, I think it
is. Because it is about. I believe that a dinosaur with Tix as well will be
good choice for this. Let's make it a
little bit smaller. It's too big and now should be fine. Let's see, a little bit
above the, over the surface. Let's place this button. And now on the surface
what I would like to do, I would like to maybe
change directions. Rotate it this way. Now looks good. Let's add the action on. Start play. Animation again. Animation will play in loop. I don't want to stop it. Everything actually
what we need. We can share it,
create the link. Let's see how it looks
on the mobile phone.
13. Image recognition - demo on mobile: Let's open the
application on my phone. We will see how it is working. I have this book
page, is my cut. He is very curious
what's happening here Even looks like
he see the dinosaur. I can see. Image recognition
works very well. The augmented reality
object is very stable if my cut doesn't put
tail on the picture. If I move the page, you can see is moving as well. Thanks a lot for watching and
see you in the next lesson.
14. Import from Mixamo: Hello and welcome back. In this lesson, I'm going
to show you how to import external assets from Mom is Adobe products
completely free, and you can download from here plenty of characters
with animations. When I log in, this
screen looks like this. And here you can sell
characters and animations. But let's back to Adobe eron
import type of objects. It can be Bx GLB here in Mixamo. We can download FBX file. Let's select some animations
and some objects. The Big Vegas looks good and add some animation. Maybe I do for now looks good. Here you can adjust
some settings. Let's download it
in default setting. We have button here
sent to Adobe arrow. However, it is just
information that you can just download in FBX and
import to error arrow. To get started, dole FBX binary. Fine with skin will
be default settings, it takes just moment and now we have this FBX file less
open arrow and imported. Importing to WR is extremely
easy and just drag and drop. And that's it, maybe
to beak little bit. We have nice object
ready to use. When we run this, nothing happened because we did
not select any action. Let's select action a trigger, start action play animation. Here, the name of this animation is just
mix. It is just one. That's fine. And
let's preview and how we can see it is
working as expected. Now let's import
more animations. The object import to err in FBX can include one or more animation or
no animation of course. But when you're importing from Mixamo is just one
animation at start. But now you can add much more. Here you can see the
name of this animation. I do. Briefing. I do. Let's import another one. For this, we need open
salmon search animation. Let's dance for now, this time, why not? If he likes gas,
he likes dancing. I'm sure which
dancing will be fine. Let's Macarena, it looks good. Maybe that one perfect, or maybe that one,
This is even better. Okay, so let's download. And again, should be with skin and the rest of the
settings that's left download In a few seconds, we'll be ready.
Let's open again. Erroime, we would like to another animation play
animation after this, but this time we need
upload animation. Click here on the folders. Here we have hip hop dancing. For default you need
just change the object, then animation
will be available. Because if you just import, I recognize that
it's not displaying immediately the object name of the object just because we
start from this animation. But now we can select animation. Hip coop and clip name
is the same, Mano, let's check how it is working starting from Do and
now he should start dancing. Yeah, very nice. That's it is as easy as it. Let's create the ring
and see how it is working in the real world.
15. Import from Mixamo - demo on mobile: Let's place the object fears. You need to scan the
Surface tab and you can see do animation is working
and the object looks nice. Now should start
dancing. Perfect.
16. Import asset from Internet: Hello and welcome back. In this lesson, I'm
going to show you how to find and find free model on internet
and upload into the Aber. Let's type on Google, free, free D assets, of course, don't
have to be free. You can pay for this, but we can find very nice assets
completely for free. It's actually plenty of website when you can find
something very nice. I like this one sketch up, let's find some fish. It should be animated and label. Let's find some
free at this one. When you can see
this download icon, it is free with dollar. It is paid, It
depends on the asset, but sometimes just
few dollars for it. Let's find something. This one looks very nice. Coral reef. Let's download it. How I said before, the Fred model can
be in FBX or GLB. Let's download LB. Glb is actually lower size. I will say that I
will prefer to upload the GLB greater than
FBX because first, usually it is working. Not all FBX formats when you download from
Internet are working. Sometimes, maybe very often
you can see colors on this, on the model, in Er, you have to free the studio, maybe blender the baterials and then export to FBX
then apply to error. But if it is, GLB
usually is working. Let's download this one here. You can see actually this one animated under
color Coral as open arrow. I've already opened
a new project. Here you can see, you can make it a little
bit smaller animation. Animation here,
just one animation. But what is important
made this infinite. Because you don't want to just play for a few seconds
and then stop. Should be play in loop
and create the link. Let's see how it is
working in my kitchen.
17. Import asset from Internet - demo: So now we need hand the surface and place
the object on the floor. There we go. Very nice. Looks very good. Fishes are amazing
in my kitchen. It's rainy outside,
so maybe it could be better if I will
go to the garden. But here very nice as well. Thanks a lot for
watching this course. I hope that we'll help you
with your experience in Aero. You can do a lot of different
things and how you can see. You can download some
very nice assets from Internet and
use this for fun. If you're creating some
commercial projects like Visit cards or maybe some website
and you want to add some nice presentation
is plenty of assets. What you can buy for very little price and use this in your
commercial project. You have to check license sometimes free assets
you can use as well. I hope that it will help you. What I can advise, just just
play with different actions. I did not cover all
of the actions in this course because
it is plenty of this and I did not want to to
make this course move. Or it is simple for checking
for just playing with this. Just do it. Thanks again for
watching this course and good luck with your experience
with augmented reality.
Leszek Tomczakowski, Red Frog Cooking
