// How It Works — long-scroll explainer
const { useState: useStateHIW, useEffect: useEffectHIW, useRef: useRefHIW } = React;
const PageHero = () => (
HOW IT WORKS · CHAPTER 0
Embodied cognition is not a metaphor.
Forty years of cognitive science says the same thing: you remember what you can stand inside. Until recently, building a place was prohibitively expensive. Then Marble arrived. The rest of this page explains, in five short chapters, exactly how a sentence from a teacher becomes an accredited grade for a student.
);
// Chapter I — Splat vs Mesh diagram
const SplatVsMesh = () => {
const meshTris = [];
const seed = (n) => { let s = n; return () => { s = (s * 9301 + 49297) % 233280; return s / 233280; }; };
const r1 = seed(7);
for (let i = 0; i < 40; i++) {
const a = r1() * Math.PI * 2, b = r1() * Math.PI * 2, c = r1() * Math.PI * 2;
const cx = 50, cy = 50, R = 32;
meshTris.push([
[cx + Math.cos(a) * R, cy + Math.sin(a) * R],
[cx + Math.cos(b) * R * 0.7, cy + Math.sin(b) * R * 0.7],
[cx + Math.cos(c) * R * 0.55, cy + Math.sin(c) * R * 0.55],
]);
}
const r2 = seed(31);
const splatPts = [];
for (let i = 0; i < 280; i++) {
const t = r2() * Math.PI * 2, rr = r2() * 32 + 4;
splatPts.push({
x: 50 + Math.cos(t) * rr + (r2() - 0.5) * 8,
y: 50 + Math.sin(t) * rr + (r2() - 0.5) * 8,
r: r2() * 1.3 + 0.3,
o: r2() * 0.7 + 0.3,
c: r2() > 0.85 ? '#7DFFC4' : '#E5E5EA',
});
}
return (
LEGACY · POLYGON MESH
Triangles.
A 3D scene built from triangulated surfaces. Edges are sharp. Lighting must be baked or simulated. Built by humans. Slowly.
120K POLYGONS~3 WEEKS TO BUILDUNREAL · MAYA
MARBLE · GAUSSIAN SPLATTING
Point cloud.
Millions of 3D Gaussians — fuzzy ellipsoids with color, opacity, and view-dependent shading. Lit by the world they were sampled from. Generated, not built.
4.2M SPLATS~5 MIN TO GENERATESPARK.JS RUNTIME
);
};
// Chapter II — Prompt input that "generates" a world
const PromptToWorld = () => {
const [value, setValue] = useStateHIW('');
const [state, setState] = useStateHIW('idle');
const [progress, setProgress] = useStateHIW(0);
const [scheme, setScheme] = useStateHIW(null);
const suggestions = [
{ p: 'Walk through the Roman Forum, 79 AD', s: 'ancient' },
{ p: 'Stand inside a mitochondrion at scale', s: 'cell' },
{ p: 'Visit a Mars colony at sunrise', s: 'space' },
{ p: 'Library of Alexandria, before the fire', s: 'story' },
];
const generate = (p, s) => {
setValue(p);
setState('generating');
setProgress(0);
setScheme(null);
const dur = 3200;
const start = performance.now();
const tick = () => {
const t = (performance.now() - start) / dur;
if (t >= 1) {
setProgress(100);
setScheme(s || 'ancient');
setState('done');
} else {
setProgress(Math.round(t * 100));
requestAnimationFrame(tick);
}
};
requestAnimationFrame(tick);
};
const onSubmit = (e) => {
e.preventDefault();
if (!value.trim() || state === 'generating') return;
const match = suggestions.find(s => s.p.toLowerCase() === value.trim().toLowerCase());
generate(value, match ? match.s : 'space');
};
return (
For thirty years, every 3D world a student stepped into was made of triangles, painstakingly placed by humans. Gaussian Splatting changes the input: instead of geometry, you give it light. Instead of weeks, you get five minutes.
The catch: splats are heavy. Spark.js — the WebGL runtime World Labs ships — streams them at 60fps on a five-year-old MacBook. That's the only reason a school like this is possible.
}
>
The interactive above is a faithful mock of the Marble Teacher Console: a single text input, a few suggested prompts, a progress bar. Behind the bar, on the real platform, World Labs is solving for several million splats and packaging them for Spark.js delivery. The teacher's job is to know what's worth standing inside.
}
>
Mia is in tenth grade. It's 14:08 her time. She is standing inside a mitochondrion. There is no headset, no app, no install. The bar at the bottom of her screen is SofAI, who knows what she is looking at and what her cohort is supposed to learn this hour.
Sessions are 30–50 minutes. Five live cohorts per week per subject. The rest is async — open the world whenever, SofAI continues where you left off.
}
>
SofAI is the only AI a family interacts with across the entire experience. The model is the same — the context, the permissions, and the tone shift by role. A teacher asking "how is Mia doing?" sees objective coverage. A parent asking the same question gets dinner-table answers. Mia asking the same question gets a nudge.
}
>
The pedagogy is unusual. The credential cannot be. We hold ACS WASC accreditation under code 43 46070 999. All seven UC A–G subject areas are approved. Forty courses carry UC Honors weighting. California Community Colleges open for dual enrollment after grade 9.
Accreditation is the floor. Not the ceiling.
That's the whole stack.
If you want to see what a course looks like, the catalog is one click away. If you want a diploma, enrollment is two.