Recently as I was building a new game, I realized that one of the most re-used elements across a variety of games is the “modal”, whether it is a countdown, a message modal or a game-over modal.
So I thought to create a little snippet that would make creating a modal an easier task, with the following script we can create a large combination of either text, bitmaptext or images.
So enough with the presentation, lets see how it looks, in this codepen I created six examples for all tastes.
See the Pen Phaser Modals by Michael Dobekidis (@netgfx) on CodePen.
So let’s see what this script can support.
Lately I have been using Phaser.io as a game framework/engine. And one thing that is quite tedius, is to manage your Sprites and animation frames, it is roughly 40% of your game development time.
However there is one tool that now -that officially supports Phaser- cuts down this time at least by 90%.
View more info or download TexturePacker here: https://www.codeandweb.com/texturepacker
The tool is named TexturePacker and allows the load of all your assets and combines them very conveniently into a single Spritesheet and exports that Spritesheet along with a .json file that “tells” Phaser where to find each frame (based on coordinates on the spritesheet), this is called an atlasJSONHash/atlasJSONArray.
I have attached a video showcasing a very rough export that I will use to create today’s codepen example (see below).
Here is the end result of our game.
See the Pen OPpgZw by Michael Dobekidis (@netgfx) on CodePen.
Continue to see details about creating a Player and animations with atlasJSONHash.
I wish you all happy new year!
Here’s a little codepen made with the gaming framework Phaser.io
See the Pen Christmas 2014, from 7L by Michael Dobekidis (@netgfx) on CodePen.
Nightcast is a horror game that places the player in the role of an adventurer that moves through a dark forest (too dark) and has only his trusty flashlight to guide him. As ghosts appear the player needs to dispatch them swiftly before the fear overwhelms him.
Game is ready to be compiled using Phonegap (config.xml included)
You can view/get the game here: Nightcast on Codecanyon
Potion Master is a puzzle game, where the player has to guess the right combination set by the AI.
This game includes:
- Build-in A.I
- Build-in Tip system
- Sound manager & Sounds
- HD Graphics
- Gracefully scales to different screen-sizes
- Access to local-storage
- Infinite theme posibilities
You can view the game here: Potion Master on Codecanyon
Hello all, so I have been pretty active on the “create games” front but not so much for blogging, sorry about that… So I come to you now with a Pen that razed over 1500+ views on codepen and 14 hearts so far…
It’s my implementation of a remote collision detection system that uses degrees instead of bounding boxes. This works well for games where you want to calculate the position of the shoot but the “cannon/lazer/fazer/tower” is not near the target, so instead of creating long bounding-boxes. We just calculate the degrees between the source (cannon) and the target(enemy). And when the cannon is rotated on those degrees it can fire.
Here I will show how a tank can “detect” the enemy. Here’s a quick example and the code will follow:
See the Pen Remote collision detection by Michael Dobekidis (@netgfx) on CodePen.
Classic hangman game with a plot twist
Dictionary with over 1800 words
Supports themes, and theme creation
Includes two themes ( blackboard and notepad )
Adaptive design that manages size in different devices
Included video help file for changing Theme
Check how easy it is to change themes:
I have released another HTML5 game on CodeCanyon.
A classic game for a modern browser
HTML5 and CSS3 technologies
Supports all modern browsers and tablets
Highly customizable to change avatars/pictures/names/questions
Fully functional with AI
No-globals means wordpress compatible
Files include version of the game in Greek. Names and questions can be changed to every language.
Game is already responsive but can be further extended via media-queries.
Hello, I have just released a new Flex/Air game on ActiveDen. Check it out!
– It features smart A.I to play against.
– Source files include cross-platform Air application AND Flex Web-application.
– High customization available.
– Based on latest Official Adobe Flex SDK (4.6)
You can find it here: LINK