Independent System · 2024

AdityaOS & Pixel Studio

An in-browser retro operating system and pixel sandbox built with zero external runtime libraries, featuring Conway's Game of Life, falling sand physics, and WebAudio synth.

ROLE
Creator & Systems Engineer
TIMELINE
Ongoing
TEAM / CONTEXT
Aditya Diundi (Sole Design & Engineering)
Tags: Creative Sandbox, Canvas Graphics, Web Audio, Retro SystemsLive prototype

The Bottleneck

Most personal websites are static marketing brochures filled with buzzwords that talk about design capabilities without demonstrating deep technical craft or interactive systems design.

Modern web software is bloated: simple drawing apps often import megabytes of heavy npm dependencies, resulting in sluggish performance and high memory overhead.

The Architecture & Scope

Core Architecture & Ownership

  • Architected the modular window management system with floating, minimizing, dragging, and stacking order.
  • Implemented custom canvas rasterization algorithms including Bresenham line interpolation, flood-fill, and cellular automata.
  • Engineered real-time falling sand particle physics (sand, water, wood, acid) and WebAudio synth oscillators.

Technical & Operational Constraints

  • Zero External Runtime Libraries: Canvas rendering and audio synthesis had to run purely on standard HTML5 Canvas and Web Audio APIs.
  • Responsive Performance: 60 FPS guaranteed across both mobile touchscreens and desktop keyboards.

Process & Engineering Decisions

1. Direct Canvas State Management

Implemented pixel matrices directly on 2D canvas context, executing Conway's Game of Life rules and cellular sand physics in real time.

AdityaOS Interactive Web Desktop and Pixel Studio

Tradeoff: Writing custom canvas logic required deep mathematical handling, but yielded a lightweight bundle with zero third-party vulnerability risk.

2. WebAudio Synthesizer Engine

Created an on-the-fly audio oscillator triggering retro pentatonic square waves with every brush stroke and particle collision without downloading sound files.

Pixel Studio Synthesizer and Telemetry Engine

Tradeoff: Synthesis requires audio context user activation, but reduces page payload to 0 bytes for audio assets.

The Impact

60 FPS
client-side rendering
0
external canvas or audio runtime dependencies
100%
client-side execution without server compute

AdityaOS demonstrates that thoughtful system design and direct web primitives can deliver rich, delightful interactive experiences without bloat.

Design Technologist Retrospective

"I would implement WebGL shader support to calculate larger cellular automata matrices on mobile GPUs."