AtomsGame
:video_game: Atom's Game is an educational web-based game designed to help children and teenagers learn the elements of the Periodic Table. The game challenges players to identify chemical elements based on their symbols.
Install / Use
/learn @allexlima/AtomsGameREADME
Atom's Game
Overview
Atom's Game is an educational web-based game designed to help children and teenagers learn the elements of the Periodic Table. The game challenges players to identify chemical elements based on their symbols.
The project was originally presented at the National Institute of Amazon Researchers (INPA) science fair for public school teachers and students in Manaus, AM - Brazil.
You can play the game in your browser here.
How to Play
- Click the "Play" button on the splash screen.
- A chemical element name will appear on the left side of the screen (the "cat").
- Falling blocks with chemical symbols will descend from the top.
- Click on the falling block that matches the element name shown.
- You have 3 lives. Selecting the wrong symbol or letting the correct symbol fall off the screen will cost you a life.
- The game speeds up as you score more points!
Features
- Educational: Learn chemical symbols while playing.
- Bilingual Support: The game automatically detects your browser language and switches between Portuguese (default) and English.
- Progressive Difficulty: Gravity increases as you score points.
Installation
To run the game locally:
- Clone this repository:
git clone https://github.com/AtomsGame/atomsgame.github.io.git - Open the
index.htmlfile in any modern web browser.
Tech Stack
- HTML5 Canvas: For game rendering.
- JavaScript (ES6): Game logic.
- CSS3: Styling.
Credits
Developed by:
Supervisor:
Original Date: 2015 Updated: 2025
Note: This project is open source.
Related Skills
clearshot
Structured screenshot analysis for UI implementation and critique. Analyzes every UI screenshot with a 5×5 spatial grid, full element inventory, and design system extraction — facts and taste together, every time. Escalates to full implementation blueprint when building. Trigger on any digital interface image file (png, jpg, gif, webp — websites, apps, dashboards, mockups, wireframes) or commands like 'analyse this screenshot,' 'rebuild this,' 'match this design,' 'clone this.' Skip for non-UI images (photos, memes, charts) unless the user explicitly wants to build a UI from them. Does NOT trigger on HTML source code, CSS, SVGs, or any code pasted as text.
openpencil
2.2kThe world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
HappyColorBlend
HappyColorBlendVibe Project Guidelines Project Overview HappyColorBlendVibe is a Figma plugin for color palette generation with advanced tint/shade blending capabilities. It allows designers to
Flyaro-waffle-app
Waffle Delight - Full Stack MERN Application Rules & Documentation Project Overview A comprehensive waffle delivery application built with MERN stack featuring premium UI/UX, admin management, a
