33 docs tagged with "input"

Sample showing how to move the camera with mouse and touch to look around

Click to focus, then press left arrow, right arrow and spacebar to rotate the cube. Press and release the 'a' key to change color.

Move the mouse to move the cube around. Press the mouse buttons to change the color of the cube.

Tutorial demonstrating basic touch input in PlayCanvas. Touch the box and move it around the screen!

Double click on the screen to move the camera

Sample showing how to detect a double tap on a touch screen.

Sample showing how to detect a long press/touch to perform an action.

A sample showing how to use the physics raycast to pick entities

Sample showing how to pick at objects without using the physics system (extra 1MB to published project) or the frame buffer.

This is an application that implements first person character movement.

Example project that extends the First Person Camera tutorial to move and jump around a 3D level

Sample with a fireball that moves with the mouse

Sample showing information hotspots on a scene.

A sample showing how to lock the mouse upon clicking.

Sample that draws lines between all the current touches on the screen.

Sample with an orbit camera around an entity with both mouse and touch. Scroll wheel and 'pinch to zoom' is used to zoom in and out.

An example shows how to focus a camera on target location

Sample showing how to pick an entity by tag using raycastAll

A sample showing how to place objects in the world by using physics. Click on ground to place a box.

A sample showing how to place objects in the world without using physics. Click on the ground to place boxes.

Sample showing a simple point and click system to move an object where you user has clicked

Raycasting with multiple camera viewports. Click on the shapes in each view

Sample showing how to rotate an object using the mouse in screen space

Sample showing how to pick at an entity

A simple third person controller.

Click here to see the project.

Example of how to raycast in the PlayCanvas scene when using WebXR AR.

Sample application with WebXR controller/hand models loaded based on input source profile. Models sourced from//github.com/immersive-web/webxr-input-profiles

Sample application with WebXR Hands Tracking.

Realistic hands in VR!

A sample application with boilerplate code for WebXR support with tracked controllers using PlayCanvas.

Click the VR/AR button if you have a VR/AR compatible device/headset.

A living project built by the PlayCanvas team to help developers learn about creating scalable and responsive WebXR VR applications for all devices