game.php - working version , with bugs

From Ronalds Mazītis, 3 Years ago, written in JavaScript.

Embed

Download Paste or View Raw
Hits: 114

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8" />

<meta

name="viewport"

content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"

/>

<meta http-equiv="X-UA-Compatible" content="ie=edge" />

<title>3D ONLINE GAME 2</title>

<link rel="stylesheet" href="/css/examples.css?ver=1.0.0" />

<script src="/js/examples.js?ver=1.1.1"></script>

<script src="/lib/phaser.min.js?ver=3.52.0"></script>

<script src="/lib/enable3d/enable3d.phaserExtension.0.25.0.min.js"></script>

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

</head>

<body>



<center>

<h1>

<?php

include_once 'db.php';

$sessionid = $_SESSION['user_id'];

echo $user_data['username'];

if(empty($sessionid)){

header('Location: index.php');

//echo $sessionid;

}

//skripts kurš pie katras čaraktera kustību apstājas updeito tabulas sadaļu *location*

//skripts kurš katru lietotāju kura datetime sakrīt ar intervālu pēdējās 15 min, zīmē ekrānā

?>

</h1> <a href="logout.php">Logout.</a>

</center>

<script>

const {

enable3d,

Scene3D,

Canvas,

ThirdDimension,

THREE,

JoyStick,

ExtendedObject3D,

ThirdPersonControls,

PointerLock,

PointerDrag

} = ENABLE3D

/**

* Is touch device?

*/

const isTouchDevice = 'ontouchstart' in window

class MainScene extends Scene3D {

constructor() {

super({ key: 'MainScene' })

}

init() {

this.accessThirdDimension({ maxSubSteps: 10, fixedTimeStep: 1 / 120 })

this.third.renderer.outputEncoding = THREE.LinearEncoding

this.canJump = true

this.move = false

this.moveTop = 0

this.moveRight = 0

}

async create() {

const { lights } = await this.third.warpSpeed('-ground', '-orbitControls')

const { hemisphereLight, ambientLight, directionalLight } = lights

const intensity = 0.65

hemisphereLight.intensity = intensity

ambientLight.intensity = intensity

directionalLight.intensity = intensity

//this.third.physics.add.box({ y: 10, x: 35 }, { lambert: { color: 'red' } })

// this.third.physics.debug.enable()

/**

* Medieval Fantasy Book by Pixel (https://sketchfab.com/stefan.lengyel1)

* https://sketchfab.com/3d-models/medieval-fantasy-book-06d5a80a04fc4c5ab552759e9a97d91a

* Attribution 4.0 International (CC BY 4.0)

E4E717

*/

this.third.load.gltf('/assets/glb/book6.glb').then(object => {

const scene = object.scenes[0]

const book = new ExtendedObject3D()

book.name = 'scene'

book.add(scene)

this.third.add.existing(book)

// add animations

// sadly only the flags animations works

object.animations.forEach((anim, i) => {

book.mixer = this.third.animationMixers.create(book)

// overwrite the action to be an array of actions

book.action = []

book.action[i] = book.mixer.clipAction(anim)

book.action[i].play()

})

book.traverse(child => {

if (child.isMesh) {

child.castShadow = child.receiveShadow = false

child.material.metalness = 0

child.material.roughness = 1

if (/mesh/i.test(child.name)) {

this.third.physics.add.existing(child, {

shape: 'concave',

mass: 0,

collisionFlags: 1,

autoCenter: false

})

child.body.setAngularFactor(0, 0, 0)

child.body.setLinearFactor(0, 0, 0)

}

}

})

})

var skins = [];

$.ajax({

type: "GET",

async: false,

url: 'loadskins.php',

data: {},

success: function (data) {

skins = data.split(",").map(String);

}

});

//console.log(vertibasx);

for (var i = 0; i < skins.length - 1; i++) {

let skin = skins[i];

const lokacijumasivs = [];

//// let objstr = obj[i].toString().split("");

//let objstr = obj[i];

////console.log(objstr);

//console.log("x", vertibasx[i]);

//console.log("y", vertibasy[i]);

//console.log("z", vertibasz[i]);

var obj = [];

$.ajax({

type: "GET",

async: false,

url: 'getlocation.php',

data: {},

success: function (data) {

obj = data.split("*").map(String);

}

});

console.log("obj", obj);

const vertibasx = obj.slice(0,1);

const vertibasy = obj.slice(1,2);

const vertibasz = obj.slice(2,3);

console.log(vertibasx);

console.log(vertibasy);

console.log(vertibasz);

/**

* box_man.glb by Jan Bláha

* https://github.com/swift502/Sketchbook

* CC-0 license 2018

*/

var object = await this.third.load.gltf(skin)

///this.third.load.gltf('/assets/glb/box_man.glb').then(object => {

const man = object.scene.children[0]

this.man = new ExtendedObject3D()

this.man.name = 'man'

this.man.rotateY(Math.PI + 0.1) // a hack

this.man.add(man)

this.man.rotation.set(0, Math.PI * 1.5, 0)

//console.log("uzstada", vertibasx, vertibasy, vertibasx);

console.log("iteracija", i);

//if(vertibasx !== null && vertibasy !== null && vertibasz !== null){

//let verx = vertibasx[i];

//let very = vertibasy[i];

//let verz = vertibasz[i];

//console.log("shitais?", verx);

//console.log("2shitais?", very);

//console.log("3shitais?", verz);

if(vertibasx && vertibasy && vertibasz){

this.man.position.set(vertibasx, vertibasy, vertibasz)

} else {

this.man.position.set(754.2014, 1000, -205.63472)

}

//} else {

//let verx = 754.2014;

//let very = 1000;

//let verz = -205.63472;

//this.man.position.set(verx, very, verz)

//}

//this.man.position.set(59, 0, 79)

// add shadow

this.man.traverse(child => {

if (child.isMesh) {

child.castShadow = child.receiveShadow = true

// https://discourse.threejs.org/t/cant-export-material-from-blender-gltf/12258

child.material.roughness = 1

child.material.metalness = 0

}

})

/**

* Animations

*/

this.third.animationMixers.add(this.man.animation.mixer)

object.animations.forEach(animation => {

if (animation.name) {

this.man.animation.add(animation.name, animation)

}

})

this.man.animation.play('idle')

/**

* Add the player to the scene with a body

*/

this.third.add.existing(this.man)

this.third.physics.add.existing(this.man, {

shape: 'sphere',

radius: 0.25,

width: 0.5,

offset: { y: -0.25 }

})

this.man.body.setFriction(0.8)

this.man.body.setAngularFactor(0, 0, 0)

// https://docs.panda3d.org/1.10/python/programming/physics/bullet/ccd

this.man.body.setCcdMotionThreshold(1e-7)

this.man.body.setCcdSweptSphereRadius(0.25)

/**

* Add 3rd Person Controls

*/

this.controls = new ThirdPersonControls(this.third.camera, this.man, {

offset: new THREE.Vector3(0, 1, 0),

targetRadius: 3

})

// set initial view to 90 deg theta

this.controls.theta = 90

/**

* Add Pointer Lock and Pointer Drag

*/

if (!isTouchDevice) {

let pl = new PointerLock(this.game.canvas)

let pd = new PointerDrag(this.game.canvas)

pd.onMove(delta => {

if (pl.isLocked()) {

this.moveTop = -delta.y

this.moveRight = delta.x

}

})

}

// })

/**

* Add Keys

*/

this.keys = {

a: this.input.keyboard.addKey('a'),

w: this.input.keyboard.addKey('w'),

d: this.input.keyboard.addKey('d'),

s: this.input.keyboard.addKey('s'),

space: this.input.keyboard.addKey(32)

}

/**

* Add joystick

*/

if (isTouchDevice) {

const joystick = new JoyStick()

const axis = joystick.add.axis({

styles: { left: 35, bottom: 35, size: 100 }

})

axis.onMove(event => {

/**

* Update Camera

*/

const { top, right } = event

this.moveTop = top * 3

this.moveRight = right * 3

})

const buttonA = joystick.add.button({

letter: 'A',

styles: { right: 35, bottom: 110, size: 80 }

})

buttonA.onClick(() => this.jump())

const buttonB = joystick.add.button({

letter: 'B',

styles: { right: 110, bottom: 35, size: 80 }

})

buttonB.onClick(() => (this.move = true))

buttonB.onRelease(() => (this.move = false))

}

}

}

jump() {

if (!this.man || !this.canJump) return

this.canJump = false

this.man.animation.play('jump_running', 500, false)

this.time.addEvent({

delay: 650,

callback: () => {

this.canJump = true

this.man.animation.play('idle')

}

})

this.man.body.applyForceY(6)

}

update(time, delta) {

if (this.man && this.man.body) {

/**

* Update Controls

*/

this.controls.update(this.moveRight * 2, -this.moveTop * 2)

if (!isTouchDevice) this.moveRight = this.moveTop = 0

/**

* Player Turn

*/

//console.log("globals mainigais speed", speed);

const v3 = new THREE.Vector3()

const rotation = this.third.camera.getWorldDirection(v3)

var rotati = [];

$.ajax({

type: "GET",

async: false,

url: 'getrotation.php',

data: {},

success: function (data) {

rotati = data.split("*").map(String);

}

});

const theta = Math.atan2(rotation.x, rotation.z)

const rotationMan = this.man.getWorldDirection(v3)

for (var i = 0; i < rotati.length - 1; i++) {

let rotatine = rotati[i];

console.log(rotatine);

if(rotatine){

const thetaMan = Math.atan2(rotationMan.x, rotationMan.z)

$.post(

"postrotation.php", {

rotation: thetaMan

},

function (data) {

//console.log("rotacija", thetaMan);

//console.log("izsaukta", v3);

}

);

this.man.body.setAngularVelocityY(0)

const l = Math.abs(theta - thetaMan)

let rotationSpeed = isTouchDevice ? 2 : 4

let d = Math.PI / 24

if (l > d) {

if (l > Math.PI - d) rotationSpeed *= -1

if (theta < thetaMan) rotationSpeed *= -1

this.man.body.setAngularVelocityY(rotationSpeed)

}

} else {

const thetaMan = rotatine;

$.post(

"postrotation.php", {

rotation: thetaMan

},

function (data) {

//console.log("rotacija", thetaMan);

//console.log("izsaukta", v3);

}

);

this.man.body.setAngularVelocityY(0)

const l = Math.abs(theta - thetaMan)

let rotationSpeed = isTouchDevice ? 2 : 4

let d = Math.PI / 24

if (l > d) {

if (l > Math.PI - d) rotationSpeed *= -1

if (theta < thetaMan) rotationSpeed *= -1

this.man.body.setAngularVelocityY(rotationSpeed)

}

}

}

/**

* Player Move

*/

if (this.keys.w.isDown || this.move) {

if (this.man.animation.current === 'idle' && this.canJump) this.man.animation.play('run')

$.post(

"postanimation.php", {

animation: this.man.animation.current

},

function (data) {

//console.log("viens", x);

//console.log("izsaukta", v3);

}

);

const speed = [];

var getspeed = [];

$.ajax({

type: "GET",

async: false,

url: 'getspeed.php',

data: {},

success: function (data) {

getspeed = data.split("*").map(String);

//console.log("getsp", getspeed);

}

});

for (var i = 0; i < getspeed.length - 1; i++) {

let getsp = getspeed[i];

//console.log("speed", getsp);

speed.push(getsp);

}

//console.log("speed.length", speed);

const v3 = new THREE.Vector3()

var rotati = [];

$.ajax({

type: "GET",

async: false,

url: 'getrotation.php',

data: {},

success: function (data) {

rotati = data.split("*").map(String);

}

});

console.log("rotāciju masīvs", rotati);

if(rotati){

for (var i = 0; i < rotati.length; i++) {

const rotation = rotati[i];

//

}

} else {

const rotation = this.third.camera.getWorldDirection(v3)

}

console.log("rotation", rotation);

const theta = Math.atan2(rotation.x, rotation.z)

const rotationMan = this.man.getWorldDirection(v3)

//console.log("globals mainigais speed", speed);

//console.log("theta", theta);

for (var i = 0; i < speed.length; i++) {

console.log("xT", Math.sin(theta));

let speedi = parseInt(speed[i]);

//console.log("spee",typeof(parseInt(speedi)));

console.log("speed array2", speedi);

console.log("xT2", Math.sin(theta));

const x = Math.sin(theta) * 4,

y = this.man.body.velocity.y,

z = Math.cos(theta) * 4

console.log("y mainas randomā", y);

var obj2 = [];

$.ajax({

type: "GET",

async: false,

url: 'getlocation.php',

data: {},

success: function (data) {

obj2 = data.split("*").map(String);

}

});

console.log("obj2", obj2);

let vertibasx = obj2.slice(0,1);

let vertibasy = obj2.slice(1,2);

let vertibasz = obj2.slice(2,3);

let xv = parseInt(vertibasx[i]) + x;

let zv = parseInt(vertibasz[i]) + z;

//nepareizā lokācija

if(xv){

$.post(

"postlocation.php", {

x: xv,

y: 0,

z: zv,

},

function (data) {

//console.log("viens", x);

//console.log("izsaukta", v3);

}

);

this.man.body.setVelocity(x, y, z)

//}

}

}

} else {

const v3 = new THREE.Vector3()

const rotation = this.third.camera.getWorldDirection(v3)

const theta = Math.atan2(rotation.x, rotation.z)

const rotationMan = this.man.getWorldDirection(v3)

const x = Math.sin(theta) * 4,

y = this.man.body.velocity.y,

z = Math.cos(theta) * 4

var obj2 = [];

$.ajax({

type: "GET",

async: false,

url: 'getlocation.php',

data: {},

success: function (data) {

obj2 = data.split("*").map(String);

}

});

console.log("obj2", obj2);

let vertibasx = obj2.slice(0,1);

let vertibasy = obj2.slice(1,2);

let vertibasz = obj2.slice(2,3);

let xv = parseInt(vertibasx[i]) + x;

let zv = parseInt(vertibasz[i]) + z;

//nepareizā lokācija

if(xv){

$.post(

"postlocation.php", {

x: xv,

y: 0,

z: zv,

},

function (data) {

//console.log("viens", x);

//console.log("izsaukta", v3);

}

);

}

//šeit jābūt kodam kas updeitos koordinātes ja nespiež nevienu pogu bet papriekšu custom rotācija

if (this.man.animation.current === 'run' && this.canJump) this.man.animation.play('idle')

$.post(

"postanimation.php", {

animation: this.man.animation.current

},

function (data) {

//console.log("viens", x);

//console.log("izsaukta", v3);

}

);

}

/**

* Player Jump

*/

if (this.keys.space.isDown && this.canJump) {

this.jump()

}

}

}

}

const config = {

type: Phaser.WEBGL,

transparent: true,

scale: {

mode: Phaser.Scale.FIT,

autoCenter: Phaser.Scale.CENTER_BOTH,

width: window.innerWidth * Math.max(1, window.devicePixelRatio / 2),

height: window.innerHeight * Math.max(1, window.devicePixelRatio / 2)

},

scene: [MainScene],

...Canvas({ antialias: false })

}

window.addEventListener('load', () => {

enable3d(() => new Phaser.Game(config)).withPhysics('/lib/ammo/kripken')

})

</script>

</body>

</html>

Author

Title

Language

Your paste - Paste your paste here

&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot; /&gt;
    &lt;meta
      name=&quot;viewport&quot;
      content=&quot;width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover&quot;
    /&gt;
    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;ie=edge&quot; /&gt;
    &lt;title&gt;3D ONLINE GAME 2&lt;/title&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;/css/examples.css?ver=1.0.0&quot; /&gt;
    &lt;script src=&quot;/js/examples.js?ver=1.1.1&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;/lib/phaser.min.js?ver=3.52.0&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;/lib/enable3d/enable3d.phaserExtension.0.25.0.min.js&quot;&gt;&lt;/script&gt;
              &lt;script src=&quot;https://code.jquery.com/jquery-3.3.1.min.js&quot;&gt;&lt;/script&gt;

&lt;/head&gt;

&lt;body&gt;
   &lt;!--- &lt;div id=&quot;info-text&quot;&gt;Use WASD, SPACE and your Mouse.&lt;br /&gt;Try to play it on your mobile device :)&lt;/div&gt; --&gt;
   
 
  &lt;center&gt;
   &lt;h1&gt;
          &lt;?php  
   include_once 'db.php';
 
$sessionid = $_SESSION['user_id'];
 
echo $user_data['username'];
 
if(empty($sessionid)){
            header('Location: index.php');
 
//echo $sessionid;
 
}
 
 
//skripts kurš pie katras čaraktera kustību apstājas updeito tabulas sadaļu *location*
//skripts kurš katru lietotāju kura datetime sakrīt ar intervālu pēdējās 15 min, zīmē ekrānā
 
 
 
 
 
   ?&gt;
 
   &lt;/h1&gt;  &lt;a href=&quot;logout.php&quot;&gt;Logout.&lt;/a&gt;
   &lt;/center&gt;
   
    &lt;script&gt;
      const {
        enable3d,
        Scene3D,
        Canvas,
        ThirdDimension,
        THREE,
        JoyStick,
        ExtendedObject3D,
        ThirdPersonControls,
        PointerLock,
        PointerDrag
      } = ENABLE3D

/**
       * Is touch device?
       */
      const isTouchDevice = 'ontouchstart' in window

class MainScene extends Scene3D {
        constructor() {
          super({ key: 'MainScene' })
        }

init() {
          this.accessThirdDimension({ maxSubSteps: 10, fixedTimeStep: 1 / 120 })
          this.third.renderer.outputEncoding = THREE.LinearEncoding
          this.canJump = true
          this.move = false

this.moveTop = 0
          this.moveRight = 0
        }

async create() {
          const { lights } = await this.third.warpSpeed('-ground', '-orbitControls')

const { hemisphereLight, ambientLight, directionalLight } = lights
          const intensity = 0.65
          hemisphereLight.intensity = intensity
          ambientLight.intensity = intensity
          directionalLight.intensity = intensity

//this.third.physics.add.box({ y: 10, x: 35 }, { lambert: { color: 'red' } })

// this.third.physics.debug.enable()

/**
           * Medieval Fantasy Book by Pixel (https://sketchfab.com/stefan.lengyel1)
           * https://sketchfab.com/3d-models/medieval-fantasy-book-06d5a80a04fc4c5ab552759e9a97d91a
           * Attribution 4.0 International (CC BY 4.0)
           
           E4E717
           */
          this.third.load.gltf('/assets/glb/book6.glb').then(object =&gt; {
            const scene = object.scenes[0]

const book = new ExtendedObject3D()
            book.name = 'scene'
            book.add(scene)
            this.third.add.existing(book)

// add animations
            // sadly only the flags animations works
            object.animations.forEach((anim, i) =&gt; {
              book.mixer = this.third.animationMixers.create(book)
              // overwrite the action to be an array of actions
              book.action = []
              book.action[i] = book.mixer.clipAction(anim)
              book.action[i].play()
            })

book.traverse(child =&gt; {
              if (child.isMesh) {
                child.castShadow = child.receiveShadow = false
                child.material.metalness = 0
                child.material.roughness = 1

if (/mesh/i.test(child.name)) {
                  this.third.physics.add.existing(child, {
                    shape: 'concave',
                    mass: 0,
                    collisionFlags: 1,
                    autoCenter: false
                  })
                  child.body.setAngularFactor(0, 0, 0)
                  child.body.setLinearFactor(0, 0, 0)
                }
              }
            })
          })
          
          
  
         
         
         
 
 
          var skins = [];
          $.ajax({
              type: &quot;GET&quot;,
              async: false,
              url: 'loadskins.php',
              data: {},
              success: function (data) {
                  skins = data.split(&quot;,&quot;).map(String);
              }
          });

//console.log(vertibasx);
 
          for (var i = 0; i &lt; skins.length - 1; i++) {
              let skin = skins[i];  
              
              const lokacijumasivs = [];
			 
			//// let objstr = obj[i].toString().split(&quot;&quot;);
			 //let objstr = obj[i];

////console.log(objstr);
			  //console.log(&quot;x&quot;, vertibasx[i]);
			  //console.log(&quot;y&quot;, vertibasy[i]);
			  //console.log(&quot;z&quot;, vertibasz[i]);

var obj = []; 
                      $.ajax({
                          type: &quot;GET&quot;,
                          async: false,
                          url: 'getlocation.php',
                          data: {},
                          success: function (data) {
                                                obj = data.split(&quot;*&quot;).map(String);

}
 
                      });

console.log(&quot;obj&quot;, obj);
  			 
 const vertibasx = obj.slice(0,1);
			 const vertibasy = obj.slice(1,2);
			 const vertibasz = obj.slice(2,3);

console.log(vertibasx);
			  console.log(vertibasy);
			  console.log(vertibasz);

/**
           * box_man.glb by Jan Bláha
           * https://github.com/swift502/Sketchbook
           * CC-0 license 2018
           */
           var object = await this.third.load.gltf(skin)
          ///this.third.load.gltf('/assets/glb/box_man.glb').then(object =&gt; {
            const man = object.scene.children[0]

this.man = new ExtendedObject3D()
            this.man.name = 'man'
            this.man.rotateY(Math.PI + 0.1) // a hack
            this.man.add(man)
            this.man.rotation.set(0, Math.PI * 1.5, 0)
            //console.log(&quot;uzstada&quot;, vertibasx, vertibasy, vertibasx);
            
            console.log(&quot;iteracija&quot;, i);
            		//if(vertibasx !== null &amp;&amp; vertibasy !== null &amp;&amp; vertibasz !== null){
			//let verx = vertibasx[i];
			//let very = vertibasy[i];
			//let verz = vertibasz[i];
			
			
//console.log(&quot;shitais?&quot;, verx);
//console.log(&quot;2shitais?&quot;, very);
//console.log(&quot;3shitais?&quot;, verz);

if(vertibasx &amp;&amp; vertibasy &amp;&amp; vertibasz){
			            this.man.position.set(vertibasx, vertibasy, vertibasz)
					} else {
									            this.man.position.set(754.2014, 1000, -205.63472)
					}
		
		//} else {
		//let verx = 754.2014;
		//let very = 1000;
		//let verz = -205.63472;
		
		            //this.man.position.set(verx, very, verz)

//}
            //this.man.position.set(59, 0, 79)

// add shadow
            this.man.traverse(child =&gt; {
              if (child.isMesh) {
                child.castShadow = child.receiveShadow = true
                // https://discourse.threejs.org/t/cant-export-material-from-blender-gltf/12258
                child.material.roughness = 1
                child.material.metalness = 0
              }
            })

/**
             * Animations
             */
            this.third.animationMixers.add(this.man.animation.mixer)
            object.animations.forEach(animation =&gt; {
              if (animation.name) {
                this.man.animation.add(animation.name, animation)
              }
            })
            this.man.animation.play('idle')

/**
             * Add the player to the scene with a body
             */
            this.third.add.existing(this.man)
            this.third.physics.add.existing(this.man, {
              shape: 'sphere',
              radius: 0.25,
              width: 0.5,
              offset: { y: -0.25 }
            })
            this.man.body.setFriction(0.8)
            this.man.body.setAngularFactor(0, 0, 0)

// https://docs.panda3d.org/1.10/python/programming/physics/bullet/ccd
            this.man.body.setCcdMotionThreshold(1e-7)
            this.man.body.setCcdSweptSphereRadius(0.25)

/**
             * Add 3rd Person Controls
             */
            this.controls = new ThirdPersonControls(this.third.camera, this.man, {
              offset: new THREE.Vector3(0, 1, 0),
              targetRadius: 3
            })
            // set initial view to 90 deg theta
            this.controls.theta = 90

/**
             * Add Pointer Lock and Pointer Drag
             */
            if (!isTouchDevice) {
              let pl = new PointerLock(this.game.canvas)
              let pd = new PointerDrag(this.game.canvas)
              pd.onMove(delta =&gt; {
                if (pl.isLocked()) {
                  this.moveTop = -delta.y
                  this.moveRight = delta.x
                }
              })
            }
         // })

/**
           * Add Keys
           */
          this.keys = {
            a: this.input.keyboard.addKey('a'),
            w: this.input.keyboard.addKey('w'),
            d: this.input.keyboard.addKey('d'),
            s: this.input.keyboard.addKey('s'),
            space: this.input.keyboard.addKey(32)
          }

/**
           * Add joystick
           */
          if (isTouchDevice) {
            const joystick = new JoyStick()
            const axis = joystick.add.axis({
              styles: { left: 35, bottom: 35, size: 100 }
            })
            axis.onMove(event =&gt; {
              /**
               * Update Camera
               */
              const { top, right } = event
              this.moveTop = top * 3
              this.moveRight = right * 3
            })
            const buttonA = joystick.add.button({
              letter: 'A',
              styles: { right: 35, bottom: 110, size: 80 }
            })
            buttonA.onClick(() =&gt; this.jump())
            const buttonB = joystick.add.button({
              letter: 'B',
              styles: { right: 110, bottom: 35, size: 80 }
            })
            buttonB.onClick(() =&gt; (this.move = true))
            buttonB.onRelease(() =&gt; (this.move = false))
          }
        }

}
        jump() {
          if (!this.man || !this.canJump) return
          this.canJump = false
          this.man.animation.play('jump_running', 500, false)
          this.time.addEvent({
            delay: 650,
            callback: () =&gt; {
              this.canJump = true
              this.man.animation.play('idle')
            }
          })
          this.man.body.applyForceY(6)
        }

update(time, delta) {
          if (this.man &amp;&amp; this.man.body) {
            /**
             * Update Controls
             */
            this.controls.update(this.moveRight * 2, -this.moveTop * 2)
            if (!isTouchDevice) this.moveRight = this.moveTop = 0
            /**
             * Player Turn
             */

//console.log(&quot;globals mainigais speed&quot;, speed);
		
		
            const v3 = new THREE.Vector3()

const rotation = this.third.camera.getWorldDirection(v3)

var rotati = []; 
                      $.ajax({
                          type: &quot;GET&quot;,
                          async: false,
                          url: 'getrotation.php',
                          data: {},
                          success: function (data) {
                                                rotati = data.split(&quot;*&quot;).map(String);

}
 
                      });

const theta = Math.atan2(rotation.x, rotation.z)
            const rotationMan = this.man.getWorldDirection(v3)
            for (var i = 0; i &lt; rotati.length - 1; i++) {
              let rotatine = rotati[i];  
								console.log(rotatine);

if(rotatine){
            const thetaMan = Math.atan2(rotationMan.x, rotationMan.z)
              $.post(
                          &quot;postrotation.php&quot;, {
                              rotation: thetaMan
                          },
                          function (data) {
								//console.log(&quot;rotacija&quot;, thetaMan);
                              //console.log(&quot;izsaukta&quot;, v3);
                          }
                      );
                      
                      this.man.body.setAngularVelocityY(0)

const l = Math.abs(theta - thetaMan)
		
            let rotationSpeed = isTouchDevice ? 2 : 4
            let d = Math.PI / 24

if (l &gt; d) {
              if (l &gt; Math.PI - d) rotationSpeed *= -1
              if (theta &lt; thetaMan) rotationSpeed *= -1
              this.man.body.setAngularVelocityY(rotationSpeed)
            }
            
            
			 } else {
			 const thetaMan = rotatine;
			 
			   $.post(
                          &quot;postrotation.php&quot;, {
                              rotation: thetaMan
                          },
                          function (data) {
								//console.log(&quot;rotacija&quot;, thetaMan);
                              //console.log(&quot;izsaukta&quot;, v3);
                          }
                      );
			 
		
           
				  
                      
                      
            this.man.body.setAngularVelocityY(0)

const l = Math.abs(theta - thetaMan)
		
            let rotationSpeed = isTouchDevice ? 2 : 4
            let d = Math.PI / 24

if (l &gt; d) {
              if (l &gt; Math.PI - d) rotationSpeed *= -1
              if (theta &lt; thetaMan) rotationSpeed *= -1
              this.man.body.setAngularVelocityY(rotationSpeed)
            }
            
		}
			 }

/**
             * Player Move
             */
            if (this.keys.w.isDown || this.move) {
              if (this.man.animation.current === 'idle' &amp;&amp; this.canJump) this.man.animation.play('run')
					  $.post(
                          &quot;postanimation.php&quot;, {
                              animation: this.man.animation.current
                          },
                          function (data) {
								//console.log(&quot;viens&quot;, x);
                              //console.log(&quot;izsaukta&quot;, v3);
                          }
                      );
                      
                      
 const speed = [];
              var getspeed = []; 
                      $.ajax({
                          type: &quot;GET&quot;,
                          async: false,
                          url: 'getspeed.php',
                          data: {},
                          success: function (data) {
                                                getspeed = data.split(&quot;*&quot;).map(String);
									//console.log(&quot;getsp&quot;, getspeed);
                          }
 
                      });
						  
              for (var i = 0; i &lt; getspeed.length - 1; i++) {
				let getsp = getspeed[i];  
				//console.log(&quot;speed&quot;, getsp);
                      speed.push(getsp);
		}
		
							              				//console.log(&quot;speed.length&quot;, speed);
		
		
            const v3 = new THREE.Vector3()

}
 
                      });
			console.log(&quot;rotāciju masīvs&quot;, rotati);
			
			
			
			
			
		if(rotati){
		
		for (var i = 0; i &lt; rotati.length; i++) {
		
				const rotation = rotati[i];
				
				//

}	
		
		} else {
		             const rotation = this.third.camera.getWorldDirection(v3)

}
		
		
		console.log(&quot;rotation&quot;, rotation);
		
		
		
		
		  	  
            const theta = Math.atan2(rotation.x, rotation.z)
            const rotationMan = this.man.getWorldDirection(v3)

//console.log(&quot;globals mainigais speed&quot;, speed);
//console.log(&quot;theta&quot;, theta);

for (var i = 0; i &lt; speed.length; i++) {
                
                
                
			                console.log(&quot;xT&quot;, Math.sin(theta));

let speedi = parseInt(speed[i]);
		//console.log(&quot;spee&quot;,typeof(parseInt(speedi)));
		
			console.log(&quot;speed array2&quot;, speedi);
			                console.log(&quot;xT2&quot;, Math.sin(theta));

const x = Math.sin(theta) * 4,
                y = this.man.body.velocity.y,
                z = Math.cos(theta) * 4
                
                console.log(&quot;y mainas randomā&quot;, y);

var obj2 = []; 
                      $.ajax({
                          type: &quot;GET&quot;,
                          async: false,
                          url: 'getlocation.php',
                          data: {},
                          success: function (data) {
                                                obj2 = data.split(&quot;*&quot;).map(String);

}
 
                      });

console.log(&quot;obj2&quot;, obj2);
  			 
			 let vertibasx = obj2.slice(0,1);
			 let vertibasy = obj2.slice(1,2);
			 let vertibasz = obj2.slice(2,3);
                
                
          
			      let xv = parseInt(vertibasx[i]) + x;

let zv = parseInt(vertibasz[i]) + z;

const rotation = this.third.camera.getWorldDirection(v3)
            const theta = Math.atan2(rotation.x, rotation.z)
            const rotationMan = this.man.getWorldDirection(v3)

const x = Math.sin(theta) * 4,
                y = this.man.body.velocity.y,
                z = Math.cos(theta) * 4
                
				
				
				var obj2 = []; 
                      $.ajax({
                          type: &quot;GET&quot;,
                          async: false,
                          url: 'getlocation.php',
                          data: {},
                          success: function (data) {
                                                obj2 = data.split(&quot;*&quot;).map(String);

}
 
                      });

let zv = parseInt(vertibasz[i]) + z;

//nepareizā lokācija
                
                if(xv){
           $.post(
                          &quot;postlocation.php&quot;, {
                              x: xv,
                              y: 0,
                             z: zv,
                              
                          },
                          function (data) {
								//console.log(&quot;viens&quot;, x);
                              //console.log(&quot;izsaukta&quot;, v3);
                          }
                      );
				  }
				
				
				
				
				
				
				
				//šeit jābūt kodam kas updeitos koordinātes ja nespiež nevienu pogu bet papriekšu custom rotācija
				
				
              if (this.man.animation.current === 'run' &amp;&amp; this.canJump) this.man.animation.play('idle')
              					  $.post(
                          &quot;postanimation.php&quot;, {
                              animation: this.man.animation.current
                          },
                          function (data) {
								//console.log(&quot;viens&quot;, x);
                              //console.log(&quot;izsaukta&quot;, v3);
                          }
                      );
            }

/**
             * Player Jump
             */
            if (this.keys.space.isDown &amp;&amp; this.canJump) {
              this.jump()
            }
          }
        }
      }

const config = {
        type: Phaser.WEBGL,
        transparent: true,
        scale: {
          mode: Phaser.Scale.FIT,
          autoCenter: Phaser.Scale.CENTER_BOTH,
          width: window.innerWidth * Math.max(1, window.devicePixelRatio / 2),
          height: window.innerHeight * Math.max(1, window.devicePixelRatio / 2)
        },
        scene: [MainScene],
        ...Canvas({ antialias: false })
      }

window.addEventListener('load', () =&gt; {
        enable3d(() =&gt; new Phaser.Game(config)).withPhysics('/lib/ammo/kripken')
      })
    &lt;/script&gt;
  &lt;/body&gt;
&lt;/html&gt;

Private - Private paste aren't shown in recent listings.

Delete After - When should we delete your paste?

Spam protection -

game.php - working version , with bugs

Reply to "game.php - working version , with bugs"