/tags/javascript/ Recent content in Javascript on Tech logs Hugo -- 0.151.0 en Mon, 20 Apr 2026 00:00:00 +0530 /canvas/canvas-01-pixels-paths/ Sat, 11 Apr 2026 00:00:00 +0530 /canvas/canvas-01-pixels-paths/ Part 1 of the HTML Canvas series. We go from a blank screen to a fully drawn static Pac-Man frame — covering coordinates, paths, arcs, colors and text along the way. /canvas/canvas-02-animation-snake/ Sun, 12 Apr 2026 00:00:00 +0530 /canvas/canvas-02-animation-snake/ Part 2 of the HTML Canvas series. We build the animation loop that powers every canvas game, understand state vs render separation, and finish with a fully playable Snake game. /canvas/canvas-03-physics-flappybird/ Wed, 15 Apr 2026 00:00:00 +0530 /canvas/canvas-03-physics-flappybird/ Part 3 of the HTML Canvas series. We add continuous physics, gravity and procedural obstacles, then build a fully playable Flappy Bird. Also covers game states and the art of making things feel right. /canvas/canvas-04-images-pacman/ Thu, 16 Apr 2026 00:00:00 +0530 /canvas/canvas-04-images-pacman/ Part 4 of the HTML Canvas series. We get into drawImage, sprite sheets and raw pixel manipulation via getImageData. Project is full Pac-Man with a tile map, ghost AI and proper collision. /canvas/canvas-05-3d-ascii/ Mon, 20 Apr 2026 00:00:00 +0530 /canvas/canvas-05-3d-ascii/ Final part of the HTML Canvas series. We cover ctx transforms, build a fake 3D rotating cube using projection math, then create an image-to-ASCII and live webcam-to-ASCII renderer.