How do i add a cursor dot to my players' screen in the middle so they can aim the clicking/selecting

DemonlordIV · December 10, 2020, 8:18pm

my game is a 3d free roam first person and i want to add a cursor so they can easily select things

will · December 10, 2020, 9:14pm

Create a 2D Screen.
Add an Image Element as a child.
Upload a crosshair image (PNG with transparency).
Assign crosshair texture to the Image Element.

DemonlordIV · December 10, 2020, 9:50pm

i dont know how to make the background go

will · December 10, 2020, 10:02pm

I think you are asking how to implement a first person camera.

For the video above, I just forked a project with a basic first person character controller:

https://playcanvas.com/project/626211/overview/first-person-shooter-starter-kit

It’s based on this script:

github.com

playcanvas/engine/blob/master/examples/assets/scripts/camera/first-person-camera.js

////////////////////////////////////////////////////////////////////////////////
//                      First Person Character Controller                     //
////////////////////////////////////////////////////////////////////////////////
var CharacterController = pc.createScript('characterController');

CharacterController.attributes.add('speed', { type: 'number', default: 5 });
CharacterController.attributes.add('jumpImpulse', { type: 'number', default: 400 });

// initialize code called once per entity
CharacterController.prototype.initialize = function () {
    this.groundCheckRay = new pc.Vec3(0, -1.2, 0);
    this.rayEnd = new pc.Vec3();

    this.groundNormal = new pc.Vec3();
    this.onGround = true;
    this.jumping = false;
};

CharacterController.prototype.move = function (direction) {
    if (this.onGround && !this.jumping) {

This file has been truncated. show original

DemonlordIV · December 10, 2020, 10:04pm

oh ok

DemonlordIV · December 10, 2020, 10:06pm

do you know what i need to do to make it so my character can turn on and of the flashlight by pressing f?

DemonlordIV · December 10, 2020, 10:23pm

do you know how to make it so if they press f the light turns off and on?

DevilZ · December 11, 2020, 8:30am

@DemonlordIV, for keyboard events, you can take a look at the following tutorial - https://developer.playcanvas.com/en/tutorials/keyboard-input/.

DemonlordIV · December 11, 2020, 2:57pm

oh ok thanks

DemonlordIV · December 11, 2020, 4:10pm

i dont understand how to make it so it checks if the light is off and the key is pressed to turn it on and visa versa