A click-and-discover chemistry game where you combine atoms, molecules, and conditions to unlock new substances, reactions, and phenomena. It's endless, replayable, and fun while sneakily teaching real chemistry concepts!
- Open
index.htmlin your web browser - You start with basic elements: Hydrogen (H), Helium (He), Carbon (C), and Oxygen (O)
- Drag elements from your inventory into the reaction slots
- Press the "⚗️ React!" button to see what happens!
- Drag & Drop: Move elements from your inventory to the reaction slots
- React: Combine two elements to discover new molecules
- Conditions: Use Heat 🔥, Pressure 💠, or Catalyst ⚡ for special reactions
- Discover: Each successful reaction unlocks new items and possibilities
- Progress: Unlock new labs as you discover key molecules
- Infinite Discovery: Hundreds of possible combinations to explore
- Real Chemistry: Based on actual chemical reactions and compounds
- Progressive Unlocking: Start simple, unlock complexity as you progress
- Multiple Labs: Each with unique themes and advanced reactions
- Conditions System: Heat, pressure, and catalysts affect reactions
- 🧪 Basic Lab - Start here with fundamental elements
- 🌍 Earth Lab - Biological molecules and natural processes (unlock with Glucose)
- 🏭 Industrial Lab - Synthetic materials and industrial compounds
- 🌌 Cosmic Lab - Stellar nucleosynthesis and exotic matter (unlock with Star)
- Dark Theme: Minimalist design with glowing elements
- Chemidex: Your discovery log with fun facts about each compound
- Auto-Save: Your progress is automatically saved
- Keyboard Shortcuts: Quick access to common actions
- Responsive Design: Works on desktop and mobile devices
- R - React (if both slots are filled)
- C - Open Chemidex
- S - Show game statistics
- Ctrl+S - Manual save
- 1/2 - Clear reaction slot 1 or 2
- H - Toggle Heat condition
- P - Toggle Pressure condition
- T - Toggle Catalyst condition
- Escape - Close modals
- H + H → H₂ (Hydrogen Gas)
- O + O → O₂ (Oxygen Gas)
- H + O → H₂O (Water) 💧
- C + O → CO (Carbon Monoxide)
- C + O + O → CO₂ (Carbon Dioxide)
- H₂O + Heat → H₂ + O (Electrolysis)
- H + He + Pressure → ⭐ (Star - Easter Egg!)
- C + H + O + Heat → ☕ (Coffee - Easter Egg!)
Discover glucose to unlock biological pathways, create ethanol for industrial processes, or forge stars to access cosmic chemistry!
- Color Scheme: Dark background with bright, glowing element icons
- Typography: Clean Inter font for modern readability
- Animations: Smooth micro-animations and particle effects
- Responsive: Adapts to different screen sizes
- Accessibility: High contrast and clear visual hierarchy
- Modular Design: Separated into logical components
- Chemical Database: Extensible system for elements and reactions
- Game Engine: Handles state management and game logic
- UI Controller: Manages all user interactions
- Local Storage: Persistent save system
Chemlib/
├── index.html # Main HTML structure
├── styles.css # All styling and animations
├── chemical-data.js # Chemical database and reactions
├── game-engine.js # Core game logic
├── ui-controller.js # User interface management
├── app.js # Main application controller
└── README.md # This file
- Chrome 80+
- Firefox 75+
- Safari 13+
- Edge 80+
Open browser developer tools and try these commands:
chemiverse.stats() // Show game statistics
chemiverse.export() // Export save file
chemiverse.discover('N') // Unlock Nitrogen (cheat)
chemiverse.reset() // Reset all progress- Try unusual combinations with different conditions
- Some reactions create special items not found in real chemistry
- Hidden combinations unlock special labs and content
- Atomic Structure: Understanding elements and their symbols
- Chemical Bonding: How atoms combine to form molecules
- Reaction Conditions: Effects of temperature, pressure, and catalysts
- Chemical Formulas: Reading and understanding molecular notation
- Real-World Applications: Fun facts about each compound
- Familiarize with periodic table elements
- Understand basic chemical reactions
- Learn about molecular structures
- Discover real-world chemistry applications
- Develop scientific curiosity and experimentation
- Sound Effects: Audio feedback for reactions and discoveries
- More Labs: Quantum Lab, Biochemistry Lab, Materials Lab
- Multiplayer: Share discoveries with friends
- Achievement System: Unlock badges for special accomplishments
- API Integration: Real chemical data from PubChem and ChEMBL
- Mobile App: Native iOS and Android versions
- 3D Molecular Viewer: Visualize molecular structures
- Reaction Animations: Show bond breaking and forming
- Lab Equipment: Beakers, test tubes, and other tools
- Time-based Reactions: Some reactions take time to complete
- Competition Mode: Race to discover specific compounds
This is an educational project! Ideas for improvements:
- Add more realistic chemical reactions
- Improve visual design and animations
- Add educational content and explanations
- Optimize performance for mobile devices
- Add accessibility features
- Little Alchemy 2
- Infinite Craft
- SpaceChem
- Kerbal Space Program (chemistry mods)
This project is created for educational purposes. Feel free to use, modify, and share!
Made with ⚗️ by chemistry enthusiasts, for chemistry enthusiasts!
Start your journey into the infinite world of chemistry. Every great discovery begins with curiosity!