Home▸Education & Learning Tools▸Education Online Learning Simulation

🧪 Education Online Learning Simulation

Interactive 3D model of a live online-learning session: watch a grid of remote students' attention rise and fall over a lecture, see quiz checkpoints and breaks fight fatigue, and track predicted quiz scores and dropout (students leaving the call) in real time.

Education & Learning Tools2DModerate60 FPS📱 Mobile-adapted
education-online-learning-simulation ↗ Open standalone

This simulator models what actually happens inside a live online-learning session: every tile in the 3D grid is one remote student, and its colour and height track a personal attention curve that decays exponentially toward a boredom floor between engaging events, exactly as sustained-attention research describes vigilance decay in unbroken tasks. Quiz checkpoints re-engage the class through the testing effect but can also tip a deeply disengaged student into leaving the call — a stand-in for real online-course drop-off — while breaks restore attention and claw back the slow "screen fatigue" that erodes the class's achievable ceiling over a long session. Tune class size, checkpoint frequency and session speed, trigger a break on demand, and watch class-average attention, predicted quiz score and cumulative drop-out update live, making the case for short, interactive sessions over long uninterrupted lectures.

⚙ Under the hood

This simulation presents an interactive online learning environment where users can access courses and materials remotely. It explores the challenges and benefits of distance education.

Online CoursesRemote Learning

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)