Crosshair compatibility

Help & Support
1

cl_crosshairalpha "200"
cl_crosshaircolor "5"
cl_crosshaircolor_b "50"
cl_crosshaircolor_r "50"
cl_crosshaircolor_g "250"
cl_crosshairdot "0"
cl_crosshairgap "0"
cl_crosshairsize "5"
cl_crosshairstyle "4"
cl_crosshairusealpha "1"
cl_crosshairthickness "87.5"
cl_fixedcrosshairgap "0"
cl_crosshair_outlinethickness "0"
cl_crosshair_drawoutline “0”

this is a crosshair scrpit for a third person

2

These are from CS:GO and therefore don’t apply to the PlayCanvas engine.

3

yes these are crosshair generator
any other suggestions

4

What do you need suggestions for? Making a crosshair generator?

5

there must be a way to get crosshair, show I use a 2D screen as with UI?

6

You could do that, make an image element with a cross and keep centered under a 2D screen.

7

same with the camera
needing to have a camera follow

and the health bar inserted seems to be offset

then the element text which is in the perspective 'Top’
is lacking visibility

8

Can you share the project please?

9

https://playcanvas.com/editor/scene/574860

10

TRY THIS SCRIPT:

pc.script.create(‘crosshair’, function (context) {
var Crosshair = function (entity) {
this.entity = entity;
};

Crosshair.prototype = {
    initialize: function () {
        var template = [
            '<div id="crosshair">',
            "<img src='data:image/png;base64,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'/>",
            '</div>'
        ].join('\n');

        this.canvas = document.getElementById('application-canvas');
        var container = document.getElementById('application-container');
        this.crosshair = document.createElement('div');
        this.crosshair.id = 'crosshair';
        this.crosshair.innerHTML = template;
        this.crosshair.style.cssText = 'opacity:0.5;position:absolute;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;display:none';
        container.appendChild(this.crosshair);

        window.addEventListener('resize', this.resize.bind(this), false);

        this.resize();
    },

    resize: function () {
        this.crosshair.style.left = (this.canvas.offsetWidth / 2) + 'px';
        this.crosshair.style.top = (this.canvas.offsetHeight / 2) + 'px';            
    },
    
    enable: function () {
        this.resize();
        var el = document.getElementById('crosshair');
        if (el) {
            el.style.display = 'block';    
        }
    },

    disable: function () {
        var el = document.getElementById('crosshair');
        if (el) {
            el.style.display = 'none';    
        }
    }
};

return Crosshair;

})

11

it gives a sort of 2d screen and says Illegal Statment, no crosshair though

12

You will need a crosshair component though which is not hard to get but it is meant for a tps and is from an excellent tps playcanvas example i got a couple years back trust me it works

13

What kind of game is this going to be?

14

here’s a link, it’s a hack and slash
https://playcanvas.com/editor/scene/574860

the tps is for third person shooter right? the actual animation comes from a shooter (adding bow and arrow)

is there a blender for it?

15

Whoa dont worry im already there but your game has hella errors so before you start adding bows and arrows and multiplayer and what not you need a camera movement and need to fix you animation error and yes ntps for third person shooter

16

yes the bows and arrows will defintely come later
it’s not multiplayer
i’m doing a camera follow
https://developer.playcanvas.com/ja/tutorials/legacy/advanced/fps-controller/

17

you have a script error in the animation blending

18

haha yes
that one, the .json is supposed to flow in to Great Sword Slash on key input P
so close to getting it

19

Do you need help? if it ok with you i could help

20

yes please