X

GrenGrow

🌿 Interactive VR Garden

🚀 DEMO

---

A zen virtual reality environment built with A-Frame, where users can plant, water, and watch their own plants grow. An immersive and relaxing experience with VR interactions.

🎮 Features

• 🌱 Interactive Gardening: Dig, plant seeds, and watch them grow.
• 💧 Watering System: Use a watering can to help plants grow.
• 🧍 NPC & Trading: Give a flower to a character to receive a camera in exchange.
• 🌸 Zen Ambiance: Create your own flower shelf
• 📸 Pictures: Take pictures of your creations

Movement modes support

• Desktop – Keyboard for move (WASD or Arrows keys) + Mouse for look control (Drag and drop)
• Mobile – 1x Finger touch to go forward + 2x Fingers touch to go backward + Gaze cursor for click
• VR/AR – walk + Teleport (Grip for grab and laser for click) + Gaze cursor for click in AR

---

Quickstart

Create a folder for your project and move to it

Clone (or fork, or download)

git clone https://github.com/zurfjereluhmie/aframe-zen-garden .

Install dependencies

npm ci

Dev

npm run dev

Build

npm run build

Notes for local dev on VR headset

1. Check that your development device and your VR headset are connected on the same network.

2. Expose you local development:

npm run dev-expose

3. In your VR headset, browse to the local development adress [ip]:[port].

Note

The certificate is self-signed, so you will probably have to confirm access to the resource in your browser.