Posts

Showing posts with the label craters

making an html5 breakout game tutorial

Image
in this tutorial I'll illustrate how to make the classic breakout game.
I'll use images from gameartguppy and craters.js a compact html5 game engine easy to understand ofcourse tl;dr see you at the codding part :)
firststepfirst
create a directory, name it whatever you want preferably panda-breakout if you have npm installed enter into the directory to setup a freash project and install craters.js run
npm init -y npm install craters.js
in the root directory if the project there should be a package. json and node_modules, cool good to go!
now create the following files in the root directory of the project
game.js
index.html
there after create directory
media
we'll use it to save the images and audio static files
steptwoCoddingpart
fire up your favorite editor and open game.js file we created earlier
add the following code you can clone the craters.js repository on github if you're in a hurry
'use strict'; // import what we needed for the game import { Game, S…

Nodejs backed wack a mole Game

--- due date not met yet
I'll share my idea of the classic
game wack a mole for js13k so space is crucial.
I'm using my micro game engine node-craters.js for nodejs
my first plan is
split the engine take out the loop and update leave the task to the server , using socket.io for communicating information back and forth
when the user opens the game index.html socket.io is loaded later the game.js file containing rendering and canvas. rendering basically nothing much and initial loading text is displayed below there's some functions for socket communication ,
once the page is loaded the game emits a start command telling the server am ready let's play with an optional argument room id vital for playing a game with a friend.the server gets the start command and additionally checks if there's a room id so that the user or player joins an existing match or else  create a new room and emit the users details to tell them their id and room id ,
if there enough people in …

Craters.js micro game engine

craters. js is a micro game engine it started out as a game.i later  decided to make it a game engine in case someone might want to avoid repeating the process of making a game from scratch it's minimal and very lightweight expanding the framework is easy using plugins for sound and collision detection portability is the main goal of the framework I'm always trying to simplify the framework
simple to use micro game framework lightweight and minimal weighing just 2kb zipped and minified includes all you need to get a game up and running in a few lines of code, a loop , update , render. which makes it simple to modify and hackable framework. leaving enough room for the game logic. suitable for js13k games competition or anyone trying to build a game using a skeleton framework as opposed to complex alternatives