Hello all, I haven’t posted in a while but this is an effect that I think deserves a place in here. What this effect does is to make tweening of nodes and the lines connected to those nodes move as well. I’m using Phaserjs for this and depending on your version of the browser it will show as either WebGL or Canvas.
Without any further delay here is the final effect
So I was looking for a smart/quick/light way to apply grayscale filter to my images but not by using WebGL.
What I found is that by using Image.blendMode = PIXI.blendModes.SATURATION I could simply create an image in Photoshop and apply that blend to it. This way you don’t have to create multiple grayscale versions of the images but simply add one grayscale and re-apply it when you want.
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.
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).
Hello, This is my latest game named Quizland Conquest. A STRATEGY / TRIVIA GAME, WHERE THE PLAYER NEEDS TO ANSWER TRIVIA QUESTIONS TO PROGRESS AND CAPTURE NEUTRAL OR ENEMY POINTS ON THE MAP. USE YOUR WITS AND DEFEAT UP TO 3 COMPETITIVE A.I OPPONENTS, OR YOUR OWN FRIENDS! … Continue reading →
Hello all, I haven’t posted in a while but this is an effect that I think deserves a place in here. What this effect does is to make tweening of nodes and the lines connected to those nodes move as well. I’m using Phaserjs for this and depending on your … Continue reading →
Vampyre: World at stake A turn based battle game based on the world of Vampyre. A menacing ancient evil is enslaving the country. You are the chosen hero to avenge the people and vanquish the evil once and for all! Buy at: Envato – Codecanyon Free roam to the world map … Continue reading →