3D Document Engine

VioGL

The Future of Digital Reading

A revolutionary 3D document renderer with soft-body physics, AI-powered visuals, VioType typography, origami simulation, and VR/AR-ready architecture.

What is VioGL?

📖

EPUB Renderer

Parses and renders EPUB documents with VioRender engine, maintaining full standard compliance.

ðŸŽĻ

3D Experience

Transforms flat documents into immersive 3D experiences with realistic page physics and animations.

ðŸĨ―

VR/AR Ready

Built with VioXR integration, enabling seamless VR/AR reading experiences.

Core Capabilities

01

VioType Typography

Advanced distance field rendering produces crisp, resolution-independent text at any zoom level or viewing angle. VioType text remains sharp even when viewed up close in VR.

  • GPU-accelerated text rendering
  • Perfect scaling at any resolution
  • Full font weight/style support
  • Proprietary VioType engine
VioType Zoom to see crisp edges
02

3D Page Turn Animation

Realistic page turn physics with paper curl, bend, and shadow effects. Uses vertex displacement on segmented geometry for smooth, natural-feeling page turns.

  • Realistic paper deformation
  • Dynamic shadow casting
  • Gesture-based interaction
  • Configurable stiffness/curl
Page Turn Interactive below
03

HTML/CSS to VioRender

Complete parsing pipeline that converts EPUB HTML content into a 3D scene graph. CSS styles are computed and applied natively in VioRender.

  • Full HTML5 element support
  • CSS cascade computation
  • Flexbox layout (via Yoga)
  • Automatic pagination
HTML
→
VioNode
→
Layout
→
VioRender
04

Interactive Elements

3D raycasting detects user interactions with links, buttons, and other interactive elements. Hover states, clicks, and touch gestures are fully supported.

  • Link navigation
  • Hover effects
  • Touch & mouse support
  • Footnotes & references
👆 Click me! Raycasting demo
05

Imagify - AI Visual Generation

Transform text into contextual visuals. VioGL's AI orchestrator analyzes paragraph content and injects relevant images directly into the 3D document flow.

  • Real-time semantic analysis
  • Contextual image generation
  • Seamless 3D integration
  • Pluggable AI providers
Text paragraph...
→ AI →
🖞ïļ
06

Videofy - Spatial Media Overlays

Embed interactive video content as 3D textures mapped to the page surface. Videos respond to page turns, lighting, and user gestures.

  • THREE.VideoTexture integration
  • Tap-to-play interaction
  • Depth-aware rendering
  • Spatial audio positioning
â–ķ
3D Video Texture
07

Spatial Audio Engine

3D positioned audio using Web Audio API with HRTF panning. Sound sources are placed in 3D space, creating immersive audio experiences that match visual content.

  • HRTF-based spatialization
  • Camera-tracked listener
  • TTS position mapping
  • Video audio integration
🔊 3D Audio
L C R
08

3D Data Visualization

Transform EPUB tables into interactive 3D charts. Bar, line, pie, scatter, and area charts rendered natively with VioChart engine.

  • Automatic table parsing
  • 5 chart types
  • Animated transitions
  • Raycasting interaction
📊 VioChart
09

Haptic Feedback

Tactile feedback synchronized with page turns, button presses, and media interactions. Customizable vibration patterns for enhanced immersion on mobile devices.

  • 15+ preset patterns
  • Page turn haptics
  • Media interaction feedback
  • Custom pattern support
ðŸ“ģ
Tap to test haptics
10

Style-Aware AI Generation

AI-generated content matches your book's visual theme. Choose from 10 distinct styles, from pencil sketches to photorealistic renders.

  • 10 visual styles
  • Theme-aware prompts
  • Pluggable providers
  • Runtime style switching
✏ïļ Pencil
ðŸŽĻ Watercolor
ðŸ’ŧ Digital
ðŸŒļ Anime
📷 Photo
🖞ïļ Oil
11

Soft-Body Physics

Real-time physics simulation using VioPhysics engine. Pages have mass, gravity, and realistic paper behavior. Release a page mid-turn and watch it flop naturally.

  • VioPhysics PBD engine
  • Cloth-like soft grab
  • Paper type presets
  • Realistic flop & settle
ðŸŽŊ Drag & Release
Tissue Bond Card
12

VioOrigami - Paper Folding

Advanced origami simulation with step-by-step fold animations. Transform flat paper into airplanes, boats, cranes, and more with realistic crease physics.

  • 6 pre-built patterns
  • Fold-specific color coding
  • Layer-based shading
  • Rigid fold mechanics
📁 📐 ✈ïļ ðŸšĒ ðŸĶĒ ðŸ”Ū
ðŸĶĒ VioOrigami

Interactive Demo

Experience VioGL's full capabilities: realistic page turns, soft-body physics, AI-generated visuals, 3D charts, and paper origami simulation.

📖

3D Demo Canvas

Press the button above to start

Architecture

Application Layer
VioReader
VioBridge
↓
VioGL Engine
VioCore
VioParser
VioStyle
VioLayout
↓
Rendering Layer
VioType
VioMedia
VioStream
VioCompose
VioChart
VioSync
↓
AI & Media Layer
VioAI Orchestrator
VioAudio Spatial
VioHaptic
↓
VioPhysics Layer
VioPhysics XPBD
VioSoft Dynamics
VioMotion
↓
VioRender Core
VioAccel GPU
VioScene Graph
VioXR Immersive

Why VioGL?

Feature
VioGL
Traditional
Text Rendering
VioType (GPU)
Canvas 2D
3D Animations
VioRender Native
CSS/JS only
VR/AR Support
WebXR Ready
Not Supported
Text Clarity
Resolution Independent
Fixed Resolution
Performance
60fps animations
Limited by DOM

Experience VioGL

Open any book in the Vio Library to see VioGL in action.