Skip to the content

Emanuele Feronato

Italian geek and PROgrammer
Check my
101 games challenge!
I write about game development, HTML5, Phaser, JavaScript, TypeScript, Box2D, Flash and more fun stuff since 2006

Pure TypeScript class to handle Drag and Match games in just a few lines – part 2: detecting matches

The pure TypeScript class with no dependencies to handle Drag and Match games now is able to recognize all matches. HTML5 example powered by Phaser, free source code to download.

Talking about Drag and Match game, Game development, HTML5, Javascript, Phaser and TypeScript.

Pure TypeScript class to handle Drag and Match games in just a few lines – jQuery + interact.js example in 20 lines of code

A jQuery driven Drag and Match game in only 20 lines of code? It’s possibile thanks to my pure TypeScript Drag and Match class which handles everything you need for these kindof games. Interaction by interact.js – Full source code for you to download.

Talking about Drag and Match game, Game development, Html and Javascript.

Pure TypeScript class to handle Drag and Match games in just a few lines – part 1: dragging items. HTML5 example powered by Phaser.

First version of a pure TypeScript class with no dependencies to manage a HTML5 Drag and Match game in just a few lines. You’ll just have to pass input coordinates and the class will return item movements. Full example powered by Phaser.

Talking about Drag and Match game, Game development, HTML5, Javascript, Phaser and TypeScript.

Build a highly customizable mobile friendly HTML5 level selection screen controllable by tap and swipe written in TypeScript and powered by Phaser

Add to your HTML5 games a fully customizable level selection screen, mobile friendly, which you can control by tapping or swiping. Written in TypeScript and powered by Phaser. Full source code available.

Talking about Game development, HTML5, Javascript, Phaser and TypeScript.

TypeScript class with no dependencies to handle Sokoban games in less than 10 lines of code. HTML5 example powered by Phaser

A completely commented, standalone TypeScript class with no dependencies is what you need if you want to build your Sokoban game in about 10 lines like I did. HTML5 example powered by Phaser

Talking about Sokoban game, Game development, HTML5, Javascript, Phaser and TypeScript.

HTML5 prototype of “Serious Scramblers” powered by Phaser and written in TypeScript built with no physics engines: only Swept AABB collision detection

Build your HTML5 physics game with no physics engine thanks to Swept AABB method. Look how I built “Serious Scramblers” prototype powered by Phaser and written in TypeScript. Full commented source code available.

Talking about Serious Scramblers game, Game development, HTML5, Javascript, Phaser and TypeScript.

Understanding physics continuous collision detection using swept AABB method and Minkowski sum – Part 2: both bodies are moving

Now you can handle perfect collision between two fast moving bodies in your HTML5 games thanks to Swept AABB method, with a full example powered by Phaser and written in TypeScript. Full commented source code available.

Talking about Game development, HTML5, Javascript, Phaser and TypeScript.

Understanding physics continuous collision detection using swept AABB method and Minkowski sum

Now you can manage continuous collision detection in your HTML5 games thanks to swept AABB method and Minkowski sum. Full commented source code powered by Phaser and written in TypeScript available

Talking about Game development, HTML5, Javascript, Phaser and TypeScript.

Back to the basics: why do we absolutely NEED a web server to develop HTML5 games? Aren’t they just JavaScript?

Sometimes is good to start from the bare bones of HTML5 game development. Today I am answering a beginner question: why do we need a web server just to write some JavaScript?

Talking about HTML5 and Javascript.

Control your cross platform HTML5 game with keyboard, mouse or touch input with an all-in-one TypeScript code, powered by Phaser

One script to rule them all: control your HTML5 cross platform game allowing keyboard, mouse or multitouch input in this example powered by Phaser and written in TypeScript. Full commented source code available.

Talking about Game development, HTML5, Javascript, Phaser and TypeScript.

“Serious Scramblers” HTML5 prototype built with Phaser and TypeScript – Adding a new enemy type: the Rotating Saw

Now “Serious Scramblers” HTML5 prototype features a new enemy: a deadly rotating saw! Full commented source code available, powered by Phaser and Arcade physics, written in TypeScript.

Talking about Serious Scramblers game, Game development, HTML5, Javascript, Phaser and TypeScript.

“Serious Scramblers” HTML5 prototype built with Phaser and TypeScript – Adding sprites and animations

Pixel art sprites and animations, have been added to my “Serious Scramblers” HTML5 prototype powered by Phaser and Arcade Physics and written in TypeScript. Full line by line commented source code available.

Talking about Serious Scramblers game, Game development, HTML5, Javascript, Phaser and TypeScript.
Page 10 / 158FirstPrevNextLast
101
Games Challenge
I will build 101 games as a solo developer
During these years, I published 226 explained game prototypes, along with source code: 1+2=3, 100 rounds, 10000000, 2 Cars, 2048, A Blocky Christmas, A Jumping Block, A Life of Logic, Angry Birds, Angry Birds Space, Artillery, Astro-PANIC!, Avoider, Back to Square One, Ball Game, Ball vs Ball, Ball: Revamped, Balloon Invasion, BallPusher, Ballz, Bar Balance, Bejeweled, Biggification, Block it, Blockage, Bloons, Boids, Bombuzal, Boom Dots, Bouncing Ball, Bouncing Ball 2, Bouncy Light, BoxHead, Breakout, Bricks, Bubble Chaos, Bubbles 2, Card Game, Castle Ramble, Chronotron, Circle Chain, Circle Path, Circle Race, Circular endless runner, Cirplosion, Click when Red, CLOCKS - The Game, Color Hit, Color Jump, ColorFill, Columns, Concentration, Crossy Road, Crush the Castle, Cube Jump, CubesOut, Dash N Blast, Dashy Panda, Deflection, Diamond Digger Saga, Don't touch the spikes, Dots, Down The Mountain, Drag and Match, Draw Game, Drop Wizard, DROP'd, Dudeski, Dungeon Raid, Educational Game, Elasticity, Endless Runner, Erase Box, Eskiv, Farm Heroes Saga, Filler, Flappy Bird, Fling, Flipping Legend, Floaty Light, Fuse Ballz, GearTaker, Gem Sweeper, Globe, Goat Rider, Gold Miner, Golf Dash, Grindstone, GuessNext, Helicopter, Helix Jump, Hero Emblems, Hero Slide, Hexagonal Tiles, HookPod, Hop Hop Hop Underwater, Horizontal Endless Runner, Hundreds, Hungry Hero, Hurry it's Christmas, InkTd, Input Delay, Iromeku, Jet Set Willy, Jigsaw Game, Knife Hit, Knightfall, Legends of Runeterra, Lep's World, Line Rider, Lumines, Magick, MagOrMin, Mass Attack, Math Game, Maze, Meeblings, Memdot, Metro Siberia Underground, Mike Dangers, Mikey Hooks, Mini Archer, Nano War, Nodes, o:anquan, One Button Game, One Tap RPG, Ononmin, Pacco, Perfect Square!, Perfectionism, Phyballs, Pixel Purge, PixelField, Planet Revenge, Plants Vs Zombies, Platform, Platform game, Platformer, Plus+Plus, Pocket Snap, Poker, Pool, Pop the Lock, Pop to Save, Poux, Pudi, Pumpkin Story, Puppet Bird, Pushori, Pyramids of Ra, qomp, Quick Switch, Racing, Radical, Rebuild Chile, Renju, Rise Above, Risky Road, Roguelike, Roly Poly, Run Around, Rush Hour, SameGame, SamePhysics, Security, Serious Scramblers, Shrink it, Sling, Slingy, Snowflakes, Sokoban, Space Checkers, Space is Key, Spellfall, Spinny Gun, Splitter, Spring Ninja, Sproing, Stabilize!, Stack, Stairs, Stick Hero, String Avoider, Stringy, Sudoku, Super Mario Bros, Surfingers, Survival Horror, Talesworth Adventure, Teeter Up, Tetris, The Impossible Line, The Moops - Combos of Joy, The Next Arrow, Threes, Tic Tac Toe, Timberman, Tiny Wings, Tipsy Tower, Toony, Totem Destroyer, Tower Defense, Trailblazer, Trick Shot, Tunnelball, Turn, Turnellio, TwinSpin, Vampire Survivors, vvvvvv, Warp Shift, Watermelon Game, Way of an Idea, Whack a Creep, Wheel of Fortune, Where's my Water, Wish Upon a Star, Word Game, Wordle, Worms, Yanga, Yeah Bunny, Zhed, zNumbers, Zuma
© 2025 Emanuele Feronato
Manage Consent
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
Functional Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes. The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
Manage options Manage services Manage {vendor_count} vendors Read more about these purposes
View preferences
{title} {title} {title}