Quick video showing the zoom and height map.
The tile world is using a rather excessive pre randomly generated 500×500 tiles so 250,000 in total – for testing purposes only, this would be broken down into zones in later stages.
The engine now supports rotation, lossless zooming, height maps and tile shadows as well as a far better drawing approach.
Still need to implement the previously created functionality but it shouldn’t take long as we have already created the path-finding to support our new tile organisation methods.
Sorry for quality of video, not sure the best way to go about making these and can never get it to look as smooth and fast as it really does!
how to add new player in this map using socket to function below
you can help me in this script below? thanks
function drawMap(){
var tileH = 25;
var tileW = 50;
for(i=0;i<map.length;i++){
for(j=0;j<map[i].length;j++){
var drawTile= map[i][j];
var drawObj = objectMap[i][j];
var xpos = (i-j)*tileH + mapX;
var ypos = (i+j)*tileH/2+ mapY;
ctx.drawImage(tileImg[drawTile],xpos,ypos);
if(drawObj){
ctx.drawImage(objectImg[drawObj-1],xpos,ypos-(objectImg[drawObj-1].height/2));
}
// if( i == newplayerX && j == newplayerY){
// ctx.drawImage(charImg[0],xpos,ypos-(charImg[0].height/2));
// }
if(i == playerX && j == playerY){
ctx.drawImage(charImg[0],xpos,ypos-(charImg[0].height/2));
}
if(i == xmouse && j == ymouse){
ctx.fillStyle = 'rgba(255, 255, 120, 0.7)';
ctx.beginPath();
ctx.moveTo(xpos, ypos+12.5);
ctx.lineTo(xpos+25, ypos);
ctx.lineTo(xpos+50, ypos+12.5);
ctx.lineTo(xpos+25, ypos+25);
ctx.fill();
}
}
}
};
Welcome to Back, Awesome new features & videos.
Very waiting Edward Smyth tutorial’s about multiplayer.
Best of Good Luck!
Please keep the tutorials coming that explain how you created the latest additions to the engine. As ever the tutorials are easy to understand and informative. Great work
Hey Mike,
I have less than two weeks left till my classes are finished for my masters. Once that’s over I’ll be back to a lot more hobby programming, so will get back on to the tutorials soon!
Thanks for the great feedback, much appreciated,
Iain