Blog.
A collection of my thoughts, tutorials, and insights on web development, game mechanics, and software engineering.
HTML5 Canvas Basics: Getting Started with 2D Games
Learn the fundamentals of HTML5 Canvas for game development, covering context, shapes, colors, gradients, and advanced text rendering.
HTML5 Canvas: Advanced Physics and Collision (Hitbox)
Discover the secrets of 2D game collisions, projectile physics, bouncing balls, friction, and responsive hitboxes.
HTML5 Canvas: The Game Loop and Animation
Learn the heart of game development: creating a smooth game loop using requestAnimationFrame, clearRect, and updating object positions.
HTML5 Canvas: Handling Player Input (Keyboard & Mouse)
Learn how to make your game interactive by capturing keyboard strokes for smooth movement and tracking mouse coordinates.
HTML5 Canvas: Sprite Animation and Game Physics
Learn to build a complete Player Class with sprite frame animation, gravity physics, and state machines based on real game code.
HTML5 Canvas Transformations: Translate, Rotate, and Scale
Learn how to transform Canvas elements by changing the origin point using translate, rotating shapes, and flipping or scaling them.
Game Pathfinding Explained: DFS, BFS, Dijkstra, and A*
A comprehensive guide to understanding pathfinding algorithms in game development, from basic DFS and BFS to advanced Dijkstra and A* (A-Star).