Gaming Hub Used AI
This is a page featuring four simple games:
1.Flying Chicken – A Flappy Bird-style game: steer your chicken through obstacles!
2.Neon Runner – Dash through futuristic tracks, dodge obstacles, and collect points.
3.Cosmic Shooter – Battle endless waves of aliens in a vertical scrolling shooter.
4.Puzzle Pop – A classic and simple memory-matching game.
All games are designed to be played on both PC and mobile devices.
Followers
No followers yet
Ship Your Project
Get ready!
Once you ship this you can't edit the description of the project, but you'll be able to add more devlogs and re-ship it as you add new features!
Timeline
⏱️ 0–2h – Project Setup & Planning
Defined the concept: 4 quick, fun browser games in one portal.
Selected tech stack: HTML5, CSS3, JavaScript, Canvas API.
Created wireframes and notes for gameplay mechanics.
Set up project structure and folders for each game.
⏱️ 1h – Game Prototyping (0,25h per game)
Flying Chicken: Gravity, jumping, collision detection.
Neon Runner: Track scrolling, obstacles, player movement.
Cosmic Shooter: Shooting, enemies, power-ups.
Puzzle Pop: Grid layout, flip/match logic.
⏱️ 1,5h – Core Game Logic & Controls
Refined game loops using requestAnimationFrame.
Implemented scoring, game-over states, and restart logic.
Added input methods:
Keyboard (PC)
Touch (mobile)
Mouse (where relevant)
⏱️ 0,5h – UI & Visuals
Designed simple, clear graphics using shapes and colors.
Styled the UI using CSS3 (buttons, text, overlays).
Added animations and transitions for smoother experience.
Ensured all interfaces scaled well on different screens.
⏱️ 1h – Responsiveness & Mobile Optimization
Tested on various devices and resolutions.
Tweaked canvas scaling and layout adjustments.
Improved touch controls for smaller screens.
Reduced lag and optimized rendering on mobile.
⏱️ 0,5h – Portal Page & Integration
Built the main portal page with game preview tiles.
Connected each game with consistent design and navigation.
Implemented favicon and meta tags for mobile friendliness.
⏱️ 1h – Documentation
Wrote README.md, DEVLOG.md, and usage notes.
Prepared the repo for public release (clean code, comments).
Added developer notes, future ideas, and contribution info.
🚧 Challenges
Scaling the canvas across a wide variety of screen sizes.
Keeping code modular while using only Vanilla JS.
Balancing minimalism with fun, playable design.
