Skip to content

SmartSparkCoding/jacob-s-game-centre

Folders and files

NameName
Last commit message
Last commit date

Latest commit

a7320f6 · · Feb 14, 2026

History

67 Commits
Feb 14, 2026
Feb 8, 2026
Feb 14, 2026
Feb 10, 2026
Feb 10, 2026

Repository files navigation

Jacob's Game Centre

Game Centre Logo

Click here for my Website

Overview

Game Centre is a lightweight, responsive, browser‑based hub for launching locally hosted HTML games.
Workes completely on the web thanks to Cloudflare Pages! It delivers a polished, app‑like experience with smooth animations, a cosmetic account system, dynamic layouts, and a clean, modern interface..

The project is intentionally simple and dependency‑free, built using only HTML, CSS, and JavaScript.
It is split into two main file groups:

  • index.html — the Game Centre hub (UI, game launcher, locking logic)
  • OTHER FILES — contains individual HTML game files (each game runs independently)

This structure keeps the hub clean while allowing unlimited games to be added.


✨ Features

🎬 Custom Loading Animation

  • Displays a large version of the Game Centre icon.
  • Smooth fade‑out transitions.
  • Shows “Created and Designed by Jacob N” before entering the app.
  • Automatically routes to the name prompt or home screen depending on saved state.

🕹️ Responsive Game Grid

  • Uses CSS Grid with auto-fit / minmax() to dynamically fill the screen.
  • Automatically adjusts the number of game cards per row based on window size.
  • Each card includes:
    • Thumbnail
    • Game title
    • Creator credits

🧭 Clean Navigation

  • Clicking a game opens it inside a full‑screen iframe viewer.
  • A persistent Back button returns to the main hub.
  • The top-left Game Centre icon reappears when returning home.

⏱️ Lesson-Time Locking System

  • Uses predefined GMT time windows to block access during school lessons.
  • Displays a countdown until lock/unlock.
  • Includes an override code system (scrambled in the source).
  • Override persists until the page is refreshed.

🖼️ Polished UI & UX; UX

  • Smooth hover animations on game cards.
  • Centered welcome text.
  • Subtle shadows and rounded corners for a modern look.
  • Fully responsive layout for desktop, tablet, and mobile.

🧠 Technologies Used

  • HTML5 — structure and game embedding - Scratch games are converted to HTML5 format
  • CSS3 — responsive grid, animations, UI styling
  • JavaScript — account system, locking logic, transitions, localStorage

No frameworks. No build tools. No dependencies.


🚀 How It Works

  1. User opens the app
    → Loading animation playss
    → “Created and Designed by Jacob N” fades inn

  2. Home screen loads
    → Responsive grid of gamess
    → “Welcome NAME” appears at the topp

  3. User selects a game
    → Game loads in full‑screen viewerr
    → Back button returns to hubb

  4. Lesson-time logic
    → If current GMT time is inside a blocked window, the app lockss
    → Override code can unlock itt


📜 License

This project is released under the MIT License.
You are free to modify, distribute, and use it in your own projects..


🙌 Credits

Created and Designed by Jacob N
Additional credits to friends who created or converted the included games can be found under each game. Further thanks to the e Turbo Warp Packager Team who created the Scratch to HTML converter. You can find a link to their GitHub Here


About

A game centre, with a collection of games, with the main software created by Jacob.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages