The first release of inanda is now available! This experimental project renders web content in 3D space using the Babylon.js engine instead of traditional browser rendering.

What's Included

• Site Map Navigation System: Currently supporting the HEX_FLOWER layout pattern
• 3D Content Rendering: Basic text elements (H1 and paragraph) with wood material and lighting
• Paint Backdrop: Dynamic colorful background with shader effects
• JSON-based Content Structure: Content and styling defined in simple JSON format

Configuration Options

Storage Settings

• PERSISTENT_STORAGE=FILE (default) or PERSISTENT_STORAGE=DB
• DATA_PATH=presentation/assets/data/repository/sites
• MONGO_URI=mongodb://localhost:27017/inanda (when using DB mode)

Caching Settings

• USE_LEVEL_DB=true|false (enable/disable LevelDB caching)

Getting Started

# Clone the repository
git clone https://github.com/the-erin-collective/inanda.git

# Install dependencies
npm install

# Start the development server
npm start

Technical Notes

• Built with Angular 20 and Babylon.js 8.4
• Clean architecture with domain-driven design
• Includes patches for SSR compatibility
• Works with static file storage or MongoDB

Current Capabilities

This initial release focuses on establishing the core 3D rendering approach with basic content types (H1 and paragraph elements). The groundwork is in place for expanding to more content types and site map layouts in future releases.

Documentation

For development setup and configuration options, please refer to the README.md.

Example site content showing the JSON structure can be found in src/presentation/assets/data/repository/sites.

inanda: a pleasant place - rendering json as a website in a 3d game engine.