Better Render + Speed %
This commit is contained in:
parent
ede4e5b7d2
commit
7ec6389141
|
|
@ -52,6 +52,7 @@
|
|||
<span id="money">
|
||||
??? Dollar
|
||||
</span>
|
||||
<span style="position: fixed;color: white" id="speed"></span>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -186,11 +186,16 @@ class Factory {
|
|||
moveItems() {
|
||||
for (var i = 0; i < this.items.length; i++) {
|
||||
this.items[i].move()
|
||||
if (this.items[i].x % 48 == 0 && this.items[i].y % 48 == 0) {
|
||||
var tile = this.tiles[this.items[i].x / 48][this.items[i].y / 48]
|
||||
if (tile != 0) {
|
||||
if (tile.input.items.indexOf(this.items[i]) == -1)
|
||||
tile.input.addItem(this.items[i])
|
||||
if (this.items[i].x <= 0 || this.items[i].x >= 1200 || this.items[i].y <= 0 || this.items[i].y >= 576) {
|
||||
console.log("removed Item")
|
||||
this.deleteItem(this.items[i])
|
||||
} else {
|
||||
if (this.items[i].x % 48 == 0 && this.items[i].y % 48 == 0) {
|
||||
var tile = this.tiles[this.items[i].x / 48][this.items[i].y / 48]
|
||||
if (tile != 0) {
|
||||
if (tile.input.items.indexOf(this.items[i]) == -1)
|
||||
tile.input.addItem(this.items[i])
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
10
js/game.js
10
js/game.js
|
|
@ -128,7 +128,7 @@ function loadLang() {
|
|||
lang = json
|
||||
}
|
||||
|
||||
function loopp(timestamp) {
|
||||
function loop(timestamp) {
|
||||
//Check Gametick Rate
|
||||
if (timestamp < lastFrameTimeMs + (1000 / 48)) {
|
||||
requestAnimationFrame(loop)
|
||||
|
|
@ -152,7 +152,7 @@ function loopp(timestamp) {
|
|||
|
||||
var lastRender = 0
|
||||
|
||||
function loop(timestamp) {
|
||||
function loopp(timestamp) {
|
||||
var progress = timestamp - lastRender
|
||||
|
||||
gametick(progress)
|
||||
|
|
@ -161,6 +161,7 @@ function loop(timestamp) {
|
|||
lastRender = timestamp
|
||||
window.requestAnimationFrame(loop)
|
||||
}
|
||||
var tick = []
|
||||
|
||||
function gametick(timestep) {
|
||||
//time gibt an in den Wievielten von 40 Ticks man sich befindet
|
||||
|
|
@ -172,6 +173,11 @@ function gametick(timestep) {
|
|||
factorys[i].workTiles()
|
||||
factorys[i].despawnOldItems()
|
||||
}
|
||||
tick.push(new Date().getTime())
|
||||
if (tick.length > 48) {
|
||||
tick = tick.splice(1)
|
||||
$("#speed").text("Game Speed: " + ((tick[47] - tick[0]+30) / 10) + "%")
|
||||
}
|
||||
}
|
||||
|
||||
function render() {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,26 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Hello World</title>
|
||||
</head>
|
||||
<script src="js/libs/pixi.min.js"></script>
|
||||
|
||||
<body>
|
||||
<script type="text/javascript">
|
||||
//Create a Pixi Application
|
||||
let app = new PIXI.Application({
|
||||
width: 256, // default: 800
|
||||
height: 256, // default: 600
|
||||
antialias: false, // default: false
|
||||
transparent: true, // default: false
|
||||
resolution: 1 // default: 1
|
||||
});
|
||||
|
||||
//Add the canvas that Pixi automatically created for you to the HTML document
|
||||
document.body.appendChild(app.view);
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue