I didn't just rebuild Snow Bros. I remastered it. Vanilla HTML, CSS, and JavaScript. No engine. No framework. No dependencies. Just a canvas and way too many late nights. But this time I went further, better mechanics, smoother animations, improved effects, and a full glow-up on the feel of the game. Still retro. Still pixel-perfect. Just... better. And the best part? It runs on a toaster. Pure browser. Zero installs. What's inside Snow Bros: Rebuilt: 🎮 5 themed levels — blue night → purple dusk → amber cave → jungle boss → red volcano 👾 5 enemy types with unique behavior + a full boss fight ❄️ Snow throw, freeze states, chain-kill scoring 💥 Power-ups, lives system, animated UI 📱 Mobile-ready with a virtual joystick + touch controls 🔊 Web Audio API sound — no libraries, just code ⚙️ In-game settings panel for control customization The hardest part wasn't the enemies movement or physics. It was making it feel right that satisfying snowball wrap, the urgency when enemies speed up, the juice in every hit with sound effects. Games teach you things tutorials never will. You don't understand a game loop until your FPS tanks. You don't understand event handling until keyboard and touch have to work together perfectly. I'm a CS sophomore at Bahria University — this is how I learn. By building things I actually want to play. 🔗 Play it on ANY DEVICE: https://lnkd.in/d5J7RbE2 👨💻 GitHub: github.com/abdulwalidev 🎮 Game-Repo: https://lnkd.in/d_nf9REz #GameDev #JavaScript #WebDevelopment #HTML5 #CanvasAPI #BuildInPublic #CS

🚀 Day 18 – Advanced JavaScript Game Project I’m excited to share my latest project: “Avoid The Box – Level 2” 🎮 This is an upgraded version of my previous mouse-avoidance game, now enhanced with more interactive features and improved gameplay mechanics. 🔹 Key Features: • Dynamic box movement with increasing difficulty • Real-time score tracking and countdown timer • High score system using local storage • Interactive sound effects for start, touch, and game over • Responsive gameplay with mouse and touch support • Smart positioning logic (box avoids UI sections) • Color-changing box on every interaction • Smooth UI with modern glassmorphism design 🌐 Live Demo: https://lnkd.in/gR9qkqVb 💻 Source Code: https://lnkd.in/gaHq9n-V This project helped me strengthen my understanding of DOM manipulation, event handling, game logic, and UI/UX design in JavaScript. I’m continuously working on improving my projects and building more interactive web experiences. Feedback is always welcome 🙌 #JavaScript #WebDevelopment #Frontend #Coding #Projects #30DaysOfCode #GitHub #GameDevelopment

I built a game to showcase a text rendering engine As developers, we've all been through the pain of DOM text layout: reflows, janky animations, and wrong measureText() results. I wanted to build something that would really test Pretext (https://pretextbreaker.com), a text layout engine that uses only math instead of DOM traversal, when I found it. I made TYPO SIEGE, a typing tower defense game where enemy crabs crawl from the ocean to your sandcastle, and you kill them by typing the words on their backs. Here's what makes it technically interesting: ⚡ Every character position is computed by Pretext's prepareWithSegments() API — cached once at spawn, rendered at 60fps with zero measureText() calls 🦀 Dynamic canvas rendering with per-glyph positioning, supporting proper Unicode grapheme clustering via Intl.Segmenter 🏖️ Full day/night cycle with cached offscreen canvas for static elements — only dynamic layers re-render each frame 🎵 Procedural audio via Web Audio API oscillators — kick drum, hihat, lead melody, riser — zero audio files 📱 Responsive from desktop to mobile with touch input support Tech stack: TypeScript, Canvas 2D, Vite, Pretext, Web Audio API Play it: https://lnkd.in/gvX8QFYV Source code: https://lnkd.in/gUe7eQ2R If you're building anything with text layout in the browser, check out Pretext. The performance difference is real. #webdev #typescript #gamedev #opensource #pretext

Using JavaScript to build something you can actually play.... #111DaysOfLearningForChange Day 11 : Building a Parkour Game using JavaScript Worked on: Player movement & jump mechanics Collision logic Game UI (HUD, stats, game over screen) Sound effects using JavaScript (Audio logic) Main thing I learned is that: Games are not just about visuals… they are all about logic, timing, and control. Every small function now connects to something bigger. #CodeForChange #WebDevelopment #LearningInPublic #WebStandards #111DaysOfLearningForChange – Code for Change #JavaScript #GameDevelopment #BuildInPublic #100DaysOfCode #FrontendDevelopment

 Built a Word Scramble Game using pure HTML, CSS, and JavaScript! This project focuses on core frontend concepts like DOM manipulation, event-driven programming, and state management—without using any frameworks. 💡 Features include: • Dynamic word scrambling logic • Difficulty-based gameplay • Countdown timer using async JS • Score tracking system • Light/Dark mode with localStorage What I enjoyed most was designing the game logic from scratch and handling real-time UI updates efficiently. Small projects like this really helped me strengthen my understanding of JavaScript fundamentals. Would love to hear your feedback! 🙌

🚀 Just built my Tic Tac Toe game using HTML, CSS & JavaScript! As part of my JavaScript learning journey, I created a fully functional game that covers: 🎯 DOM Manipulation 🎯 Event Handling 🎯 Game Logic Implementation 🎯 Responsive UI Design This project helped me understand how real-world applications manage state, user interactions, and logic behind the scenes. ✨ Features: * Interactive 2-player gameplay * Win detection algorithm * Reset & New Game functionality * Modern mobile-inspired UI 💡 Next step: Planning to add an AI opponent and turn this into a smarter game. 🔗 Check out the project here: https://lnkd.in/gPVZPyK9 Would love your feedback! 🙌 #JavaScript #WebDevelopment #Frontend #LearningInPublic #Projects #100DaysOfCode #ApnaCollege

🚀 Built a Fun Stick Hero Game using HTML, CSS & JavaScript! Excited to share my latest mini project 🎮 — a Stick Hero Game inspired by classic arcade mechanics! ✨ Features: Smooth canvas-based animations Dynamic platform generation Real-time scoring system “Perfect hit” bonus logic 💯 Responsive full-screen gameplay 🛠️ Tech Stack: HTML5 | CSS3 | JavaScript (Canvas API) 💡 What I learned: Game loop using requestAnimationFrame Working with Canvas for animations Handling user interactions (mouse events) Logic building for collision detection & physics This project helped me strengthen my JavaScript fundamentals and understand how real-time games work behind the scenes. 👉 Try building it yourself or let me know if you want the code! #JavaScript #WebDevelopment #FrontendDeveloper #GameDevelopment #HTML5 #CSS3 #Coding #Projects #LearningByDoing

🚀 Just finished building a fully interactive falling‑sand game with Next.js and Tailwind! You can paint sand, water, fire, lava, uranium – even seeds that grow into trees. The simulation handles temperature, phase changes, chemical reactions, electricity, pressure, weather, and ecosystem growth. All buttons work, the UI is responsive, and you can tweak everything from border mode to air temperature in the settings. Built this for fun, but it turned into a surprisingly deep physics toy. 👉 Check out the live demo: https://lnkd.in/gy2jRWjw #nextjs #tailwindcss #sandbox #gamedev #javascript

🎮 Tic Tac Toe Game 🚀 Overview Built a fully functional Tic Tac Toe Game from scratch, focusing on implementing efficient game logic, handling user interactions, and delivering a smooth gameplay experience. ✨ Features • Two-player turn-based gameplay (Player X vs Player O) • Real-time win and draw detection • Interactive and responsive UI • Handles all edge cases for valid game outcomes. 🛠️ Tech Stack : HTML5 , CSS3 , JavaScript 📂 Source Code 👉 https://lnkd.in/gHuhQEES Live : https://lnkd.in/g6Sr55kx 🎯 Why this project matters This project demonstrates my ability to translate problem-solving logic into a working application, while maintaining clean code structure and efficient state handling. 💡 Key Learnings • Strengthened logical thinking and game design fundamentals • Improved handling of user interactions and edge cases • Learned to write clean, modular, and maintainable code. #projects #web development #javascript