Welcome to mudfoundation.education

Today you'll meet the toolbox behind every interactive world, try the ways people move and act inside XR, and open the tool you'll build with all week.

What is a game engine?

A game engine hands you gravity, sound, and graphics already built, so you can spend your time being creative instead of rebuilding the basics.

Think of it as a fully stocked kitchen. The tools are already there.

The four jobs of a game engine

This little world runs on all four. Switch a job off and watch what breaks.

Click here, then use ← → and space

Ball is bouncing.

Turn sound on your device up to hear the bounces.

Popular game engines and platforms

1972: the first Pong machine

The first Pong arcade machine was tested at a bar called Andy Capp's Tavern. A few days later it stopped working. Its coin box was so stuffed with quarters that it jammed the whole machine.

Even that simple game needed all four jobs.

Think and post

Of the four jobs, which would be hardest to build completely from scratch, and why?

How we interact with things in XR

Interactivity is what turns a pretty picture into a place you can actually visit and explore.

Every one of these actions is the engine's input job at work.

Try all five in this room

Click here, then walk with arrow keys

Find all five ways to interact.

  • Gaze / pointLook at or aim at something to select it, like a mouse cursor hovering over a button. Try it: point at the orb.
  • Click / tapSelect an object to trigger something, like pressing an elevator button and watching the doors respond. Try it: click the button.
  • GrabReach out and pick an object up or move it, like taking something off a shelf. Try it: drag the crate onto the pad.
  • Walk up to (proximity)Something happens just because you got close, no click needed, like a motion-sensor light. Try it: walk to the lamp.
  • TeleportClick a marked spot to jump straight there, like choosing a floor on an elevator panel instead of climbing stairs. Try it: click a ring.

Connect to our project

These are the tools you'll use to build your own virtual tour: teleport points to move visitors from stop to stop, and clickable hotspots that reveal information, play a sound, or trigger something at each stop.

Think and post

If you were building a virtual tour of our school, name one thing you'd want a visitor to click, walk up to, or teleport to. What should happen when they do?

What is mudfoundation.education?

A nonprofit art, tech, and education platform for building and sharing your own 3D immersive worlds, right in a browser, using WebXR.

It hands you a whole engine's worth of creative tools, for free.

Why mudfoundation.education?

Nonprofit and education-first
Built for learning and creating, not for selling ads or in-app purchases.
Runs in the browser with WebXR
No expensive gear required. It works on the laptops already in the room, and steps up to a headset if you have one.
Shared, social spaces
More than one person can visit, or build in, the same world together.
Ready for what you'll create
3D characters and objects you design later this year can be brought right into your own Verse.

Under the hood: WebXR + Three.js

WebXR

A web standard that lets a browser talk directly to a VR/AR headset: its position, its controllers, hand tracking. Nothing extra to install.

The translator between your headset and the website.

Three.js

A JavaScript library that draws and animates the 3D graphics you see in the browser, built on a lower-level technology called WebGL.

The artist that paints everything you see in 3D.

mudfoundation.education is built on both. Three.js handles the graphics job and WebXR handles the input job, the same jobs you switched on and off in Topic 1.

Quick check

Let's get started: XRHUB

XRHUB is the dashboard of the MUD XR Platform. Every project starts here, and every Verse you publish is listed here.

Watch the live demo first. Then log in, or use our class account, and tour XRHUB with us.

Open mudfoundation.education  Read the XRHUB guide

Three words you'll use all week

Project
The file that holds your whole scene: assets, objects, and settings.
XR Creator Studio
The 3D editor in your browser where you build a project.
Verse
The live, published version of a project. People can visit it on a laptop, a phone, or a headset.

Tour the dashboard

  1. Log inCreate your account, or use the class account your instructor gives you.
  2. ExploreAll public work in one place: Activations (events), public Verses, the Archive of published assets, and Templates. Open Explore, then Verses, and enter one.
  3. ProjectsYour projects live here. Find the New button, which starts a project as Empty, from a Template, or by Import. Wait for the group before you click.
  4. VersesEvery project you publish shows up here as a Verse, with a link and QR code you can share.

XRHUB is home base. You build a project in XR Creator Studio and publish it as a Verse.

Answer wall

Loading answers…