OBSurvival is a 2D web-based survival and crafting game built with React and Vite. It features interactive resource gathering, farming, crafting, and building mechanics, all managed within a dynamic grid-based environment.
- Inventory Management: Features a 24-slot inventory system along with a quick-access Hotbar for seamless item management.
- Status Tracking: Actively monitors and displays player Health and Hunger levels.
- Dynamic Harvesting: Players can gather resources from specific tiles (trees, mines, grass) across the map.
- Tool Progression: Using upgraded tools significantly speeds up harvesting times (from 5 seconds to 3 seconds) and yields higher-tier rewards:
- Stone Axe: Increases yield (e.g., wood, apples, stone, iron ore).
- Iron Axe: Provides maximum yield, including rare materials like stihl ore.
- Agriculture: Equip a hoe to till grass tiles into arable soil.
- Crop Lifecycle: Plant seeds that automatically grow over time, eventually becoming harvestable for food and resources.
- Crafting System: Utilize a dedicated crafting interface to combine raw materials into valuable tools, blocks, and items.
- Furnaces: Place and interact with furnaces to smelt raw ores using fuel (e.g., wood), complete with progress tracking and storage limits.
- World Building: Place crafted blocks and items directly onto the map grid to shape your environment.
- Storage Systems: Craft and place Chests to securely store excess inventory.
- Entity Spawning: Features an automatic background system that dynamically spawns entities across the map over time.
- Framework: React 19
- Build Tool: Vite (
@vitejs/plugin-react) - Styling: TailwindCSS v4 (
@tailwindcss/vite) - Icons: React Icons
- Linting: ESLint
- Install dependencies:
npm install - Run the development server:
npm run dev - Build for production:
npm run build