Walking through camera settings

Hi all,

Pls could someone to help to understand how walking through camera works on this sample scene First Person Movement | Learn PlayCanvas

Or is it possible to copy it to my own projects to analyze it!?

Thanks for help.

Hi @Ivan_Stratiichuk,

If you can, avoid opening new threads for the same subject.

You can create a firstPersonMovement script in your project and copy/paste the contents of the script from the tutorial page.

For that to work in your project, you will have to setup a scene with the right entities. Take a look at the tutorial project provided with the tutorial on how to structure your scene accordingly.


1 Like


I don`t understand how to add html and css files to entity,

Could you help me with that?

If i understand your question correctly, first you have to add a script element on the entity (with the add component function on the entity) and after that you can add the html and css as script to this component.



I just found how to do that, thank you!

1 Like


Is it possible to use it on smartphone?

That one know, requires a mouse to be available.

On the engine examples you can find a similar one that works on mobile as well (with touch gestures):


And the source code:

Do I need to add this code, or paste it instead of that I have right now?

No, sadly it won’t work out of the box, you will have to study it and implement the parts you are missing (touch controls).

Sorry don`t understand what box do you mean?

Where can I find the structure of this sample?


Out of the box was just an expression meaning it won’t work by copy/pasting in your project. You will have to do adjustments.

There isn’t any structure for that sample, it’s code only. It uses directly the Playcanvas engine fully in code to setup the scene.

Since you are doing your first steps in the world of Javascript/Playcanvas programming, it may make sense to strengthen your skills first. That will make you more comfortable with reading existing Playcanvas code.

Ok, what do I need to study to strengthen my skills?

Well, I know that freecodecamp.org has great tutorials and code challenges although is focused on web development in general. But it has many hours of Javascript challenges that are super useful.

I would also search for some basic javascript tutorials on Youtube to get you started and get you more familiar with the language and some basic programming concepts.

So I didn`t understand, does this sample solve my task or not?

It showcases how to add mobile controls to a first person camera, is that what you are looking to do?

Yes, just trying to figure out what will help me to do that asap,

So this code don`t have controllers for movement!?

What do you mean with controllers?

“Controllers”-Way of how to move firstperson camera in scene using smartphone!?

Well, we call it touch gestures, you touch and move your fingers on your phone’s screen and as a result the camera moves.

Try the example I’ve sent above in your phone.

Will this code help me to add this touch gestures or not, if yes what do I need to add or what do I need to figure out?