Better Render
This commit is contained in:
parent
aa3194e150
commit
5b50a60b7b
|
|
@ -12,8 +12,10 @@ class Tile {
|
|||
}
|
||||
}
|
||||
|
||||
getTexture(fulltime,layer) {
|
||||
return (fulltime % this.texture[layer].length);
|
||||
getTexture(fulltime, layer) {
|
||||
if (this.texture[layer].length==0)
|
||||
return "0"
|
||||
return "images/tiles/" + this.texture[layer][(fulltime % this.texture[layer].length)] + ".png";
|
||||
}
|
||||
|
||||
work() {
|
||||
|
|
|
|||
19
js/game.js
19
js/game.js
|
|
@ -53,6 +53,7 @@ function loopp(timestamp) {
|
|||
}
|
||||
|
||||
var lastRender = 0
|
||||
|
||||
function loop(timestamp) {
|
||||
var progress = timestamp - lastRender
|
||||
|
||||
|
|
@ -89,9 +90,11 @@ function render() {
|
|||
for (var i = 0; i < tilesToRender.length; i++) {
|
||||
var tile = tilesToRender[i]
|
||||
var img = new Image
|
||||
img.src = "images/tiles/"+tile.name+"0"+tile.nextFrame(fulltime)+".png"
|
||||
//ctx.drawImage(img,tile.x*48,tile.y*48,48,48)
|
||||
drawRotatedImage(img,tile.x*48+24,tile.y*48+24,directions[tile.direction].degree)
|
||||
var tmp = tile.getTexture(fulltime,0)
|
||||
if (tmp!="0") {
|
||||
img.src = tmp
|
||||
drawRotatedImage(img, tile.x * 48 + 24, tile.y * 48 + 24, directions[tile.direction].degree)
|
||||
}
|
||||
}
|
||||
//RENDER Items
|
||||
for (var i = 0; i < factorys[currentFactory].items.length; i++) {
|
||||
|
|
@ -102,7 +105,15 @@ function render() {
|
|||
console.log(item.x)
|
||||
}
|
||||
//RENDER TILE-LAYER1
|
||||
|
||||
for (var i = 0; i < tilesToRender.length; i++) {
|
||||
var tile = tilesToRender[i]
|
||||
var img = new Image
|
||||
var tmp = tile.getTexture(fulltime,1)
|
||||
if (tmp!="0") {
|
||||
img.src = tmp
|
||||
drawRotatedImage(img, tile.x * 48 + 24, tile.y * 48 + 24, directions[tile.direction].degree)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function getItemFormId(id) {
|
||||
|
|
|
|||
Loading…
Reference in New Issue