Re: BR 3D VG - TWEENS DOES NOT WORK

From Gruff Sloth, 1 Year ago, written in JavaScript.

This paste is a reply to BR 3D VG - TWEENS DOES NOT WORK from Ronalds Mazitis - view diff

Embed

Download Paste or View Raw
Hits: 162

<!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>

<script src="lib/tween.umd.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;

} else {

?>

<script>

///LOADS ONLINE TABLE

window.setInterval(function () {

$.ajax({

type: "GET",

async: false,

url: 'loadonline.php',

data: {},

success: function (data) {

}

});

}, 2000);

//REMOVES OLD ONLINE TABLE ROWS MUST TO IN LONGER INTERVAL LIKE ONCE IN HALF MINS

window.setInterval(function () {

$.ajax({

type: "GET",

async: false,

url: 'removeonline.php',

data: {},

success: function (data) {

}

});

}, 4000);

</script>

<?php

}

//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>http://mytechservinginternetmeals.blogspot.com/2022/02/video-game-development-4.html

<br>

<b>Things need to be implemented: 1)physics between two 3d objects besides map object 2)shadered and textured maps 3)animations for special objects 4)multiplayer and quests</b>

</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

var updeitot; /// mainīgais kas noteiks vai updeitot lokāciju un čata ziņas

/** KARTE

* 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('/jurmalastreets3d/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)

}

}

})

})

/** ELEMENTS MĀJA

* box_man.glb by Jan Bláha

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

* CC-0 license 2018

*/

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

const house = object.scene.children[0]

this.house = new ExtendedObject3D()

this.house.name = 'house'

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

this.house.add(house)

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

var obj;

$.ajax({

type: "GET",

async: false,

url: 'getlocation.php',

data:{},

success:function(html) {

obj = JSON.parse(html);

console.log("noliek", obj);

}

});

this.house.position.set(804.2014, 10, -205.63472)

// add shadow

this.house.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.house.animation.mixer)

object.animations.forEach(animation => {

if (animation.name) {

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

}

})

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

/**

* Add the player to the scene with a body

*/

this.third.add.existing(this.house)

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

shape: 'sphere',

radius: 0.25,

width: 0.5,

offset: { y: -0.25 }

})

this.house.body.setFriction(0.8)

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

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

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

this.house.body.setCcdSweptSphereRadius(0.25)

/**

* Add 3rd Person Controls

*/

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

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

}

})

}

})

/**

*

* IELĀDĒT PLAYER LOKĀCIJAS KURA VAR NOTIKT TIKAI UZ MAINĪGĀ BĀZES

*

*/

window.objx = [];

window.objy = [];

window.objz = [];

//let counter = 0;

//let objxl = objx.length;

Array.prototype.clear = function() {

this.splice(0, this.length);

};

window.setInterval(function () {

if (updeitot = 1) {

//$.ajax({

//type: "GET",

//async: false,

//url: 'getlocation.php',

//data: {},

//success: function (data) {

//var nameArr = data.split(',');

//console.log("idioti");

//for(let i=0; i<nameArr.length; i++){

//console.log("pushes skins");

//if(nameArr[i]){

//skins.push(nameArr[i]);

//}

//}

//}

//});

objx.clear();

objy.clear();

objz.clear();

//satur lokācijas

$.ajax({

type: "GET",

async: false,

url: 'getlocation.php',

data: {},

success: function (data) {

var data2 = data.split("*");

//objx = data2.x

////objy = data2.y

console.log("garums", data2.length);

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

var data3 = JSON.parse(data2[i]);

console.log("dati no datubazes",i, data3);

objx.push(data3.x);

objy.push(data3.y);

objz.push(data3.z);

}

////objz = data2.z

//console.log("lokacijas x", data2.x);

//console.log("lokacijas y", data2.y);

//console.log("lokacijas z", data2.z);

// console.log("notiek dahuja");

//ja visi masīva pēdējie pievienotie elementi nesakrīt jau ar esošajiem pievienot masīvam citus

// koordinātēm jābūt vienādai kārtībai ar čaraktera user id

// counter++;

}

});

}

}, 400);

window.objx2 = [];

window.objy2 = [];

window.objz2 = [];

window.setInterval(function () {

if (updeitot = 1) {

//$.ajax({

//type: "GET",

//async: false,

//url: 'getlocation.php',

//data: {},

//success: function (data) {

//var nameArr = data.split(',');

//console.log("idioti");

//for(let i=0; i<nameArr.length; i++){

//console.log("pushes skins");

//if(nameArr[i]){

//skins.push(nameArr[i]);

//}

//}

//}

//});

objx2.clear();

objy2.clear();

objz2.clear();

//satur lokācijas

$.ajax({

type: "GET",

async: false,

url: 'getlocation.php',

data: {},

success: function (data) {

var data2 = data.split("*");

//objx = data2.x

////objy = data2.y

console.log("garums", data2.length);

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

var data3 = JSON.parse(data2[i]);

console.log("dati no datubazes velak",i, data3);

objx2.push(data3.x);

objy2.push(data3.y);

objz2.push(data3.z);

}

////objz = data2.z

//console.log("lokacijas x", data2.x);

//console.log("lokacijas y", data2.y);

//console.log("lokacijas z", data2.z);

// console.log("notiek dahuja");

//ja visi masīva pēdējie pievienotie elementi nesakrīt jau ar esošajiem pievienot masīvam citus

// koordinātēm jābūt vienādai kārtībai ar čaraktera user id

// counter++;

}

});

}

}, 800);

console.log("kas ir iekš x ", objx);

// uzskaita pareizu skaitu hujņu

//if(counter > objxl.length){

//counter = objxl.length;

//}

//console.log("tryx", objx); // hz kāpēc masīvs tukšss

var getchat = [];

window.setInterval(function () {

if (updeitot = 1) {

$.ajax({

type: "GET",

async: false,

url: 'getchat.php',

data: {},

success: function (data) {

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

}

});

}

}, 600);

var uu;

var location2;

var location3;

var location4;

window.setInterval(function(){

uu = getchat[0]

location2 = parseInt(objx[0]);

location3 = location2 + 185;

location4 = location3.toString();

console.log("uu", location4);

}, 600);

const foo = () => {

//chatbubbles.php

//

this.add.text(location4,328, uu, { fontSize: '24px' });

}

window.setInterval(function(){

foo();

}, 610);

/**

*

* IELĀDĒT SKINUS FUNKCIJA KURA VAR NOTIKT TIKAI UZ MAINĪGĀ BĀZES

*

*/

var skins = [];

var skins2 = [];

var userskin = [];

var userid = [];

let skin;

let skin2;

$.ajax({

type: "GET",

async: false,

url: 'loadskins.php',

data: {},

success: function (data) {

var nameArr = data.split(',');

// console.log("idioti");

for(let i=0; i<nameArr.length; i++){

console.log("pushes skins");

if(nameArr[i]){

skins.push(nameArr[i]);

}

}

}

});

$.ajax({

type: "GET",

async: false,

url: 'loadskins2.php',

data: {},

success: function (data) {

var nameArr2 = data.split(',');

// console.log("idioti");

for(let i=0; i<nameArr2.length; i++){

console.log("pushes skins2");

if(nameArr2[i]){

skins2.push(nameArr2[i]);

}

}

}

});

$.ajax({

type: "GET",

async: false,

url: 'loaduserskin.php',

data: {},

success: function (data) {

var nameArr = data.split(',');

//console.log("idioti");

for(let i=0; i<nameArr.length; i++){

console.log("pushes skins");

if(nameArr[i]){

userskin.push(nameArr[i]);

}

}

}

});

$.ajax({

type: "GET",

async: false,

url: 'loaduserid.php',

data: {},

success: function (data) {

var nameArr = data.split(',');

//console.log("idioti");

for(let i=0; i<nameArr.length; i++){

console.log("pushes skins");

if(nameArr[i]){

userid.push(nameArr[i]);

}

}

}

});

/**

*

* IELĀDĒ CHARAKTERUS NO IEGUTAS INFORMACIJAS

*

*

*

* IEČĒKOT TABULAS online SATURU UN attiecīgās lokācijas skinus un ja tie eksistē un ir tādi paši kā tabulā users, tad tos ievietot spēlē updeitojot

*

*/

//let object;

//setInterval(function (third) {

//console.log("saturs", skins);

//skinsIZR = skinsZ[0].split(",").map(String);

//console.log("IZR", skinsIZR[0]);

console.log("speletaju skaits", skins.length);

var cooords = [];

for (let step = 0; step < skins.length; step++) {

//const object = this.third.load.gltf(skins[step])

//console.log("trust", object.scene);

var object = await this.third.load.gltf(skins[step])

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

const scene2 = object.scene.children[0]

//this.third.load.gltf(skins[step]).then(object => {

//const scene2 = object.scenes[0]

const man = object.scene.children[0]

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

console.log("zb", man);

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)

let that = this.man;

this.man.position.set(804.2014, 10, -205.63472)

let coords2 = this.man.position.clone()

cooords.push(coords2);

//console.log("iteracija", i);

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

//const coords2 = this.man.position.clone();

// 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)

//}, 500);

/**

* 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

*/

/**

* 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))

}

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

};

//setInterval(greet, 8000);

////// ideja ka nepieciešams priekļūt this.man.position iekš intervāla, lai izmainītu vertibas xyz kuras passtāvīgi tiek updeitotas no datubāzes ar intervālu pirms tam.

//////setInterval(function (man) {

//////if(vertibasx != vertibasxPIRMSTAM){

//function greet(){

////console.log("man inside");

//////if (updeitot = 1) {

//////refreshoja charakteru

////if (window.localStorage.getItem('x') && window.localStorage.getItem('y') && window.localStorage.getItem('z')) {

//console.log("man inside2");

//console.log("changes?", that.position);

//that.position.set(window.localStorage.getItem('x'), window.localStorage.getItem('y'), window.localStorage.getItem('z'))

////} else {

////this.man.position.set(754.2014, 10, -205.63472)

//}

////}

////}

var vertibasx = objx;

var vertibasy = objy;

var vertibasz = objz;

console.log("xxxx", vertibasx);

console.log("yyyy", vertibasy);

console.log("zzzz", vertibasz);

//let verx = vertibasx[step];

//let very = 3;

//let verz = vertibasz[step];

for (let stepe = 0; stepe < cooords.length; stepe++) {

let insidecoords = cooords[stepe];

console.log("inside", insidecoords);

setInterval(function () {

console.log("izsauc tween");

tween(this.man, insidecoords, { x: vertibasx, y: vertibasy, z: vertibasz }, 1000, 1000)

}, 2000);

function tween(man,insidecoords, moveTo, time = 1000, delay = 0) {

let xc = "804.201";

let yc = "10";

let zc = "-205.63472";

console.log("notiek tweeens");

console.log("inside2", insidecoords);

const tween2 = new TWEEN.Tween(insidecoords)

.to({ x: moveTo.xc, y: moveTo.yc, z: moveTo.zc }, time)

.easing(TWEEN.Easing.Quadratic.Out)

.onUpdate(() => {

console.log("notiek tweens2");

this.man.position.set(insidecoords.x, insidecoords.y, insidecoords.z)

if (this.man.body) this.man.body.needUpdate = true

})

}

}

}

//tween(man, moveTo, time = 1000, delay = 0) {

//console.log("middle");

//const coords = this.man.position.clone()

//console.log("coords", this.man.position);

//console.log("coords2", coords);

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

//console.log("moveTox", moveTo.x);

//const tween = new TWEEN.Tween(coords)

//.to({ x: moveTo.x, y: moveTo.y, z: moveTo.z }, time)

//.easing(TWEEN.Easing.Quadratic.Out)

//.onUpdate(() => {

//console.log("notiek tweens");

//this.man.position.set(coords.x, coords.y, coords.z)

//if (this.man.body) this.man.body.needUpdate = true

//})

//this.man.position.set(coords.x, coords.y, coords.z)

//console.log(this.man.position);

//console.log("tweeen", tween);

//console.log("end");

//}

/// iegūst no datubāzes vai leciens ir animācija

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)

}

//ja tas notiek updeito datubāzi ar to ka palecās

update(time, delta) {

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)

}

var choicef = 1;

if (choicef === 1) {

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)

}

}

if (choicef === 2) {

this.input.keyboard.removeCapture('W,S,A,D');

this.input.keyboard.removeCapture([32]);

}

var area = document.getElementById('textarea');

area.addEventListener('click', (e) => {

//alert("uzlieku pa virsu");

choicef = 2;

});

var elem = document.getElementById('enable3d-phaser-canvas');

elem.addEventListener('click', (e) => {

console.log("uzlieku pa virsu");

choicef = 1;

});

area.addEventListener('keyup', (e) => {

if (e.keyCode === 13) {

// Cancel the default action, if needed

e.preventDefault();

// Trigger the button element with a click

var textarea = document.getElementById('textarea').value;

//avar groupidTRIM = document.getElementById("groupchatID").innerHTML;

//var groupid = "grupa";

//alert(111);

//alert(111);

var username;

$.ajax({

type: "GET",

async: false,

url: 'getusername.php',

data: {},

success: function (data) {

username = data;

//alert(username)

}

});

var kopadata = username + " " + textarea;

console.log("uzpeld", kopadata);

if (textarea) {

console.log("suta zinju", textarea);

$.ajax({

type: "post",

url: "groupchatfunction.php",

data: {

textarea: textarea

},

cache: false,

success: function (html) {

console.log("aizsutija");

//izmēģinam ievietot kastīti ja aizsūtas ziņa

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

/// tekstu ieposto datubāzē , izmaina globālo masīvu ar tekstu un tā īpašnieku

/// vēlāk globālo masīvu zīmē gluži kā čarakteru iekš update funkcijas, iekļauj sarakstā visas ziņas

// un uzzīmē thought buble virs čaraktera galvas ar iedomāto tekstu

var kopadata2 = kopadata;

var doit = textbubble.push(kopadata2);

var messageelements = '<div class="msg_a"><span data-tooltip="now" data-tooltip-position="bottom">' + textarea + '</span></div><br>';

$("#outputmessages").append(messageelements);

//window.setTimeout(function(){

//var elem = document.getElementById('msg_body');

//elem.scrollTop = elem.scrollHeight;

//}, 1200);

}

});

}

document.getElementById('textarea').value = '';

}

});

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

*/

const speed = 4

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 thetaMan = Math.atan2(rotationMan.x, rotationMan.z)

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) {

//chatbubbles.php

/// vajadzētu atcelt funkciju kas veic lokāciju pārlādi

var updeitot = 0;

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

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

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

z = Math.cos(theta) * speed

var sutit = {"x":x, "y":y, "z":10};

console.log("sutit",sutit);

$.ajax({

type: "POST",

async: false,

url: 'postlocation.php',

data: { sutit:sutit },

success: function (data) {

console.log("nomainija datubazi");

//var data2 = JSON.parse(data);

//objx = data2.x

//objy = data2.y

//objz = data2.z

//console.log("lokacijas x", data2.x);

//console.log("lokacijas y", data2.y);

//console.log("lokacijas z", data2.z);

}

});

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

this.man.position.set(804.2014, 10, -205.63472)

} else {

var updeitot = 1;

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

}

/**

* 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>

© 2022 GitHub, Inc.

Terms

Privacy

Security

Status

Docs

Contact GitHub

Pricing

API

Training

Blog

About

s

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;script src=&quot;lib/tween.umd.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;

} else {
	
	
	?&gt;
	&lt;script&gt;
		///LOADS ONLINE TABLE
		                                    window.setInterval(function () {

$.ajax({
                          type: &quot;GET&quot;,
                          async: false,
                          url: 'loadonline.php',
                          data: {},
                          success: function (data) {
                          }
 
                      });
                      				  }, 2000);

//REMOVES OLD ONLINE TABLE ROWS MUST TO IN LONGER INTERVAL LIKE ONCE IN HALF MINS
                      
                                    window.setInterval(function () {

$.ajax({
                          type: &quot;GET&quot;,
                          async: false,
                          url: 'removeonline.php',
                          data: {},
                          success: function (data) {
                          }
 
                      });
				  }, 4000);

&lt;/script&gt;
&lt;?php

}

//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;http://mytechservinginternetmeals.blogspot.com/2022/02/video-game-development-4.html
   
   &lt;br&gt;
   &lt;b&gt;Things need to be implemented: 1)physics between two 3d objects besides map object 2)shadered and textured maps 3)animations for special objects 4)multiplayer and quests&lt;/b&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

var updeitot;       /// mainīgais kas noteiks vai updeitot lokāciju un čata ziņas

/** KARTE
           * 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('/jurmalastreets3d/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)
                }
              }
            })
          })

/** ELEMENTS MĀJA 
           * box_man.glb by Jan Bláha
           * https://github.com/swift502/Sketchbook
           * CC-0 license 2018
           */
          this.third.load.gltf('/jurmalastreets3d/assets/glb/house.glb').then(object =&gt; {
            const house = object.scene.children[0]
			
	
            this.house = new ExtendedObject3D()
            this.house.name = 'house'
            this.house.rotateY(Math.PI + 0.1) // a hack
            this.house.add(house)
            this.house.rotation.set(0, Math.PI * 1.5, 0)

var obj;
			  $.ajax({
					   type: &quot;GET&quot;,
					   async: false, 
					   url: 'getlocation.php',
					   data:{},
					   success:function(html) {
								obj = JSON.parse(html);
							console.log(&quot;noliek&quot;, obj);
					   }

});

this.house.position.set(804.2014, 10, -205.63472)
            
            
            
            		
            // add shadow
            this.house.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.house.animation.mixer)
            object.animations.forEach(animation =&gt; {
              if (animation.name) {
                this.house.animation.add(animation.name, animation)
              }
            })
            this.house.animation.play('idle')

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

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

/**
             * Add 3rd Person Controls
             */
            this.controls = new ThirdPersonControls(this.third.camera, this.house, {
              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
                }
              })
            }
          })

/** 
           * 
           * IELĀDĒT PLAYER LOKĀCIJAS KURA VAR NOTIKT TIKAI UZ MAINĪGĀ BĀZES
           * 
           */

window.objx = [];
window.objy = [];
window.objz = [];
                              //let counter = 0;
							  //let objxl = objx.length;
					Array.prototype.clear = function() {
    this.splice(0, this.length);
};

window.setInterval(function () {
                  if (updeitot = 1) {
					  
					  
					    //$.ajax({
						  //type: &quot;GET&quot;,
						  //async: false,
						  //url: 'getlocation.php',
						  //data: {},
						  //success: function (data) {
							  //var nameArr = data.split(',');
							  
							  //console.log(&quot;idioti&quot;);
							//for(let i=0; i&lt;nameArr.length; i++){
															  //console.log(&quot;pushes skins&quot;);

//if(nameArr[i]){
							  	//skins.push(nameArr[i]);
							//}
									//}
									
									
							  
						  //}
					  //});
					  objx.clear();
					  objy.clear();
					  objz.clear();
				
				
                       //satur lokācijas
                      $.ajax({
                          type: &quot;GET&quot;,
                          async: false,
                          url: 'getlocation.php',
                          data: {},
                          success: function (data) {
							  var data2 = data.split(&quot;*&quot;);
                              //objx = data2.x
                              ////objy = data2.y
                              console.log(&quot;garums&quot;, data2.length);
                              for(var i = 0; i &lt; data2.length - 1; i++){
								  var data3 = JSON.parse(data2[i]);
							                                console.log(&quot;dati no datubazes&quot;,i, data3);
							                                
							                                
							  	objx.push(data3.x);
							  	objy.push(data3.y);
							  	objz.push(data3.z);

}
                              
                              ////objz = data2.z
                              
                              //console.log(&quot;lokacijas x&quot;, data2.x);
                              //console.log(&quot;lokacijas y&quot;, data2.y);
                              //console.log(&quot;lokacijas z&quot;, data2.z);
                             // console.log(&quot;notiek dahuja&quot;);
                             
                             
                             //ja visi masīva pēdējie pievienotie elementi nesakrīt jau ar esošajiem pievienot masīvam citus
                             
                             // koordinātēm jābūt vienādai kārtībai ar čaraktera user id
                            
                             
							
							  //	counter++;

}
                      });
                  }
              }, 400);

window.objx2 = [];
window.objy2 = [];
window.objz2 = [];

//if(nameArr[i]){
							  	//skins.push(nameArr[i]);
							//}
									//}
									
									
							  
						  //}
					  //});
					  objx2.clear();
					  objy2.clear();
					  objz2.clear();
				
				
                       //satur lokācijas
                      $.ajax({
                          type: &quot;GET&quot;,
                          async: false,
                          url: 'getlocation.php',
                          data: {},
                          success: function (data) {
							  var data2 = data.split(&quot;*&quot;);
                              //objx = data2.x
                              ////objy = data2.y
                              console.log(&quot;garums&quot;, data2.length);
                              for(var i = 0; i &lt; data2.length - 1; i++){
								  var data3 = JSON.parse(data2[i]);
							                                console.log(&quot;dati no datubazes velak&quot;,i, data3);
							                                
							                                
							  	objx2.push(data3.x);
							  	objy2.push(data3.y);
							  	objz2.push(data3.z);

}
                      });
                  }
              }, 800);
              
              
              
              console.log(&quot;kas ir iekš x &quot;, objx);
              
              // uzskaita pareizu skaitu hujņu

//if(counter &gt; objxl.length){
	//counter = objxl.length;
	//}

//console.log(&quot;tryx&quot;, objx); // hz kāpēc masīvs tukšss

var getchat = [];
              window.setInterval(function () {

if (updeitot = 1) {

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

}

});
                  }
              }, 600);

var uu;
                          var location2;
                          var location3;
                          var location4;
									window.setInterval(function(){
									uu = getchat[0]
									location2 = parseInt(objx[0]);
									location3 = location2 + 185;
									location4 = location3.toString();
									console.log(&quot;uu&quot;, location4);
									}, 600);
									
							const foo = () =&gt; {
								//chatbubbles.php
								//
							this.add.text(location4,328, uu, { fontSize: '24px' });
							}

window.setInterval(function(){
							foo();
									}, 610);

/** 
           * 
           * IELĀDĒT SKINUS FUNKCIJA KURA VAR NOTIKT TIKAI UZ MAINĪGĀ BĀZES
           * 
           */

var skins = [];
					  var skins2 = [];
					  var userskin = [];
					  var userid = [];
					  let skin;
					  let skin2;

$.ajax({
						  type: &quot;GET&quot;,
						  async: false,
						  url: 'loadskins.php',
						  data: {},
						  success: function (data) {
							  var nameArr = data.split(',');
							  
							 // console.log(&quot;idioti&quot;);
							for(let i=0; i&lt;nameArr.length; i++){
															  console.log(&quot;pushes skins&quot;);

if(nameArr[i]){
							  	skins.push(nameArr[i]);
							}
									}
									
									
							  
						  }
					  });

$.ajax({
						  type: &quot;GET&quot;,
						  async: false,
						  url: 'loadskins2.php',
						  data: {},
						  success: function (data) {
							  var nameArr2 = data.split(',');
							  
							 // console.log(&quot;idioti&quot;);
							for(let i=0; i&lt;nameArr2.length; i++){
															  console.log(&quot;pushes skins2&quot;);
							if(nameArr2[i]){
							  	skins2.push(nameArr2[i]);
							}
							}
									
									
							  
						  }
					  });
						   
						   
						   
						   
					
					  $.ajax({
						  type: &quot;GET&quot;,
						  async: false,
						  url: 'loaduserskin.php',
						  data: {},
						  success: function (data) {
							  var nameArr = data.split(',');
							  
							  //console.log(&quot;idioti&quot;);
							for(let i=0; i&lt;nameArr.length; i++){
															  console.log(&quot;pushes skins&quot;);

if(nameArr[i]){
							  	userskin.push(nameArr[i]);
							}
									}
									
									
							  
						  }
					  });	   
					  $.ajax({
						  type: &quot;GET&quot;,
						  async: false,
						  url: 'loaduserid.php',
						  data: {},
						  success: function (data) {
							  var nameArr = data.split(',');
							  
							  //console.log(&quot;idioti&quot;);
							for(let i=0; i&lt;nameArr.length; i++){
															  console.log(&quot;pushes skins&quot;);

if(nameArr[i]){
							  	userid.push(nameArr[i]);
							}
									}
									
									
							  
						  }
					  });	   
						   
						   
						   
				
				
				
          /** 
           * 
           * IELĀDĒ CHARAKTERUS NO IEGUTAS INFORMACIJAS
           *
           
           *
           *
           *          IEČĒKOT TABULAS online SATURU UN attiecīgās lokācijas skinus un ja tie eksistē un ir tādi paši kā tabulā users, tad tos ievietot spēlē updeitojot
           * 
           */
				//let object;

//setInterval(function (third) {
								//console.log(&quot;saturs&quot;, skins);
								
								
								//skinsIZR = skinsZ[0].split(&quot;,&quot;).map(String);	
								//console.log(&quot;IZR&quot;, skinsIZR[0]);
								
							console.log(&quot;speletaju skaits&quot;, skins.length);
								
								
								var cooords = [];
								
								for (let step = 0;  step &lt; skins.length; step++) {
	
										
							//const object = this.third.load.gltf(skins[step])

//console.log(&quot;trust&quot;, object.scene);

var object = await this.third.load.gltf(skins[step])
          
          ///this.third.load.gltf('/assets/glb/box_man.glb').then(object =&gt; {
            const scene2 = object.scene.children[0]
            
            
  //this.third.load.gltf(skins[step]).then(object =&gt; {
        //const scene2 = object.scenes[0]

const man = object.scene.children[0]

///this.third.load.gltf('/assets/glb/box_man.glb').then(object =&gt; {
							
							console.log(&quot;zb&quot;, man);

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)
							
							
							let that = this.man;

this.man.position.set(804.2014, 10, -205.63472)
							
							let coords2 = this.man.position.clone()	
							cooords.push(coords2);
							//console.log(&quot;iteracija&quot;, i);
							//if(vertibasx !== null &amp;&amp; vertibasy !== null &amp;&amp; vertibasz !== null){

//const coords2 = this.man.position.clone();

// 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)

//}, 500);

/**
						 * 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
						 */

/**
						 * 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))
						}

//console.log(&quot;uzstada&quot;, vertibasx, vertibasy, vertibasx);

};

//setInterval(greet, 8000);

////// ideja ka nepieciešams priekļūt this.man.position iekš intervāla, lai izmainītu vertibas xyz kuras passtāvīgi tiek updeitotas no datubāzes ar intervālu pirms tam.
							//////setInterval(function (man) {
								//////if(vertibasx != vertibasxPIRMSTAM){
								//function greet(){
																		////console.log(&quot;man inside&quot;);

//////if (updeitot = 1) {
									//////refreshoja charakteru
									////if (window.localStorage.getItem('x') &amp;&amp; window.localStorage.getItem('y') &amp;&amp; window.localStorage.getItem('z')) {
																												//console.log(&quot;man inside2&quot;);
																												//console.log(&quot;changes?&quot;, that.position);

//that.position.set(window.localStorage.getItem('x'), window.localStorage.getItem('y'), window.localStorage.getItem('z'))
									////} else {
										////this.man.position.set(754.2014, 10, -205.63472)
									//}
								////}
							////}
						var vertibasx = objx;
                 var vertibasy = objy;
                  var vertibasz = objz;
                  
                  console.log(&quot;xxxx&quot;, vertibasx);
                  console.log(&quot;yyyy&quot;, vertibasy);
                  console.log(&quot;zzzz&quot;, vertibasz);
                  
							//let verx = vertibasx[step];
							//let very = 3;
							//let verz = vertibasz[step];

for (let stepe = 0;  stepe &lt; cooords.length; stepe++) {

let insidecoords = cooords[stepe];
			
			console.log(&quot;inside&quot;, insidecoords);
			setInterval(function () {
									console.log(&quot;izsauc tween&quot;);

tween(this.man, insidecoords, { x: vertibasx, y: vertibasy, z: vertibasz }, 1000, 1000)

}, 2000);
                      				  
                      				  
                      				  function tween(man,insidecoords, moveTo, time = 1000, delay = 0) {
	let xc = &quot;804.201&quot;;
	let yc = &quot;10&quot;;
	let zc = &quot;-205.63472&quot;;
	console.log(&quot;notiek tweeens&quot;);
				console.log(&quot;inside2&quot;, insidecoords);

const tween2 = new TWEEN.Tween(insidecoords)
            .to({ x: moveTo.xc, y: moveTo.yc, z: moveTo.zc }, time)
            .easing(TWEEN.Easing.Quadratic.Out)
            .onUpdate(() =&gt; {
				            		console.log(&quot;notiek tweens2&quot;);

this.man.position.set(insidecoords.x, insidecoords.y, insidecoords.z)
              if (this.man.body) this.man.body.needUpdate = true
            })
          }  
}

}

//tween(man, moveTo, time = 1000, delay = 0) {

//console.log(&quot;middle&quot;);
//const coords = this.man.position.clone()
//console.log(&quot;coords&quot;, this.man.position);
//console.log(&quot;coords2&quot;, coords);
//console.log(&quot;moveTo&quot;, moveTo);
//console.log(&quot;moveTox&quot;, moveTo.x);
          //const tween = new TWEEN.Tween(coords)
            //.to({ x: moveTo.x, y: moveTo.y, z: moveTo.z }, time)
            //.easing(TWEEN.Easing.Quadratic.Out)
            //.onUpdate(() =&gt; {
				            		//console.log(&quot;notiek tweens&quot;);

//this.man.position.set(coords.x, coords.y, coords.z)
              //if (this.man.body) this.man.body.needUpdate = true
            //})
            
            
                         //this.man.position.set(coords.x, coords.y, coords.z)

//console.log(this.man.position);
            //console.log(&quot;tweeen&quot;, tween);
            //console.log(&quot;end&quot;);

//}

/// iegūst no datubāzes vai leciens ir animācija 
					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)
					}
					//ja tas notiek updeito datubāzi ar to ka palecās

update(time, delta) {

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)
						}
						var choicef = 1;

if (choicef === 1) {

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)
							}
						}

if (choicef === 2) {
							this.input.keyboard.removeCapture('W,S,A,D');
							this.input.keyboard.removeCapture([32]);

}

var area = document.getElementById('textarea');

area.addEventListener('click', (e) =&gt; {
							//alert(&quot;uzlieku pa virsu&quot;);
							choicef = 2;
						});

var elem = document.getElementById('enable3d-phaser-canvas');
						elem.addEventListener('click', (e) =&gt; {
							console.log(&quot;uzlieku pa virsu&quot;);
							choicef = 1;
						});

area.addEventListener('keyup', (e) =&gt; {
							if (e.keyCode === 13) {
								// Cancel the default action, if needed
								e.preventDefault();
								// Trigger the button element with a click
								var textarea = document.getElementById('textarea').value;
								//avar groupidTRIM = document.getElementById(&quot;groupchatID&quot;).innerHTML;
								//var groupid = &quot;grupa&quot;;	
								//alert(111);

//alert(111);

var username;

$.ajax({
									type: &quot;GET&quot;,
									async: false,
									url: 'getusername.php',
									data: {},
									success: function (data) {
										username = data;
										//alert(username)
									}

});

var kopadata = username + &quot; &quot; + textarea;

console.log(&quot;uzpeld&quot;, kopadata);

if (textarea) {

console.log(&quot;suta zinju&quot;, textarea);

$.ajax({
										type: &quot;post&quot;,
										url: &quot;groupchatfunction.php&quot;,
										data: {
											textarea: textarea
										},
										cache: false,
										success: function (html) {
											console.log(&quot;aizsutija&quot;);

//izmēģinam ievietot kastīti ja aizsūtas ziņa
											// this.third.physics.add.box({ y: 10, x: 754.2014 }, { lambert: { color: 'red' } })

/// tekstu ieposto datubāzē , izmaina globālo masīvu ar tekstu un tā īpašnieku
											/// vēlāk globālo masīvu zīmē gluži kā čarakteru iekš update funkcijas, iekļauj sarakstā visas ziņas
											// un uzzīmē thought buble virs čaraktera galvas ar iedomāto tekstu
											var kopadata2 = kopadata;

var doit = textbubble.push(kopadata2);
											var messageelements = '&lt;div class=&quot;msg_a&quot;&gt;&lt;span data-tooltip=&quot;now&quot; data-tooltip-position=&quot;bottom&quot;&gt;' + textarea + '&lt;/span&gt;&lt;/div&gt;&lt;br&gt;';

$(&quot;#outputmessages&quot;).append(messageelements);

//window.setTimeout(function(){
											//var elem = document.getElementById('msg_body');
											//elem.scrollTop = elem.scrollHeight;
											//}, 1200);

}

});
								}

document.getElementById('textarea').value = '';

}
						});

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
							 */
							const speed = 4
							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 thetaMan = Math.atan2(rotationMan.x, rotationMan.z)
							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) {
										//chatbubbles.php
										
										
										
								/// vajadzētu atcelt funkciju kas veic lokāciju pārlādi
								var updeitot = 0;

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

const x = Math.sin(theta) * speed,
									y = this.man.body.velocity.y,
									z = Math.cos(theta) * speed
					
					
					var sutit = {&quot;x&quot;:x, &quot;y&quot;:y, &quot;z&quot;:10};
		console.log(&quot;sutit&quot;,sutit);

$.ajax({
                          type: &quot;POST&quot;,
                          async: false,
                          url: 'postlocation.php',
                          data: { sutit:sutit },
                          success: function (data) {
							  console.log(&quot;nomainija datubazi&quot;);
							  //var data2 = JSON.parse(data);
                              //objx = data2.x
                              //objy = data2.y
                              //objz = data2.z
                              //console.log(&quot;lokacijas x&quot;, data2.x);
                              //console.log(&quot;lokacijas y&quot;, data2.y);
                              //console.log(&quot;lokacijas z&quot;, data2.z);

}
                      });
                      
                      
                      
								this.man.body.setVelocity(x, y, z)
								this.man.position.set(804.2014, 10, -205.63472)
							} else {
								var updeitot = 1;
								if (this.man.animation.current === 'run' &amp;&amp; this.canJump) this.man.animation.play('idle')
							}

/**
							 * 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;
© 2022 GitHub, Inc.
Terms
Privacy
Security
Status
Docs
Contact GitHub
Pricing
API
Training
Blog
About
s

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

Delete After - When should we delete your paste?

Spam protection -

Re: BR 3D VG - TWEENS DOES NOT WORK

Reply to "Re: BR 3D VG - TWEENS DOES NOT WORK"