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 Vasilis Stoidis (@7linternational) 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.
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: