corpus.blog
41554 blogs · [ { "id": "01a0b0c8-f91f-70e9-b508-7fca67fa7d54", "title": "Understanding raycasting in 2D games, and using it with a free commented open source JavaScript library", "url": "https://emanueleferonato.com/2026/09/14/understanding-raycasting-in-2d-games-and-using-it-with-a-free-commented-open-source-javascript-library/", "published_at": "2026-09-14T15:19:37+00:00" }, { "id": "01a08772-ef23-7157-bcaf-aa9057f72e19", "title": "Build a game like mobile smash hit Meowdoku in vanilla JavaScript in just a few lines of code", "url": "https://emanueleferonato.com/2026/09/08/build-a-game-like-mobile-smash-hit-meowdoku-in-vanilla-javascript-in-just-a-few-lines-of-code/", "published_at": "2026-09-08T21:58:03+00:00" }, { "id": "01a08772-ef23-7157-bcaf-aa9058dbb6e1", "title": "Build a HTML5 game like Geometry Dash using Phaser 4 and TypeScript, with a simple custom physics engine", "url": "https://emanueleferonato.com/2026/07/21/build-a-html5-game-like-geometry-dash-using-phaser-4-and-typescript-with-a-simple-custom-physics-engine/", "published_at": "2026-07-21T18:00:10+00:00" }, { "id": "01a08772-ef23-7157-bcaf-aa9059acbf92", "title": "20 years of blogging: a two-decade journey through web gaming history", "url": "https://emanueleferonato.com/2026/05/26/20-years-of-blogging-a-two-decade-journey-through-web-gaming-history/", "published_at": "2026-05-26T15:17:14+00:00" }, { "id": "01a08772-ef23-7157-bcaf-aa9059d1ca8a", "title": "HTML5 game Spears N’ Coins with Phaser 4.1 and TypeScript: a tiny endless runner like Dashy Panda", "url": "https://emanueleferonato.com/2026/05/20/html5-game-spears-n-coins-with-phaser-4-1-and-typescript-a-tiny-endless-runner-like-dashy-panda/", "published_at": "2026-05-20T09:29:21+00:00" }, { "id": "01a08772-ef23-7157-bcaf-aa905ac22948", "title": "Getting Started with Phaser 4: Vite + TypeScript Setup, using the official Create Game App", "url": "https://emanueleferonato.com/2026/04/17/getting-started-with-phaser-4-vite-typescript-setup-using-the-official-create-game-app/", "published_at": "2026-04-17T14:56:43+00:00" }, { "id": "01a08772-ef23-7157-bcaf-aa905bbd7d79", "title": "Phaser 4 HTML5 SameGame powered by samegame-engine, a headless TypeScript class", "url": "https://emanueleferonato.com/2026/04/09/phaser-4-html5-samegame-powered-by-samegame-engine-a-headless-typescript-class/", "published_at": "2026-04-09T18:04:51+00:00" }, { "id": "01a08772-ef23-7157-bcaf-aa905c6f0eba", "title": "Build a highly customizable mobile friendly HTML5 level selection screen controllable by tap, swipe and mouse wheel, written in TypeScript and powered by Phaser", "url": "https://emanueleferonato.com/2026/02/25/build-a-highly-customizable-mobile-friendly-html5-level-selection-screen-controllable-by-tap-swipe-and-mouse-wheel-written-in-typescript-and-powered-by-phaser/", "published_at": "2026-02-25T11:59:14+00:00" }, { "id": "01a08772-ef23-7157-bcaf-aa905d1d59f0", "title": "Simulating rotating gravity and perimeter based movement like in “Be Brave, Barb” game with Phaser, without any physics engine", "url": "https://emanueleferonato.com/2026/02/16/simulating-rotating-gravity-and-perimeter-based-movement-like-in-be-brave-barb-game-with-phaser-without-any-physics-engine/", "published_at": "2026-02-16T11:07:20+00:00" }, { "id": "01a08772-ef23-7157-bcaf-aa905d3dff1d", "title": "From Dense Grids to Clean Perimeters: Extracting Shapes with Greedy Geometry – Tiled and JavaScript example", "url": "https://emanueleferonato.com/2026/02/05/from-dense-grids-to-clean-perimeters-extracting-shapes-with-greedy-geometry-tiled-and-javascript-example/", "published_at": "2026-02-05T10:52:33+00:00" }, { "id": "01a08772-ef23-7157-bcaf-aa905e22b685", "title": "Reducing Tiled Maps to Optimized Collision Rectangles with Greedy Merging", "url": "https://emanueleferonato.com/2026/01/31/reducing-tiled-maps-to-optimized-collision-rectangles-with-greedy-merging/", "published_at": "2026-01-31T21:22:04+00:00" }, { "id": "01a08772-ef23-7157-bcaf-aa905f160abd", "title": "Greedy Rectangle Merging: Turning Binary Grids into Simple Geometry – JavaScript example", "url": "https://emanueleferonato.com/2026/01/28/greedy-rectangle-merging-turning-binary-grids-into-simple-geometry-javascript-example/", "published_at": "2026-01-28T16:55:25+00:00" }, { "id": "01a08772-ef23-7157-bcaf-aa905fde9665", "title": "HTML5 prototype of a planet gravity platform using Phaser 4 and Arcade physics, written in TypeScript", "url": "https://emanueleferonato.com/2026/01/21/html5-prototype-of-a-planet-gravity-platform-using-phaser-4-and-arcade-physics-written-in-typescript/", "published_at": "2026-01-21T10:50:19+00:00" }, { "id": "01a0c50a-b0f2-71d2-9925-1cddb4e497e9", "title": "Understanding QuadTrees: organizing space to reduce unnecessary work", "url": "https://emanueleferonato.com/2026/01/19/understanding-quadtrees-organizing-space-to-reduce-unnecessary-work/", "published_at": "2026-01-19T08:43:29+00:00" }, { "id": "01a0c50a-b0f2-71d2-9925-1cddb4edda2f", "title": "Understanding how to use Mulberry32 to achieve deterministic randomness in JavaScript", "url": "https://emanueleferonato.com/2026/01/08/understanding-how-to-use-mulberry32-to-achieve-deterministic-randomness-in-javascript/", "published_at": "2026-01-08T16:20:30+00:00" }, { "id": "01a0c50a-b0f2-71d2-9925-1cddb56cf986", "title": "Text-to-Speech on your PC: running Chatterbox Turbo locally on Windows – clean setup + known pitfalls", "url": "https://emanueleferonato.com/2026/01/07/text-to-speech-on-your-pc-running-chatterbox-turbo-locally-on-windows-clean-setup-known-pitfalls/", "published_at": "2026-01-07T09:45:21+00:00" }, { "id": "01a0c50a-b0f2-71d2-9925-1cddb62eadc2", "title": "JavaScript Input Buffering: a simple project to show delayed keyboard events", "url": "https://emanueleferonato.com/2025/11/20/javascript-input-buffering-a-simple-project-to-show-delayed-keyboard-events/", "published_at": "2025-11-20T19:04:11+00:00" }, { "id": "01a0c50a-b0f2-71d2-9925-1cddb705b921", "title": "JavaScript + CSS 3D Wheel of Fortune", "url": "https://emanueleferonato.com/2025/10/31/javascript-css-3d-wheel-of-fortune/", "published_at": "2025-10-31T17:48:29+00:00" }, { "id": "01a0c50a-b0f2-71d2-9925-1cddb7cf3d79", "title": "Pure TypeScript class to handle math draw games: build your HTML5 math game in a matter of minutes – Phaser example included", "url": "https://emanueleferonato.com/2025/08/22/pure-typescript-class-to-handle-math-draw-games-build-your-html5-math-game-in-a-matter-of-minutes-phaser-example-included/", "published_at": "2025-08-22T09:17:03+00:00" }, { "id": "01a0c50a-b0f2-71d2-9925-1cddb8570b5e", "title": "Build a HTML5 “Helix Jump” prototype with Three.js and TypeScript – Step 4: scoring, animated CSS background and platforms fading away", "url": "https://emanueleferonato.com/2025/06/17/build-a-html5-helix-jump-prototype-with-three-js-and-typescript-step-4-scoring-animated-css-background-and-platforms-fading-away/", "published_at": "2025-06-17T15:06:05+00:00" }, { "id": "01a0c50a-b0f2-71d2-9925-1cddb8f065ae", "title": "Click when Red – learn JavaScript and CSS by building a reflex game in a single HTML page", "url": "https://emanueleferonato.com/2025/05/30/click-when-red-learn-javascript-and-css-by-building-a-reflex-game-in-a-single-html-page/", "published_at": "2025-05-30T10:35:12+00:00" }, { "id": "01a0c50a-b0f2-71d2-9925-1cddb92b2a77", "title": "Build a HTML5 “Helix Jump” prototype with Three.js and TypeScript – Step 3: adding spikes and using GSAP for camera tweening", "url": "https://emanueleferonato.com/2025/05/11/build-a-html5-helix-jump-prototype-with-three-js-and-typescript-step-3-adding-spikes-and-using-gsap-for-camera-tweening/", "published_at": "2025-05-11T15:04:26+00:00" }, { "id": "01a0c50a-b0f2-71d2-9925-1cddb95ea1fc", "title": "Build a HTML5 “Helix Jump” prototype with Three.js and TypeScript – Step 2: adding a bouncing ball with no physics engine", "url": "https://emanueleferonato.com/2025/04/28/build-a-html5-helix-jump-prototype-with-three-js-and-typescript-step-2-adding-a-bouncing-ball-with-no-physics-engine/", "published_at": "2025-04-28T16:08:33+00:00" }, { "id": "01a0c50a-b0f2-71d2-9925-1cddb9dbd378", "title": "Build a HTML5 “Helix Jump” prototype with Three.js and TypeScript", "url": "https://emanueleferonato.com/2025/04/20/build-a-html5-helix-jump-prototype-with-three-js-and-typescript/", "published_at": "2025-04-20T16:29:46+00:00" }, { "id": "01a0c51a-9faa-7282-a155-5274f59af4ea", "title": "Build a game like C64 classic Trailblazer in Three.js using TypeScript, with a lot of room for customization", "url": "https://emanueleferonato.com/2025/04/12/build-a-game-like-c64-classic-trailblazer-in-three-js-using-typescript-with-a-lot-of-room-for-customization/", "published_at": "2025-04-12T18:09:16+00:00" }, { "id": "01a0c51a-9faa-7282-a155-5274f5a5c097", "title": "Vanilla JavaScript Columns, because everybody should build a Columns game", "url": "https://emanueleferonato.com/2025/03/02/vanilla-javascript-columns-because-everybody-should-build-a-columns-game/", "published_at": "2025-03-02T14:33:31+00:00" }, { "id": "01a0c51a-9faa-7282-a155-5274f680df6f", "title": "Vanilla JavaScript Tetris, because everybody should build a Tetris game", "url": "https://emanueleferonato.com/2025/02/24/vanilla-javascript-tetris-because-everybody-should-build-a-tetris-game/", "published_at": "2025-02-24T17:26:40+00:00" }, { "id": "01a0c51a-9faa-7282-a155-5274f6ef9399", "title": "Simulate a keyboard input delay with Phaser (why on earth? You’ll see)", "url": "https://emanueleferonato.com/2025/02/14/simulate-a-keyboard-input-delay-with-phaser-why-on-earth-youll-see/", "published_at": "2025-02-14T16:17:05+00:00" }, { "id": "01a0c51a-9faa-7282-a155-5274f79cb25c", "title": "Create a HTML5 game like “Golf Dash” with Phaser and a TypeScript class with no dependencies – Compatible with Phaser 4 beta", "url": "https://emanueleferonato.com/2025/01/31/create-a-html5-game-like-golf-dash-with-phaser-and-a-typescript-class-with-no-dependencies-compatible-with-phaser-4-beta/", "published_at": "2025-01-31T16:30:32+00:00" }, { "id": "01a0c51a-9faa-7282-a155-5274f830bc33", "title": "Develop, build and distribute your HTML5 Phaser games with Vite", "url": "https://emanueleferonato.com/2025/01/01/develop-build-and-distribute-your-html5-phaser-games-with-vite/", "published_at": "2025-01-01T12:34:43+00:00" }, { "id": "01a0c51a-9faa-7282-a155-5274f8844626", "title": "HTML5 tile based platformer handling slopes powered by Phaser using no physics engines (and working with Phaser 4)", "url": "https://emanueleferonato.com/2024/12/25/html5-tile-based-platformer-handling-slopes-powered-by-phaser-using-no-physics-engines-and-working-with-phaser-4/", "published_at": "2024-12-25T21:54:09+00:00" }, { "id": "01a0c51a-9faa-7282-a155-5274f8bee373", "title": "HTML5 “Vampire Survivors” prototype built with Phaser – Step 2: adding and collecting coins", "url": "https://emanueleferonato.com/2024/12/12/html5-vampire-survivors-prototype-built-with-phaser-step-2-adding-and-collecting-coins/", "published_at": "2024-12-12T15:36:35+00:00" }, { "id": "01a0c51a-9faa-7282-a155-5274f91212ea", "title": "Quick HTML5 prototype of “Vampire Survivors” built with Phaser (like the original game)", "url": "https://emanueleferonato.com/2024/11/29/quick-html5-prototype-of-vampire-survivors-built-with-phaser-like-the-original-game/", "published_at": "2024-11-29T12:25:53+00:00" }, { "id": "01a0c51a-9faa-7282-a155-5274f9dc419a", "title": "First Phaser 4 test, everything worked fine", "url": "https://emanueleferonato.com/2024/11/22/first-phaser-4-test-everything-worked-fine/", "published_at": "2024-11-22T16:16:41+00:00" }, { "id": "01a0c51a-9faa-7282-a155-5274f9f155d3", "title": "HTML5 “Ballz” engine powered by Phaser and TypeScript – a better way to show ball trajectory", "url": "https://emanueleferonato.com/2024/11/05/html5-ballz-engine-powered-by-phaser-and-typescript-a-better-way-to-show-ball-trajectory/", "published_at": "2024-11-05T17:56:09+00:00" }, { "id": "01a0c51a-9faa-7282-a155-5274faa090dd", "title": "HTML5 “Ballz” engine rewritten to feature double and quadruple blocks, powered by Phaser and written in TypeScript", "url": "https://emanueleferonato.com/2024/10/15/html5-ballz-engine-rewritten-to-feature-double-and-quadruple-blocks-powered-by-phaser-and-written-in-typescript/", "published_at": "2024-10-15T16:19:31+00:00" }, { "id": "01a0c525-8cf7-7186-8365-3f83c87ff71f", "title": "Introducing the 101 games challenge", "url": "https://emanueleferonato.com/2024/09/12/introducing-the-101-games-challenge/", "published_at": "2024-09-12T15:27:24+00:00" }, { "id": "01a0c525-8cf7-7186-8365-3f83c9417e68", "title": "Playable “Pushori” prototype built in vanilla JavaScript", "url": "https://emanueleferonato.com/2024/08/13/playable-pushori-prototype-built-in-vanilla-javascript/", "published_at": "2024-08-13T16:28:39+00:00" }, { "id": "01a0c525-8cf7-7186-8365-3f83c9ecd00b", "title": "HTML5 prototype of a circular endless runner built with Phaser – final version in TypeScript with more optimization", "url": "https://emanueleferonato.com/2024/07/29/html5-prototype-of-a-circular-endless-runner-built-with-phaser-final-version-in-typescript-with-more-optimization/", "published_at": "2024-07-29T14:53:06+00:00" }, { "id": "01a0c525-8cf7-7186-8365-3f83ca909de7", "title": "Build a HTML5 game like “Zuma” with Phaser and TypeScript – step 2: firing a gem and adding it to the chain", "url": "https://emanueleferonato.com/2024/07/19/build-a-html5-game-like-zuma-with-phaser-and-typescript-step-2-firing-a-gem-and-adding-it-to-the-chain/", "published_at": "2024-07-19T15:52:40+00:00" }, { "id": "01a0c525-8cf7-7186-8365-3f83cb3a391f", "title": "TypeScript class of a doubly linked list", "url": "https://emanueleferonato.com/2024/07/15/typescript-class-of-a-doubly-linked-list/", "published_at": "2024-07-15T10:37:07+00:00" }, { "id": "01a0c525-8cf7-7186-8365-3f83cc337774", "title": "Build a HTML5 game like “Zuma” with Phaser and TypeScript – step 1: drawing the path and adding gems", "url": "https://emanueleferonato.com/2024/06/18/build-a-html5-game-like-zuma-with-phaser-and-typescript-step-1-drawing-the-path-and-adding-gems/", "published_at": "2024-06-18T08:37:26+00:00" }, { "id": "01a0c525-8cf7-7186-8365-3f83ccee9cdd", "title": "HTML5 “Watermelon Game” using Phaser and Box2D powered by Planck.js updated with new square and pentagon shapes – Get it on Gumroad", "url": "https://emanueleferonato.com/2024/06/05/html5-watermelon-game-using-phaser-and-box2d-powered-by-planck-js-updated-with-new-square-and-pentagon-shapes-get-it-on-gumroad/", "published_at": "2024-06-05T15:42:58+00:00" }, { "id": "01a0c525-8cf7-7186-8365-3f83cd012fee", "title": "Modern JavaScript with no boring theory – Loops", "url": "https://emanueleferonato.com/2024/05/20/modern-javascript-with-no-boring-theory-loops/", "published_at": "2024-05-20T10:14:11+00:00" }, { "id": "01a0c525-8cf7-7186-8365-3f83cd47ab77", "title": "Full commented source code of HTML5 game “Drop the Square” built with official Phaser webpack package and written in TypeScript available on Gumroad", "url": "https://emanueleferonato.com/2024/05/10/full-commented-source-code-of-html5-game-drop-the-square-built-with-official-phaser-webpack-package-and-written-in-typescript-available-on-gumroad/", "published_at": "2024-05-10T16:32:40+00:00" }, { "id": "01a0c525-8cf7-7186-8365-3f83cd89f777", "title": "Build a HTML5 game like Netflix’s Teeter (Up) using Phaser and Box2D physics, written in TypeScript – part 2: adding holes and goal", "url": "https://emanueleferonato.com/2024/04/18/build-a-html5-game-like-netflixs-teeter-up-using-phaser-and-box2d-physics-written-in-typescript-part-2-adding-holes-and-goal/", "published_at": "2024-04-18T14:54:23+00:00" }, { "id": "01a0c525-8cf7-7186-8365-3f83ce80e2b9", "title": "Build a HTML5 game like Netflix’s Teeter (Up) using Phaser and Box2D physics, written in TypeScript – part 1: platform movement", "url": "https://emanueleferonato.com/2024/04/05/build-a-html5-game-like-netflixs-teeter-up-using-phaser-and-box2d-physics-written-in-typescript-part-1-platform-movement/", "published_at": "2024-04-05T16:44:55+00:00" }, { "id": "01a0c525-8cf7-7186-8365-3f83cf7f5106", "title": "Build a HTML5 game like “Watermelon Game” using Phaser and Box2D powered by Planck.js – step 7: adding sounds and loading bar. Get it on Gumroad", "url": "https://emanueleferonato.com/2024/03/25/build-a-html5-game-like-watermelon-game-using-phaser-and-box2d-powered-by-planck-js-step-7-adding-sounds-and-loading-bar-get-it-on-gumroad/", "published_at": "2024-03-25T18:09:10+00:00" }, { "id": "01a0c530-f750-7081-80dd-8998419d2b72", "title": "Build a HTML5 game like “Watermelon Game” using Phaser and Box2D powered by Planck.js – step 6: saving high score and using object pooling", "url": "https://emanueleferonato.com/2024/03/08/build-a-html5-game-like-watermelon-game-using-phaser-and-box2d-powered-by-planck-js-step-5-saving-high-score-and-using-object-pooling/", "published_at": "2024-03-08T16:33:56+00:00" }, { "id": "01a0c530-f750-7081-80dd-89984245d5dd", "title": "Build a HTML5 game like “Watermelon Game” using Phaser and Box2D powered by Planck.js – step 5: adding graphics, score, “next” icon and checking for game over", "url": "https://emanueleferonato.com/2024/02/27/build-a-html5-game-like-watermelon-game-using-phaser-and-box2d-powered-by-planck-js-step-5-adding-graphics-score-next-icon-and-checking-for-game-over/", "published_at": "2024-02-27T16:54:54+00:00" }, { "id": "01a0c530-f750-7081-80dd-899842fc8755", "title": "Build a HTML5 game like “Watermelon Game” using Phaser and Box2D powered by Planck.js – step 4: handling user input", "url": "https://emanueleferonato.com/2024/02/14/build-a-html5-game-like-watermelon-game-using-phaser-and-box2d-powered-by-planck-js-step-4-handling-user-input/", "published_at": "2024-02-14T17:32:15+00:00" }, { "id": "01a0c530-f750-7081-80dd-89984359835f", "title": "Build a HTML5 game like “Watermelon Game” using Phaser and Box2D powered by Planck.js – step 3: particle effects and more customization", "url": "https://emanueleferonato.com/2024/02/08/build-a-html5-game-like-watermelon-game-using-phaser-and-box2d-powered-by-planck-js-step-3-particle-effects-and-more-customization/", "published_at": "2024-02-08T15:32:22+00:00" }, { "id": "01a0c530-f750-7081-80dd-899843c10312", "title": "Build a HTML5 game like “Watermelon Game” using Phaser and Box2D powered by Planck.js – step 2: adding delays and explosions", "url": "https://emanueleferonato.com/2024/02/01/build-a-html5-game-like-watermelon-game-using-phaser-and-box2d-powered-by-planck-js-step-2-adding-delays-and-explosions/", "published_at": "2024-02-01T17:52:50+00:00" }, { "id": "01a0c530-f750-7081-80dd-899844a89e2b", "title": "Build a HTML5 game like “Watermelon Game” using Phaser and Box2D powered by Planck.js – step 1: the basic game mechanics", "url": "https://emanueleferonato.com/2024/01/26/build-a-html5-game-like-watermelon-game-using-phaser-and-box2d-powered-by-planck-js-step-1-the-basic-game-mechanics/", "published_at": "2024-01-26T12:05:02+00:00" }, { "id": "01a0c530-f750-7081-80dd-899844ef2152", "title": "Playing with official Phaser Parcel template, using it to build a Perfect Square! prototype", "url": "https://emanueleferonato.com/2024/01/19/playing-with-official-phaser-parcel-template-using-it-to-build-a-perfect-square-prototype/", "published_at": "2024-01-19T18:24:57+00:00" }, { "id": "01a0c530-f750-7081-80dd-899845670e84", "title": "Getting Ready to Develop HTML5 Games with Phaser and TypeScript – A free minibook to get you started", "url": "https://emanueleferonato.com/2024/01/12/getting-ready-to-develop-html5-games-with-phaser-and-typescript-a-free-minibook-to-get-you-started/", "published_at": "2024-01-12T10:29:24+00:00" }, { "id": "01a0c530-f750-7081-80dd-89984631cf99", "title": "Using TypeScript to build HTML5 games with Phaser, webpack and Visual Studio Code", "url": "https://emanueleferonato.com/2023/12/22/using-typescript-to-build-html5-games-with-phaser-webpack-and-visual-studio-code/", "published_at": "2023-12-22T15:50:30+00:00" }, { "id": "01a0c530-f750-7081-80dd-89984677da39", "title": "Publishing HTML5 games with Phaser, webpack and Visual Studio Code", "url": "https://emanueleferonato.com/2023/12/20/publishing-html5-games-with-phaser-webpack-and-visual-studio-code/", "published_at": "2023-12-20T17:30:23+00:00" }, { "id": "01a0c530-f750-7081-80dd-8998467feff8", "title": "Developing HTML5 games with Phaser, webpack and Visual Studio Code", "url": "https://emanueleferonato.com/2023/12/15/developing-html5-games-with-phaser-webpack-and-visual-studio-code/", "published_at": "2023-12-15T12:09:02+00:00" }, { "id": "01a0c530-f750-7081-80dd-899846acd1e3", "title": "Your first web server using Node.js, and why you should definitively use a web server", "url": "https://emanueleferonato.com/2023/12/11/your-first-web-server-using-node-js-and-why-you-should-definitively-use-a-web-server/", "published_at": "2023-12-11T11:34:54+00:00" }, { "id": "01a0c53a-f51e-73d3-9aeb-4fcef9558b41", "title": "Play “Space to Jump”, my HTML5 take on Flash iconic game “Space is Key”", "url": "https://emanueleferonato.com/2023/12/06/play-space-to-jump-my-html5-take-on-flash-iconic-game-space-is-key/", "published_at": "2023-12-06T17:54:35+00:00" }, { "id": "01a0c53a-f51e-73d3-9aeb-4fcef9e20252", "title": "Your first HTML5 project using Phaser Editor 2D, Webpack and TypeScript", "url": "https://emanueleferonato.com/2023/11/30/your-first-html5-project-using-phaser-editor-2d-webpack-and-typescript/", "published_at": "2023-11-30T15:33:43+00:00" }, { "id": "01a0c53a-f51e-73d3-9aeb-4fcefa3ea422", "title": "Node.js and NPM: don’t be afraid of them!", "url": "https://emanueleferonato.com/2023/11/26/node-js-and-npm-dont-be-afraid-of-them/", "published_at": "2023-11-26T18:39:18+00:00" }, { "id": "01a0c53a-f51e-73d3-9aeb-4fcefb123d04", "title": "Build a HTML5 game like Space is Key using Phaser, tweens and Arcade physics – using Tiled to draw levels, even with rotated obstacles", "url": "https://emanueleferonato.com/2023/11/10/build-a-html5-game-like-space-is-key-using-phaser-tweens-and-arcade-physics-using-tiled-to-draw-levels-even-with-rotated-obstacles/", "published_at": "2023-11-10T18:19:16+00:00" }, { "id": "01a0c53a-f51e-73d3-9aeb-4fcefbb6978a", "title": "Build a HTML5 game like Space is Key using Phaser, tweens and Arcade physics – removing Arcade physics", "url": "https://emanueleferonato.com/2023/10/30/build-a-html5-game-like-space-is-key-using-phaser-tweens-and-arcade-physics-removing-arcade-physics/", "published_at": "2023-10-30T16:06:14+00:00" }, { "id": "01a0c53a-f51e-73d3-9aeb-4fcefca32db0", "title": "Build a HTML5 game like Space is Key using Phaser, tweens and Arcade physics – pixel perfect collisions and text messages", "url": "https://emanueleferonato.com/2023/10/16/build-a-html5-game-like-space-is-key-using-phaser-tweens-and-arcade-physics-pixel-perfect-collisions-and-text-messages/", "published_at": "2023-10-16T21:23:16+00:00" }, { "id": "01a0c53a-f51e-73d3-9aeb-4fcefd20f6d1", "title": "Build a HTML5 game like Space is Key using Phaser, tweens and Arcade physics – creation of an engine capable of managing any kind of level", "url": "https://emanueleferonato.com/2023/10/06/build-a-html5-game-like-space-is-key-using-phaser-tweens-and-arcade-physics-creation-of-an-engine-capable-of-managing-any-kind-of-level/", "published_at": "2023-10-06T14:40:43+00:00" }, { "id": "01a0c53a-f51e-73d3-9aeb-4fcefdbd9117", "title": "Create a HTML5 game like Space is Key using Phaser, tweens and Arcade physics – updated to Phaser 3.60 and rewritten in TypeScript", "url": "https://emanueleferonato.com/2023/09/22/create-a-html5-game-like-space-is-key-using-phaser-tweens-and-arcade-physics-updated-to-phaser-3-60-and-rewritten-in-typescript/", "published_at": "2023-09-22T17:06:29+00:00" }, { "id": "01a0c53a-f51e-73d3-9aeb-4fcefdea8e06", "title": "Complete JQuery + interact.js Draw and Match game in less than 100 lines thanks to my pure TypeScript class to handle Draw and Match games", "url": "https://emanueleferonato.com/2023/08/30/complete-jquery-interact-js-draw-and-match-game-in-less-than-100-lines-thanks-to-my-pure-typescript-class-to-handle-draw-and-match-games/", "published_at": "2023-08-30T19:48:14+00:00" }, { "id": "01a0c53a-f51e-73d3-9aeb-4fcefe574ad5", "title": "Pure TypeScript class with no depencencies to handle Draw and Match games in just a few lines – Full Phaser example", "url": "https://emanueleferonato.com/2023/08/25/pure-typescript-class-with-no-depencencies-to-handle-draw-and-match-games-in-just-a-few-lines-full-phaser-example/", "published_at": "2023-08-25T15:25:14+00:00" }, { "id": "01a0c53a-f51e-73d3-9aeb-4fcefed9f9f9", "title": "Add a virtual joystick to your HTML5 games in a matter of minutes with nippleJS. Example powered by Phaser and Arcade physics", "url": "https://emanueleferonato.com/2023/07/24/add-a-virtual-joystick-to-your-html5-games-in-a-matter-of-minutes-with-nipplejs-example-powered-by-phaser-and-arcade-physics/", "published_at": "2023-07-24T16:58:13+00:00" }, { "id": "01a0c53a-f51e-73d3-9aeb-4fcefef3b3b7", "title": "Build a HTML5 game like “Magick” iPad game using Phaser and ARCADE physics – making player stop, and maybe fall", "url": "https://emanueleferonato.com/2023/07/18/build-a-html5-game-like-magick-ipad-game-using-phaser-and-arcade-physics-making-player-stop-and-maybe-fall/", "published_at": "2023-07-18T16:09:10+00:00" }, { "id": "01a0c544-1546-7225-aed3-4e4661a4ebf4", "title": "Build a HTML5 game like “Magick” iPad game using Phaser and ARCADE physics – adding multiple levels", "url": "https://emanueleferonato.com/2023/06/27/build-a-html5-game-like-magick-ipad-game-using-phaser-and-arcade-physics-adding-multiple-levels/", "published_at": "2023-06-27T10:49:05+00:00" }, { "id": "01a0c544-1546-7225-aed3-4e4662997110", "title": "Build a HTML5 game like “Magick” iPad game using Phaser and ARCADE physics – updated to Phaser 3.60 and written in TypeScript", "url": "https://emanueleferonato.com/2023/06/23/build-a-html5-game-like-magick-ipad-game-using-phaser-and-arcade-physics-updated-to-phaser-3-60-and-written-in-typescript/", "published_at": "2023-06-23T14:26:58+00:00" }, { "id": "01a0c544-1546-7225-aed3-4e4662dffdad", "title": "HTML5 “Down the Mountain” updated to Phaser 3.60 using TypeScript and classes", "url": "https://emanueleferonato.com/2023/06/14/html5-down-the-mountain-updated-to-phaser-3-60-using-typescript-and-classes/", "published_at": "2023-06-14T16:18:17+00:00" }, { "id": "01a0c544-1546-7225-aed3-4e46637529eb", "title": "Build a HTML5 game like “Mini Archer” using Phaser and TypeScript – Step 6: splitting the code into classes", "url": "https://emanueleferonato.com/2023/06/01/build-a-html5-game-like-mini-archer-using-phaser-and-typescript-step-6-splitting-the-code-into-classes/", "published_at": "2023-06-01T15:59:38+00:00" }, { "id": "01a0c544-1546-7225-aed3-4e46645c41e2", "title": "Build a HTML5 game like “Mini Archer” using Phaser and TypeScript – Step 5: firing the arrow without physics engine, only using tweens and masks", "url": "https://emanueleferonato.com/2023/05/12/build-a-html5-game-like-mini-archer-using-phaser-and-typescript-step-5-firing-the-arrow-without-physics-engine-only-using-tweens-and-masks/", "published_at": "2023-05-12T15:59:47+00:00" }, { "id": "01a0c544-1546-7225-aed3-4e46654d5b6a", "title": "Build a HTML5 game like “Mini Archer” using Phaser and TypeScript – Step 4: adding the arrow", "url": "https://emanueleferonato.com/2023/04/28/build-a-html5-game-like-mini-archer-using-phaser-and-typescript-step-4-adding-the-arrow/", "published_at": "2023-04-28T14:21:53+00:00" }, { "id": "01a0c544-1546-7225-aed3-4e4665c38340", "title": "Build a HTML5 game like “Mini Archer” using Phaser and TypeScript – Step 3: adding the bow, actually a rainbow", "url": "https://emanueleferonato.com/2023/04/17/build-a-html5-game-like-mini-archer-using-phaser-and-typescript-step-3-adding-the-bow-actually-a-rainbow/", "published_at": "2023-04-17T14:47:34+00:00" }, { "id": "01a0c544-1546-7225-aed3-4e466688f590", "title": "Build a HTML5 game like “Mini Archer” using Phaser and TypeScript – Step 2: adding the archer, a running girl", "url": "https://emanueleferonato.com/2023/04/05/build-a-html5-game-like-mini-archer-using-phaser-and-typescript-step-2-adding-the-archer-a-running-girl/", "published_at": "2023-04-05T15:37:02+00:00" }, { "id": "01a0c544-1546-7225-aed3-4e4666e666b2", "title": "Build a HTML5 game like “Mini Archer” using Phaser and TypeScript – Step 1: creation of an endless terrain with infinite randomly generated targets", "url": "https://emanueleferonato.com/2023/03/27/build-a-html5-game-like-mini-archer-using-phaser-and-typescript-step-1-creation-of-an-endless-terrain-with-infinite-randomly-generated-targets/", "published_at": "2023-03-27T16:25:17+00:00" }, { "id": "01a0c544-1546-7225-aed3-4e46672a4155", "title": "New massive update to “Serious Scramblers” prototype built with nocode tool GDevelop, now there are 6 different enemy types interacting and killing each other", "url": "https://emanueleferonato.com/2023/03/10/new-massive-update-to-serious-scramblers-prototype-built-with-nocode-tool-gdevelop-now-there-are-6-different-enemy-types-interacting-and-killing-each-other/", "published_at": "2023-03-10T16:59:54+00:00" }, { "id": "01a0c544-1546-7225-aed3-4e46674efdf0", "title": "Massive update to “Serious Scramblers” prototype built with nocode tool GDevelop: more enemies, fancy graphics, death animation, increasing scrolling speed, and more", "url": "https://emanueleferonato.com/2023/02/23/massive-update-to-serious-scramblers-prototype-built-with-nocode-tool-gdevelop-more-enemies-fancy-graphics-death-animation-increasing-scrolling-speed-and-more/", "published_at": "2023-02-23T15:58:16+00:00" }, { "id": "01a0c544-1546-7225-aed3-4e46679c94d6", "title": "HTML5 “Serious Scrambers” prototype built with GDevelop with no code – adding patrolling enemies which can be killed by jumping on them and disappearing platforms", "url": "https://emanueleferonato.com/2023/02/09/html5-serious-scrambers-prototype-built-with-gdevelop-with-no-code-adding-patrolling-enemies-which-can-be-killed-by-jumping-on-them-and-disappearing-platforms/", "published_at": "2023-02-09T15:18:18+00:00" }, { "id": "01a0c54c-d97f-71ad-8a47-cb2858e82946", "title": "HTML5 “Serious Scrambers” prototype built with GDevelop, using object pooling. Now the player can also jump", "url": "https://emanueleferonato.com/2023/01/24/html5-serious-scrambers-prototype-built-with-gdevelop-using-object-pooling-now-the-player-can-also-jump/", "published_at": "2023-01-24T17:35:53+00:00" }, { "id": "01a0c54c-d97f-71ad-8a47-cb285986f198", "title": "HTML5 “Serious Scrambers” prototype built with Kaboom, using object pooling. Written in TypeScript", "url": "https://emanueleferonato.com/2023/01/20/html5-serious-scrambers-prototype-built-with-kaboom-using-object-pooling-written-in-typescript/", "published_at": "2023-01-20T16:49:01+00:00" }, { "id": "01a0c54c-d97f-71ad-8a47-cb2859eb7dd0", "title": "Playing with Phaser and Three.js: preload glTF 3d models, render them with Three then animate them with Phaser", "url": "https://emanueleferonato.com/2023/01/11/playing-with-phaser-and-three-js-preload-gltf-3d-models-render-them-with-three-then-animate-them-with-phaser/", "published_at": "2023-01-11T16:33:27+00:00" }, { "id": "01a0c54c-d97f-71ad-8a47-cb285ae1ae23", "title": "Build a 3D HTML5 game like “Stairs” using Phaser and Three.js – Step 6: final touches and settings to increase difficulty", "url": "https://emanueleferonato.com/2023/01/09/build-a-3d-html5-game-like-stairs-using-phaser-and-three-js-step-6-final-touches-and-settings-to-increase-difficulty/", "published_at": "2023-01-09T17:43:01+00:00" }, { "id": "01a0c54c-d97f-71ad-8a47-cb285b7f719d", "title": "“Quick Switch” HTML5 prototype built with GDevelop", "url": "https://emanueleferonato.com/2023/01/05/quick-switch-html5-prototype-built-with-gdevelop/", "published_at": "2023-01-05T17:08:26+00:00" }, { "id": "01a0c54c-d97f-71ad-8a47-cb285c4a3da7", "title": "“Totem Destroyer” HTML5 prototype built with free no code tool GDevelop", "url": "https://emanueleferonato.com/2023/01/03/totem-destroyer-html5-prototype-built-with-free-no-code-tool-gdevelop/", "published_at": "2023-01-03T17:11:29+00:00" }, { "id": "01a0c54c-d97f-71ad-8a47-cb285d49555d", "title": "Build a 3D HTML5 game like “Stairs” using Phaser and Three.js – Step 5: update to latest Three.js version, moving steps, bonuses to collect and more improvements", "url": "https://emanueleferonato.com/2023/01/01/build-a-3d-html5-game-like-stairs-using-phaser-and-three-js-step-5-update-to-latest-three-js-version-moving-steps-bonuses-to-collect-and-more-improvements/", "published_at": "2023-01-01T15:55:30+00:00" }, { "id": "01a0c54c-d97f-71ad-8a47-cb285d72f81c", "title": "Build a 3D HTML5 game like “Stairs” using Godot – Step 6: starting and dying with stile", "url": "https://emanueleferonato.com/2022/12/17/build-a-3d-html5-game-like-stairs-using-godot-step-6-starting-and-dying-with-stile/", "published_at": "2022-12-17T15:40:11+00:00" }, { "id": "01a0c54c-d97f-71ad-8a47-cb285da9d937", "title": "Build a 3D HTML5 game like “Stairs” using Godot – Step 5: better way to control the ball, check for collisions with spikes and check for the ball to fall down the steps", "url": "https://emanueleferonato.com/2022/12/07/build-a-3d-html5-game-like-stairs-using-godot-step-5-better-way-to-control-the-ball-check-for-collisions-with-spikes-and-check-for-the-ball-to-fall-down-the-steps/", "published_at": "2022-12-07T19:26:37+00:00" }, { "id": "01a0c54c-d97f-71ad-8a47-cb285df5059a", "title": "How and why I developed “Soko64”, a Sokoban game for Commodore 64, in 2022", "url": "https://emanueleferonato.com/2022/11/30/how-and-why-i-developed-soko64-a-sokoban-game-for-commodore-64-in-2022/", "published_at": "2022-11-30T17:31:13+00:00" }, { "id": "01a0c54c-d97f-71ad-8a47-cb285e5c800c", "title": "Build a 3D HTML5 game like “Stairs” using Phaser and Three.js – Step 4: collision detection, better controls and level progression", "url": "https://emanueleferonato.com/2022/11/16/build-a-3d-html5-game-like-stairs-using-phaser-and-three-js-step-4-collision-detection-better-controls-and-level-progression/", "published_at": "2022-11-16T17:20:32+00:00" }, { "id": "01a0c54c-d97f-71ad-8a47-cb285ea9f978", "title": "Build a 3D HTML5 game like “Stairs” using Godot – Step 4: controlling the ball with the mouse and adding more spikes", "url": "https://emanueleferonato.com/2022/11/08/build-a-3d-html5-game-like-stairs-using-godot-step-4-controlling-the-ball-with-the-mouse-and-adding-more-spikes/", "published_at": "2022-11-08T20:29:06+00:00" }, { "id": "01a0c555-3cfa-7072-967d-11e496f478b6", "title": "Build a 3D HTML5 game like “Stairs” using Phaser and Three.js – Step 3: controlling the bouncing ball and adding more spikes", "url": "https://emanueleferonato.com/2022/10/28/build-a-3d-html5-game-like-stairs-using-phaser-and-three-js-step-3-controlling-the-bouncing-ball-and-adding-more-spikes/", "published_at": "2022-10-28T15:15:00+00:00" }, { "id": "01a0c555-3cfa-7072-967d-11e4970cfcb9", "title": "Build a 3D HTML5 game like “Stairs” using Godot – Step 3: adding the bouncing ball using only trigonometry", "url": "https://emanueleferonato.com/2022/10/26/build-a-3d-html5-game-like-stairs-using-godot-step-3-adding-the-bouncing-ball-using-only-trigonometry/", "published_at": "2022-10-26T16:44:34+00:00" }, { "id": "01a0c555-3cfa-7072-967d-11e498032109", "title": "Build a 3D HTML5 game like “Stairs” using Phaser and Three.js – Step 2: adding the bouncing ball just using trigonometry", "url": "https://emanueleferonato.com/2022/10/22/build-a-3d-html5-game-like-stairs-using-phaser-and-three-js-step-2-adding-the-bouncing-ball-just-using-trigonometry/", "published_at": "2022-10-22T09:55:34+00:00" }, { "id": "01a0c555-3cfa-7072-967d-11e498082da2", "title": "Build a 3D HTML5 game like “Stairs” using Godot – Step 2: adding endless randomly placed spikes and assigning materials to meshes", "url": "https://emanueleferonato.com/2022/10/19/build-a-3d-html5-game-like-stairs-using-godot-step-2-adding-endless-randomly-placed-spikes-and-assigning-materials-to-meshes/", "published_at": "2022-10-19T14:32:04+00:00" } ] posts Claim your blog
Back to emanueleferonato.com
Blog · corpus.blog/blogs/emanueleferonato.com/posts

emanueleferonato.com

emanueleferonato.com

2026

Understanding raycasting in 2D games, and using it with a free commented open source JavaScript libraryoriginal ↗
14 Sept 2026
Build a game like mobile smash hit Meowdoku in vanilla JavaScript in just a few lines of codeoriginal ↗
8 Sept 2026
Build a HTML5 game like Geometry Dash using Phaser 4 and TypeScript, with a simple custom physics engineoriginal ↗
21 Jul 2026
20 years of blogging: a two-decade journey through web gaming historyoriginal ↗
26 May 2026
HTML5 game Spears N’ Coins with Phaser 4.1 and TypeScript: a tiny endless runner like Dashy Pandaoriginal ↗
20 May 2026
Getting Started with Phaser 4: Vite + TypeScript Setup, using the official Create Game Apporiginal ↗
17 Apr 2026
Phaser 4 HTML5 SameGame powered by samegame-engine, a headless TypeScript classoriginal ↗
9 Apr 2026
Build a highly customizable mobile friendly HTML5 level selection screen controllable by tap, swipe and mouse wheel, written in TypeScript and powered by Phaseroriginal ↗
25 Feb 2026
Simulating rotating gravity and perimeter based movement like in “Be Brave, Barb” game with Phaser, without any physics engineoriginal ↗
16 Feb 2026
From Dense Grids to Clean Perimeters: Extracting Shapes with Greedy Geometry – Tiled and JavaScript exampleoriginal ↗
5 Feb 2026
Reducing Tiled Maps to Optimized Collision Rectangles with Greedy Mergingoriginal ↗
31 Jan 2026
Greedy Rectangle Merging: Turning Binary Grids into Simple Geometry – JavaScript exampleoriginal ↗
28 Jan 2026
HTML5 prototype of a planet gravity platform using Phaser 4 and Arcade physics, written in TypeScriptoriginal ↗
21 Jan 2026
Understanding QuadTrees: organizing space to reduce unnecessary workoriginal ↗
19 Jan 2026
Understanding how to use Mulberry32 to achieve deterministic randomness in JavaScriptoriginal ↗
8 Jan 2026
Text-to-Speech on your PC: running Chatterbox Turbo locally on Windows – clean setup + known pitfallsoriginal ↗
7 Jan 2026

2025

JavaScript Input Buffering: a simple project to show delayed keyboard eventsoriginal ↗
20 Nov 2025
JavaScript + CSS 3D Wheel of Fortuneoriginal ↗
31 Oct 2025
Pure TypeScript class to handle math draw games: build your HTML5 math game in a matter of minutes – Phaser example includedoriginal ↗
22 Aug 2025
Build a HTML5 “Helix Jump” prototype with Three.js and TypeScript – Step 4: scoring, animated CSS background and platforms fading awayoriginal ↗
17 Jun 2025
Click when Red – learn JavaScript and CSS by building a reflex game in a single HTML pageoriginal ↗
30 May 2025
Build a HTML5 “Helix Jump” prototype with Three.js and TypeScript – Step 3: adding spikes and using GSAP for camera tweeningoriginal ↗
11 May 2025
Build a HTML5 “Helix Jump” prototype with Three.js and TypeScript – Step 2: adding a bouncing ball with no physics engineoriginal ↗
28 Apr 2025
Build a HTML5 “Helix Jump” prototype with Three.js and TypeScriptoriginal ↗
20 Apr 2025
Build a game like C64 classic Trailblazer in Three.js using TypeScript, with a lot of room for customizationoriginal ↗
12 Apr 2025
Vanilla JavaScript Columns, because everybody should build a Columns gameoriginal ↗
2 Mar 2025
Vanilla JavaScript Tetris, because everybody should build a Tetris gameoriginal ↗
24 Feb 2025
Simulate a keyboard input delay with Phaser (why on earth? You’ll see)original ↗
14 Feb 2025
Create a HTML5 game like “Golf Dash” with Phaser and a TypeScript class with no dependencies – Compatible with Phaser 4 betaoriginal ↗
31 Jan 2025
Develop, build and distribute your HTML5 Phaser games with Viteoriginal ↗
1 Jan 2025

2024

HTML5 tile based platformer handling slopes powered by Phaser using no physics engines (and working with Phaser 4)original ↗
25 Dec 2024
HTML5 “Vampire Survivors” prototype built with Phaser – Step 2: adding and collecting coinsoriginal ↗
12 Dec 2024
Quick HTML5 prototype of “Vampire Survivors” built with Phaser (like the original game)original ↗
29 Nov 2024
First Phaser 4 test, everything worked fineoriginal ↗
22 Nov 2024
HTML5 “Ballz” engine powered by Phaser and TypeScript – a better way to show ball trajectoryoriginal ↗
5 Nov 2024
HTML5 “Ballz” engine rewritten to feature double and quadruple blocks, powered by Phaser and written in TypeScriptoriginal ↗
15 Oct 2024
Introducing the 101 games challengeoriginal ↗
12 Sept 2024
Playable “Pushori” prototype built in vanilla JavaScriptoriginal ↗
13 Aug 2024
HTML5 prototype of a circular endless runner built with Phaser – final version in TypeScript with more optimizationoriginal ↗
29 Jul 2024
Build a HTML5 game like “Zuma” with Phaser and TypeScript – step 2: firing a gem and adding it to the chainoriginal ↗
19 Jul 2024
TypeScript class of a doubly linked listoriginal ↗
15 Jul 2024
Build a HTML5 game like “Zuma” with Phaser and TypeScript – step 1: drawing the path and adding gemsoriginal ↗
18 Jun 2024
HTML5 “Watermelon Game” using Phaser and Box2D powered by Planck.js updated with new square and pentagon shapes – Get it on Gumroadoriginal ↗
5 Jun 2024
Modern JavaScript with no boring theory – Loopsoriginal ↗
20 May 2024
Full commented source code of HTML5 game “Drop the Square” built with official Phaser webpack package and written in TypeScript available on Gumroadoriginal ↗
10 May 2024
Build a HTML5 game like Netflix’s Teeter (Up) using Phaser and Box2D physics, written in TypeScript – part 2: adding holes and goaloriginal ↗
18 Apr 2024
Build a HTML5 game like Netflix’s Teeter (Up) using Phaser and Box2D physics, written in TypeScript – part 1: platform movementoriginal ↗
5 Apr 2024
Build a HTML5 game like “Watermelon Game” using Phaser and Box2D powered by Planck.js – step 7: adding sounds and loading bar. Get it on Gumroadoriginal ↗
25 Mar 2024
Build a HTML5 game like “Watermelon Game” using Phaser and Box2D powered by Planck.js – step 6: saving high score and using object poolingoriginal ↗
8 Mar 2024
Build a HTML5 game like “Watermelon Game” using Phaser and Box2D powered by Planck.js – step 5: adding graphics, score, “next” icon and checking for game overoriginal ↗
27 Feb 2024
Build a HTML5 game like “Watermelon Game” using Phaser and Box2D powered by Planck.js – step 4: handling user inputoriginal ↗
14 Feb 2024
Build a HTML5 game like “Watermelon Game” using Phaser and Box2D powered by Planck.js – step 3: particle effects and more customizationoriginal ↗
8 Feb 2024
Build a HTML5 game like “Watermelon Game” using Phaser and Box2D powered by Planck.js – step 2: adding delays and explosionsoriginal ↗
1 Feb 2024
Build a HTML5 game like “Watermelon Game” using Phaser and Box2D powered by Planck.js – step 1: the basic game mechanicsoriginal ↗
26 Jan 2024
Playing with official Phaser Parcel template, using it to build a Perfect Square! prototypeoriginal ↗
19 Jan 2024
Getting Ready to Develop HTML5 Games with Phaser and TypeScript – A free minibook to get you startedoriginal ↗
12 Jan 2024

2023

Using TypeScript to build HTML5 games with Phaser, webpack and Visual Studio Codeoriginal ↗
22 Dec 2023
Publishing HTML5 games with Phaser, webpack and Visual Studio Codeoriginal ↗
20 Dec 2023
Developing HTML5 games with Phaser, webpack and Visual Studio Codeoriginal ↗
15 Dec 2023
Your first web server using Node.js, and why you should definitively use a web serveroriginal ↗
11 Dec 2023
Play “Space to Jump”, my HTML5 take on Flash iconic game “Space is Key”original ↗
6 Dec 2023
Your first HTML5 project using Phaser Editor 2D, Webpack and TypeScriptoriginal ↗
30 Nov 2023
Node.js and NPM: don’t be afraid of them!original ↗
26 Nov 2023
Build a HTML5 game like Space is Key using Phaser, tweens and Arcade physics – using Tiled to draw levels, even with rotated obstaclesoriginal ↗
10 Nov 2023
Build a HTML5 game like Space is Key using Phaser, tweens and Arcade physics – removing Arcade physicsoriginal ↗
30 Oct 2023
Build a HTML5 game like Space is Key using Phaser, tweens and Arcade physics – pixel perfect collisions and text messagesoriginal ↗
16 Oct 2023
Build a HTML5 game like Space is Key using Phaser, tweens and Arcade physics – creation of an engine capable of managing any kind of leveloriginal ↗
6 Oct 2023
Create a HTML5 game like Space is Key using Phaser, tweens and Arcade physics – updated to Phaser 3.60 and rewritten in TypeScriptoriginal ↗
22 Sept 2023
Complete JQuery + interact.js Draw and Match game in less than 100 lines thanks to my pure TypeScript class to handle Draw and Match gamesoriginal ↗
30 Aug 2023
Pure TypeScript class with no depencencies to handle Draw and Match games in just a few lines – Full Phaser exampleoriginal ↗
25 Aug 2023
Add a virtual joystick to your HTML5 games in a matter of minutes with nippleJS. Example powered by Phaser and Arcade physicsoriginal ↗
24 Jul 2023
Build a HTML5 game like “Magick” iPad game using Phaser and ARCADE physics – making player stop, and maybe falloriginal ↗
18 Jul 2023
Build a HTML5 game like “Magick” iPad game using Phaser and ARCADE physics – adding multiple levelsoriginal ↗
27 Jun 2023
Build a HTML5 game like “Magick” iPad game using Phaser and ARCADE physics – updated to Phaser 3.60 and written in TypeScriptoriginal ↗
23 Jun 2023
HTML5 “Down the Mountain” updated to Phaser 3.60 using TypeScript and classesoriginal ↗
14 Jun 2023
Build a HTML5 game like “Mini Archer” using Phaser and TypeScript – Step 6: splitting the code into classesoriginal ↗
1 Jun 2023
Build a HTML5 game like “Mini Archer” using Phaser and TypeScript – Step 5: firing the arrow without physics engine, only using tweens and masksoriginal ↗
12 May 2023
Build a HTML5 game like “Mini Archer” using Phaser and TypeScript – Step 4: adding the arroworiginal ↗
28 Apr 2023
Build a HTML5 game like “Mini Archer” using Phaser and TypeScript – Step 3: adding the bow, actually a rainboworiginal ↗
17 Apr 2023
Build a HTML5 game like “Mini Archer” using Phaser and TypeScript – Step 2: adding the archer, a running girloriginal ↗
5 Apr 2023
Build a HTML5 game like “Mini Archer” using Phaser and TypeScript – Step 1: creation of an endless terrain with infinite randomly generated targetsoriginal ↗
27 Mar 2023
New massive update to “Serious Scramblers” prototype built with nocode tool GDevelop, now there are 6 different enemy types interacting and killing each otheroriginal ↗
10 Mar 2023
Massive update to “Serious Scramblers” prototype built with nocode tool GDevelop: more enemies, fancy graphics, death animation, increasing scrolling speed, and moreoriginal ↗
23 Feb 2023
HTML5 “Serious Scrambers” prototype built with GDevelop with no code – adding patrolling enemies which can be killed by jumping on them and disappearing platformsoriginal ↗
9 Feb 2023
HTML5 “Serious Scrambers” prototype built with GDevelop, using object pooling. Now the player can also jumporiginal ↗
24 Jan 2023
HTML5 “Serious Scrambers” prototype built with Kaboom, using object pooling. Written in TypeScriptoriginal ↗
20 Jan 2023
Playing with Phaser and Three.js: preload glTF 3d models, render them with Three then animate them with Phaseroriginal ↗
11 Jan 2023
Build a 3D HTML5 game like “Stairs” using Phaser and Three.js – Step 6: final touches and settings to increase difficultyoriginal ↗
9 Jan 2023
“Quick Switch” HTML5 prototype built with GDeveloporiginal ↗
5 Jan 2023
“Totem Destroyer” HTML5 prototype built with free no code tool GDeveloporiginal ↗
3 Jan 2023
Build a 3D HTML5 game like “Stairs” using Phaser and Three.js – Step 5: update to latest Three.js version, moving steps, bonuses to collect and more improvementsoriginal ↗
1 Jan 2023

2022

Build a 3D HTML5 game like “Stairs” using Godot – Step 6: starting and dying with stileoriginal ↗
17 Dec 2022
Build a 3D HTML5 game like “Stairs” using Godot – Step 5: better way to control the ball, check for collisions with spikes and check for the ball to fall down the stepsoriginal ↗
7 Dec 2022
How and why I developed “Soko64”, a Sokoban game for Commodore 64, in 2022original ↗
30 Nov 2022
Build a 3D HTML5 game like “Stairs” using Phaser and Three.js – Step 4: collision detection, better controls and level progressionoriginal ↗
16 Nov 2022
Build a 3D HTML5 game like “Stairs” using Godot – Step 4: controlling the ball with the mouse and adding more spikesoriginal ↗
8 Nov 2022
Build a 3D HTML5 game like “Stairs” using Phaser and Three.js – Step 3: controlling the bouncing ball and adding more spikesoriginal ↗
28 Oct 2022
Build a 3D HTML5 game like “Stairs” using Godot – Step 3: adding the bouncing ball using only trigonometryoriginal ↗
26 Oct 2022
Build a 3D HTML5 game like “Stairs” using Phaser and Three.js – Step 2: adding the bouncing ball just using trigonometryoriginal ↗
22 Oct 2022
Build a 3D HTML5 game like “Stairs” using Godot – Step 2: adding endless randomly placed spikes and assigning materials to meshesoriginal ↗
19 Oct 2022
Next