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 2D fighting game prototype in HTML5 Canvas and vanilla JavaScript. What started as a very simple sprite animation experiment has now grown into a more game-like experience with: player movement, jump mechanics, punch, kick, block, and dodge actions, round system and score tracking, pause/resume flow, start screen and match-over UI, HUD improvements, companion pets for player and CPU It’s still a prototype, but this project taught me a lot about game loops, animation sequencing, UI flow, and turning a small idea into something more playable step by step. GitHub: https://lnkd.in/d2jTqQgw #javascript #html5 #canvas #webdevelopment #gamedev #frontend #opensource #learninginpublic

🚀 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 developed an interactive browser-based game using JavaScript, HTML and CSS 🎮 This project helped me strengthen my understanding of game logic, DOM manipulation, and core front-end development concepts. 🎥 Demo: Check out the gameplay video below 👇 🔗 GitHub Repository: https://lnkd.in/gMbcD756  🌐 Live Game: https://lnkd.in/gi39pk5g ✨ Key features: Smooth player controls & responsive gameplay Obstacle generation and collision system Score tracking system Lightweight and fully browser-based This project was a great hands-on learning experience in building real-time interactions using JavaScript. I would really appreciate feedback or suggestions to help me improve this game further. 😊 #WebDevelopment #JavaScript #GameDevelopment #FrontendDevelopment #StudentDeveloper #GitHub #OpenToWork

Task: Snake Game Using HTML CSS JavaScript 🔑 Key Features: 1. 🎮 Interactive gameplay with smooth keyboard controls 2.⚡ Dynamic speed increase as score grows 3. 🏆 Real-time score tracking with game-over detection 4. 📱 Responsive design with mobile-friendly controls Designed and developed an interactive browser-based game with dynamic game logic and real-time user input handling. Utilized DOM manipulation and event-driven programming to ensure smooth gameplay and responsive performance.

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

Decided to take a little trip down memory lane! 🚀 Years ago, one of the very first things I ever built when I was learning to code was a really basic Tic-Tac-Toe game. Today, I figured it would be fun to open up that old repository and see how much I could improve it. It’s still a super simple Vanilla JavaScript app at its core, but giving it a 2026 glow-up was an absolute blast. Here’s what I changed to bring it into the modern era. ✨ The Glow Up: I completely ripped out the old styling and added modern glass UI effects along with a theme switcher. You can now play in Cyberpunk Neon, Deep Midnight, or Royal Gold. 🎮 Better Gameplay: Instead of the game ending immediately, I turned it into a combo-scoring game. You keep playing until the whole 3x3 or 5x5 board is completely full to rack up points. 🤖 Smarter Logic: The computer opponent isn't a total pushover anymore! I added some simple logic so it actively looks for winning spots, blocks my moves, or takes the center tile. 🌐 Online Play: To top it off, I hooked it up to Firebase so can actually send a room link to friends and play against them in real time. Want to play a round? Try it out here (works on mobile too!):  🔗 https://lnkd.in/gZEdadvu It's actually crazy to look back at the code I wrote years ago compared to how I approach things today. Honestly, revisiting your very first projects is a massive confidence booster and a great reminder of how far you've come. #JavaScript #WebDev #CodingJourney #SideProject #CSS #HTML #Frontend #Firebase #LearnToCode

🎮 Built a Real-Time Mouse Tracker using HTML5 Canvas As part of my preparation for HTML5/game development roles, I built a simple interactive mouse tracker using Canvas. ✨ Features: Real-time mouse position tracking Smooth rendering using requestAnimationFrame Dynamic drawing on canvas This helped me understand core concepts like: Canvas rendering Animation loop Event handling Excited to keep building more interactive experiences and games! Would love to get feedback 🙌 “Exploring opportunities in HTML5 game development.” GitHub: https://lnkd.in/g3bGYcXs 7Seas Entertainment Limited Innomatics Research Labs #HTML5 #Canvas #GameDevelopment #Frontend #JavaScript

🎮 Just finished building a Simon Says game! I’ve been diving deep into JavaScript and DOM manipulation recently, and I’m excited to share my latest project: a fully interactive Simon Says game. This project was a fantastic way to practice: ✅ State Management: Tracking sequences and user inputs. ✅ Asynchronous Logic: Timing the color flashes and patterns. ✅ Responsive Design: Ensuring the game looks great on any screen size. Building this helped me sharpen my logic and understand how to create a more engaging user experience. 🚀 Check out the live game here: https://lnkd.in/gd2h-4-Z 📂 View the source code: https://lnkd.in/gaZdDxGq I’d love for you to try it out—what’s the highest level you can reach? #WebDevelopment #Javascript #CodingJourney #StudentDeveloper #ProjectShowcase #CS

Memory Card Game built with React 🧠🎴 I recently developed a fun and interactive Memory Card Game using React.js, where the main goal is to match pairs of cards while improving memory and focus. 🔧 Tech Stack Used: React (Functional Components) React Hooks (useState, useEffect) JavaScript (ES7+) CSS for styling and animations ✨ Key Features: Card flip animation 🎴 Randomized card shuffle 🔀 Move counter to track performance 📊 Win detection system 🏆 Responsive design for all devices 📱💻 This project helped me strengthen my understanding of React state management, component structure, and UI logic handling. I’m continuously working on improving my front-end development skills and building more interactive projects. 🔗 GitHub: https://lnkd.in/dRXZtVjK 🌐 Live: https://lnkd.in/dH_hAGXi Feedback and suggestions are always welcome! 🙌 #ReactJS #JavaScript #FrontendDevelopment #WebDevelopment #Coding #Projects #100DaysOfCode