Posts

Showing posts from 2018

How to make a multiplayer game on NOTEPAD

-
Image
Hello everybody after publishing two games today I am publishing my third game which is a multiplayer game.Just follow my STEPS. STEP 1:Open NOTEPAD and copy the codes. STEP 2:after that just Save as 12345.html (replace 12345 with the game name) <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding: 0px; } canvas { margin-top: 15vh; margin-left: 20vw; background: black; outline: 1px solid white; } </style> </head> <body onload="startGame()"> <script> var hockey1; var hockey2; var ball; var point1 = 0; var point2 = 0; function startGame() { myGameArea.start(); hockey1 = new component(8, 60, "yellow", 20, 150); hockey2 = new component(8, 60, "lime", 670, 150); ball = new component(7, 7, 'orange', 350, 170); myScor...
Post a Comment
Read more

How to make a flappy bird game in NOTEPAD

-
Image
Welcome to my blog, come we will make a small game.Just follow the STEPS. STEPS 1: Open NOTEPAD and copy the codes. STEPS 2: After this just Save as 123.html(replace 123 with your game name) <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <style> canvas {     border:1px solid #d3d3d3;     background-color: #f1f1f1; } </style> </head> <body onload="startGame()"> <script> var myGamePiece; var myObstacles = []; var myScore; function startGame() {     myGamePiece = new component(30 , 30, "red",30,120,); myGamePiece.gravity = 0.05;     myScore = new component("30px", "Consolas", "black", 280, 40, "text");     myGameArea.start(); } var myGameArea = {     canvas : document.createElement("canvas"),     start : function() {         this.canvas.width = 480;   ...
2 comments
Read more

How to create a snake game in NOTEPAD

-
Image
Hello everybody,If you want to make a game just follow my STEPS STEP 1:Open NOTEPAD and copy the codes. STEP 2:after this just Save as 1234.html (replace 1234 with your game name) <canvas id=canvas height=400 width=600> </canvas> <script> function Game(){   this.snake = new Snake();   this.food = new Food();   this.ctx = canvas.getContext('2d');   this.scale = 20;   this.nx = Math.floor(canvas.width/this.scale);   this.ny = Math.floor(canvas.height/this.scale);   this.step = function(){     this.snake.step(this);     this.food.step(this);     this.draw();     this.wait();   };   this.draw = function(){     this.Rect(0, 0, this.nx, this.ny, '#AAAAAA');     this.snake.draw(this);     this.food.draw(this);   };   this.keydown = function(evt){     this.snake.keydown(evt.key);   }   this.Rect = fu...
1 comment
Read more