My game for GameJam #48: Rabid-Rabit

Hello all, not many hours ago I submited my game for Game-Jam #48 on itch.io. The name of the game is Rabid-Rabit and the theme for the jam was “Mad Science”, the game is a gathering game with a few twists & science!

EDIT: WE WON! View all results here: http://itch.io/jam/js48-1/results
Thanks to all who helped, rated, played! This feels great and gives us strength to do more!

You can find it here: http://itch.io/jam/js48-1/rate/39171

 

Graphics

Here are some of the graphics provided by my sister: http://graphicriver.net/user/elinadobs

Continue reading

facebooktwittergoogle_pluspinterestlinkedin
linkedin

PhaserSlider UI Component for Phaser.io

I just released my PhaseSlider UI component, which is a (duh!) Slider with many options and functionalities, take a look at the Github repo: https://github.com/netgfx/PhaseSlider

View the example here for advanced: http://www.netgfx.co…s/example1.html
or here for basic example: http://www.netgfx.co…ples/index.html


PhaseSlider functionality

Continue reading

facebooktwittergoogle_pluspinterestlinkedin
linkedin

[Tip] New Solutions on HTML5 Game Development

Three Game Development Tools Compatible with Linux

In a world where technology advances quickly, it’s important for game developers to be able to cater to all platforms. The PlayStation, Xbox, and Wii are no longer the only platforms of choice when it comes to gaming. Today, the primary source of entertainment by millions of people around the world is the smartphone.

Continue reading

facebooktwittergoogle_pluspinterestlinkedin
linkedin

Phaser.io how to apply a grayscale filter [Tip]

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.

And here’s how you can do it.

Continue reading

facebooktwittergoogle_pluspinterestlinkedin
linkedin

Mind the Gap: HTML5 Puzzle game

Hello all,

I have released another puzzle/arcade game called Mind the Gap.

Mind the Gap is a puzzle game where the player needs to throw a spinning disk and reach the victory area on the top, while avoiding the blocks.

The game is perfect for desktop and mobile play, and supports click & touch events.

Created with HTML5 canvas and Phaser.io game framework.

  • Support for mobile and Desktop
  • Ready for launch mobile stores with Phonegap/Cordova
  • 20 Levels of increasing difficulty
  • All game graphics are included (.psd format)
  • Easy config with .json to add infinite amount of levels

Parallax effect animation with TweenMax (part 2)

This is the second part (and most recent) of a parallax tutorial and animation using GSAP TweenMax. Before we begin a little bit of theory behind the parallax effect.

Parallax is a displacement or difference in the apparent position of an object viewed along two different lines of sight, and is measured by the angle or semi-angle of inclination between those two lines. The term is derived from the Greek παράλλαξις (parallaxis), meaning “alteration”. Nearby objects have a larger parallax than more distant objects when observed from different positions, so parallax can be used to determine distances.

Here’s an example of the final effect

See the Pen Parallax with Tweenmax by Michael Dobekidis (@netgfx) on CodePen.

Continue reading

facebooktwittergoogle_pluspinterestlinkedin
linkedin

Phonegap/Cordova read images from gallery folder [Tip]

Hello, recently I was working on a project where I wanted to get all the images from the camera but because I wanted to load them in batches I had to find their filenames and store them in a local array for future use.
Since the new cordova file plugin did some changes, there is little information on how to get directories and files.

So here is how it is done on Android (because Apple doesn’t allow access to public folders).

Continue reading

facebooktwittergoogle_pluspinterestlinkedin
linkedin