Umfeld Playground

A browser-native 3D geometry studio that writes Umfeld C++ for you. Add 3D primitives — box, sphere, cylinder, cone, plane — position and rotate them in 3D space, set ambient and directional lighting, wireframe modes, and colors. The matching application.cpp updates live beside it, complete with P3D, lights(), pushMatrix(), translate(), rotateY(), and shape calls. Copy the code, or download application.cpp + CMakeLists.txt as a ready-to-build sketch folder. No WASM here — it runs as plain JavaScript with WebGL.

A browser-native audio playground that writes Umfeld for you. Pick a waveform, shape an ADSR envelope, sequence a beat, and chain an effect — the matching application.cpp updates live beside it, complete with audioEvent(), Wavetable, and BeatDSP. Copy the code, or download application.cpp + CMakeLists.txt as a ready-to-build sketch folder. No WASM here — it runs as plain JavaScript with the Web Audio API.

A browser-native drawing pad that writes Umfeld for you. Pick a basic tool — line, rect, ellipse, triangle, point — set fill, stroke and weight, and lay out a composition on the canvas. The matching application.cpp updates live beside it, so you can watch which call each shape maps to. Copy the code, or download application.cpp + CMakeLists.txt as a ready-to-build sketch folder. No WASM here — it runs as plain JavaScript.