Interactive videos with THREE.js and React

For the past few years I’ve been developing a framework for making interactive videos in React. This means you can put a THREE.js scene inside a video and your viewers can interact with it while the video is running!

Here’s a demo: Math tutorial | Ractive-Player. You can get started making these yourself by cloning the source for that video from GitHub - ysulyma/rp-tutorial-math: Math-specific tutorial/sample project for ractive-player

Here are also a few examples of using this to teach algebraic topology: Geometry and topology

If you think this is cool, please Tweet about it + tell your programmer friends! I’m trying hard to spread the word.

10 Likes

There’s now an official integration for React-Three-Fiber, which should make it easier to get up and running: THREE.js | Liqvid

1 Like