Quizland Conquest now on Codecanyon

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

Facebooktwittergoogle_pluspinterestlinkedin
linkedin

Interconnecting nodes with lines using Phaser

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

 

See the Pen Phaser interconnecting nodes by Michael Dobekidis (@netgfx) on CodePen.

Advanced:

See the Pen Phaser interconnecting nodes x3 by Michael Dobekidis (@netgfx) on CodePen.373

Continue to code break down and tutorial

Continue reading

Facebooktwittergoogle_pluspinterestlinkedin
linkedin

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

Replay system for KineticJS and HTML5 Canvas

I have been struggling with the lack of replay procedures in HTML5 gaming, with flash things were quite easy because we could save all of our game sessions as movies or swf files that could be later on viewed. With HTML5 we don’t quite have that, or it is not as easy. So I was thinking of ways to produce movies from canvas.
And then it hit me… images can produced as urls and canvas can be exported as an image, and what are continuously changing images? A movie!

So I went on and made a codepen about this. And quite frankly it kinda looks awesome. Of course some more brilliant minds than mine could dig into this and help me make it truly useful for all.

So let’s see the pen first. The procedure is as follows:

We click record and move the box around
Then we stop and we watch the movie that was produced.

See the Pen Record & playback for canvas by Michael Dobekidis (@netgfx) on CodePen.

Continue reading

Facebooktwittergoogle_pluspinterestlinkedin
linkedin

Secret Word, (a hangman game with a twist)

I have launched yet another game. This time is a classic hangman game build with HTML5 Canvas and Javascript.

Features

Classic hangman game with a plot twist

Game Features:

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:

Facebooktwittergoogle_pluspinterestlinkedin
linkedin

Canvas grid pattern constructor v1.1 released

Hello, I just released a grid pattern constructor on Envato Codecanyon. This Grid-pattern is ideal for wireframe templates, blueprint designs or as a simple background.

The grid contains a build-in mechanism for responsive re-draw, and can be easily customized to include other grid-patterns, right now it can produce: blocks, diamonds, hexagons, circles and diagonal lines

The script is pure javascript and has no dependencies of other javascript libraries. However it can be easily extended to become a JQuery or other library plugin.

Multi-Grid

You can find it here: Canvas Multi-Grid

Examples Preview


Enjoy!

Facebooktwittergoogle_pluspinterestlinkedin
linkedin

Particles with KineticJS and collision detection

Hello once again, this time I will show a nice technique to create exploding particles with KineticJS.

First of all we setup the stage and the canvas objects.

DEMO:

http://cdpn.io/IwAoc

See the Pen kineticjs collision detection by Michael Dobekidis (@netgfx) on CodePen.

Continue reading

Facebooktwittergoogle_pluspinterestlinkedin
linkedin