A British Secondary School Student Turned a Physics Book Into 3D—but the Most Valuable Part Isn't the Animation

Techartist turned a physics book into a 3D interactive page in the browser. The book is called Every Joule, with ten lessons covering the energy chapters of UK GCSE and IGCSE physics. Recently he added nine lessons; now kinetic, gravitational, elastic energy, heating, power, efficiency, energy resources, and conservation of energy are all included.

Each diagram rises from the page and becomes a 3D ink drawing, with energy flowing between stores in glowing colors. Students predict first, then test, then prove, flip open the flap to see the answer, and collect stamps. Techartist says education doesn't have to be text and flat diagrams, and you can see that in the video.

In the demo, two bulbs with different power ratings are used to calculate efficiency, heat and light energy are separated, and a thermometer shows the temperature difference. One commenter said the 60W one is basically a heater. That's a pretty accurate quip.

The most impressive thing about this 3D book is the way the diagrams float up. What really determines whether it can get into classrooms is the stuff behind it: the index, quizzes, sources for every number, and teacher guides mapped to AQA, OCR, Edexcel, Cambridge IGCSE, and CBSE. 3D demos go stale easily; sources and exam alignment are much harder to fake.

The technical implementation uses Opus 5.5 and Three.js. Three.js is a library for rendering real-time 3D in the browser, and Opus 5.5 generates the code. When you open the demo, the page checks for graphics acceleration and warns that it may be slow if unavailable. That detail shows it's meant for students to actually rotate, click, and flip things in the browser, not just watch a pre-rendered video.

On the same day, Dustin Ng tried another direction with Opus 5.5. He gave each machine a one-line prompt: a Vietnamese street sugar cane press, a claw machine, and a blender. All three work: you can rotate them 360 degrees, press buttons, and switch to a see-through view to inspect the motor, belts, and gears. The barrier for models to generate interactive 3D content is dropping, and there will be more and more demos.

But educational products aren't a contest to see who can make moving diagrams first. What students need is the next question; what teachers need is answers they can check and progress they can align with the curriculum. Every Joule ties prediction, testing, flip-to-reveal answers, sources, and teacher guides together. That combination is harder to build than 3D alone, and it looks more like something that can stay in the classroom.

Some people asked whether this approach could be used to make a children's educational book for their son, and others suggested making a Duolingo-style mobile app for learning things. Both directions are viable, provided the content is calibrated first. 3D is the entry point; content is the reason people stay.

The ten lessons and demo are here: https://iamtechartist.com/every-joule/ . Remember to enable browser graphics acceleration before opening; if it's off, it will be slow.