diff --git a/assets/index.html b/assets/index.html
index 09d9e52..f4f2f67 100644
--- a/assets/index.html
+++ b/assets/index.html
@@ -40,12 +40,12 @@
return [sx, sy];
}
- function getHeight(x, y, time) {
+ function getHeight(x, y) {
var h = 0;
- h += Math.sin(x * 0.03 + time * 0.5) * 3;
- h += Math.cos(y * 0.03 + time * 0.4) * 3;
- h += Math.sin(x * 0.05 + y * 0.03 + time * 0.3) * 1.5;
- h += Math.cos(y * 0.05 - x * 0.03 + time * 0.6) * 1;
+ h += Math.sin(x * 0.03) * 3;
+ h += Math.cos(y * 0.03) * 3;
+ h += Math.sin(x * 0.05 + y * 0.03) * 1.5;
+ h += Math.cos(y * 0.05 - x * 0.03) * 1;
return Math.round(h);
}
@@ -53,7 +53,6 @@
return h <= -2;
}
- var time = 0;
var tiles = [];
function generateTiles() {
@@ -65,7 +64,7 @@
for (var y = -rangeY; y <= rangeY; y++) {
var wx = x * TILE;
var wy = y * TILE;
- var h = getHeight(wx, wy, time);
+ var h = getHeight(wx, wy);
tiles.push({ x: wx, y: wy, h: h });
}
}
@@ -130,10 +129,21 @@
var water = isWater(h);
- var hRight = heightMap[(wx + TILE) + ',' + wy] || 0;
- var hBack = heightMap[wx + ',' + (wy + TILE)] || 0;
-
- drawTile(wx, wy, h, water, hRight, hBack);
+ for (var level = 1; level <= h; level++) {
+ var hRight;
+ if (level > (heightMap[(wx + TILE) + ',' + wy] || 0)) {
+ hRight = level - 1;
+ } else {
+ hRight = level;
+ }
+ var hBack;
+ if (level > (heightMap[wx + ',' + (wy + TILE)] || 0)) {
+ hBack = level - 1;
+ } else {
+ hBack = level;
+ }
+ drawTile(wx, wy, level, true, hRight, hBack);
+ }
}
}
@@ -151,8 +161,6 @@
ctx.fillStyle = '#001020';
ctx.fillRect(0, 0, W, H);
- time += 0.02;
-
generateTiles();
drawTiles();