Open-source demos, experiments and tools by Amplified Creations.
Each folder is a self-contained piece — generative art, shaders, utility scripts, or proofs of concept we ran internally and decided to share. Some are featured on amplifiedcreations.com/lab.
| Folder | Description | Stack |
|---|---|---|
brand-colour-pipeline-tester |
A tiny WebGL viewer that shows a single hero colour rendered under three light conditions side-by-side. Drop in a hex, see if it survives Lisbon overcast. | WebGL · Three.js · GLSL · Vue 3 |
matterport-tour-audit |
A small Node script that crawls a Matterport tour and flags common quality issues: unreachable rooms, missing hotspots, broken transitions. | Node.js · Matterport SDK · TypeScript |
php-image-proxy-webp |
A 30-line PHP proxy that fetches images from a headless CMS, negotiates WebP via Accept header, and caches them with 30-day immutable headers. | PHP · cURL · WebP |
generative-svg-covers |
Server-side generative SVG cover images. Deterministic geometry from a slug + crc32. No designer, no upload, no asset pipeline. | PHP · SVG · crc32 · Cache-Control |
static-php-i18n-ovh |
An i18n stack that works on cheap shared hosting where mod_rewrite QSA breaks: URL path parsing in PHP + a JS link-rewriter at boot. No frameworks, no build step. | PHP · JavaScript · Apache · Cockpit CMS |
canvas-demos |
Inline canvas generative pieces: orbital trace, flow field, Truchet tiles. Pure browser, no framework. | Canvas 2D · requestAnimationFrame · JavaScript |
colour-system-generator |
Single brand hex → 11-step scale, semantic tokens, dark-mode pairing, CSS / Tailwind / SCSS / Figma Tokens output. | HTML · JS · HSL |
responsive-type-scale |
Fluid modular type scale using CSS clamp(). Pick base + ratio, get h1–h6 + body ladder. |
HTML · CSS · clamp() |
webxr-lost-room |
A small 3D room that exists between dimensions — floating orbs, glowing obelisk, orbital ring, drift fog. Inline 3D for any browser, headset opt-in via WebXR. | Three.js · WebXR · importmap |
jofit |
Editorial-dark preview of a fitness & wellness coach: hydration, energy balance, training load, weekly chart, and an ML nudge ranked by clinical-evidence weight × personal delta × adherence cost. | HTML · CSS · SVG · vanilla JS |
presend |
MCP server that answers “should I send this?” before you hit send. Scores a draft, flags risky phrasing (implied commitments, vague timeframes, off-tone), and offers a rewrite. Modes for email, LinkedIn, proposals, feedback. | TypeScript · MCP SDK · Anthropic SDK |
neuron-db-graph |
Database records as a 3D neuron-like brain — every node a record, every thread a relation, every pulse a synapse firing. ~500 sample records, force-directed in WebGL. Hover any node to trace its connections. | 3D-force-graph · Three.js · d3-force-3d · WebGL |
worldcup-probability |
The Probability Almanac: Elo + Monte Carlo simulator for the 2026 World Cup. 10,000 tournaments in your browser — stage probabilities for all 48 teams, plus per-team survival curves and single-universe replays. | HTML · CSS · SVG · vanilla JS · Poisson/Elo |
diorama |
An isometric cutaway room rendered in real time. Drag furniture across a snap grid, recolour any piece, re-skin the walls (paint or wood slats), swap floor and rug, and change the whole mood with one click. Fully procedural — no models, no textures, no build step. | Three.js · WebGL · Orthographic · Postprocessing |
resonance |
A real-time WebGL2 experience in three scenes — a raymarched gyroid dreamscape, a 340k-particle curl-noise field, and an audio-reactive nebula (five procedurally-synthesised tracks) — each of which periodically reforms into the amplified® wordmark. | Three.js · WebGL2 · GLSL · Web Audio API |
radar |
Where Portugal’s public sector is buying: every tender from BASE, Diário da República and TED, searchable by sector and district, on a map of Portugal drawn in ridge lines whose peaks reshape with each filter. | SVG · Canvas 2D · vanilla JS · Natural Earth |
Every experiment must credit the studio with the amplified® wordmark (amplified-wordmark.svg, repo root) linking to amplifiedcreations.com in a new tab:
<a href="https://amplifiedcreations.com" target="_blank" rel="noopener">
<img src="../amplified-wordmark.svg" alt="amplified®" height="22">
</a>
Typical placement: page header (≈22px tall) and footer (≈18px, “Made by amplified® · MIT licensed”). Don’t copy the SVG into experiment folders — reference the root file.
Each folder has its own README with run instructions. Most are static — open index.html in a browser. Node/PHP demos need their respective runtime.
Bug fixes welcome. Feature requests we’ll probably ignore — these are intentionally small. PRs that bloat scope will be closed politely.
MIT. Do whatever you want, no warranty.