A game with you move 3-D character rounded a to 2-D plane Use triangles to make the 3-D character use a judgy fond to make the ground make triangles just try's game

Click here for free DL of the app version that can save data.

No:50784

←

Prev Next

→

A game with you move 3-D character rounded a to 2-..ALL
Developer User21217｜Date and time 24/3/9 15:20:36
Build time 4.944 sec｜Game capacity 1.363KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

Click here for free DL of the app version that can save data.

// Set up character variables
var player = {
 x: 50,
 y: 50,
 size: 20,
 speed: 5
};

// Set up key input variables
var keys = {};
window.addEventListener('keydown', function(e) {
 keys[e.keyCode] = true;
});
window.addEventListener('keyup', function(e) {
 delete keys[e.keyCode];
});

// Game loop
function update() {
 if (keys[37]) { // Left arrow key
 player.x -= player.speed;
 }
 if (keys[39]) { // Right arrow key
 player.x += player.speed;
 }
 if (keys[38]) { // Up arrow key
 player.y -= player.speed;
 }
 if (keys[40]) { // Down arrow key
 player.y += player.speed;
 }

// Boundary checking
 if(player.x < 0) {
 player.x = 0;
 }
 if(player.x > canvas.width) {
 player.x = canvas.width;
 }
 if(player.y < 0) {
 player.y = 0;
 }
 if(player.y > canvas.height) {
 player.y = canvas.height;
 }

// Clear canvas
 ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw character
 ctx.beginPath();
 ctx.moveTo(player.x, player.y);
 ctx.lineTo(player.x + player.size, player.y);
 ctx.lineTo(player.x + (player.size / 2), player.y - player.size);
 ctx.closePath();
 ctx.fill();

requestAnimationFrame(update);
}

update();
</script>