real-time web

Unity's real-time cinematic teaser 'Enemies' from its Demo Team, showcasing HDRP lighting, strand-based hair and an advanced digital human toolkit. It is a short showcase of high-end real-time rendering.

Epic Games' reveal of Unreal Engine 5, a real-time demo running on PlayStation 5. It showcases Nanite virtualized micropolygon geometry and Lumen global illumination.

Epic's Unreal Engine 5 tech demo set in the Matrix universe, with Keanu Reeves and Carrie-Anne Moss. It moves from a cinematic to a playable car chase through a large detailed city, with a behind-the-scenes look at the rendering at the end.

Phoenix creator Chris McCord builds a real-time Twitter-style app live with Phoenix LiveView 1.5 in about 15 minutes. It shows interactive, real-time updates without writing JavaScript.

A short preview of OTOY's Brigade 3.0 engine doing real-time path tracing, running on two GTX Titans.

A demo of Brigade 3 real-time path tracing at 720p controlled with an Xbox controller. Depth of field, field of view, reflections and shadows can be altered live.

A two-minute NVIDIA RTX tech demo built on Remedy's Northlight engine, showing real-time ray-traced lighting and shadows in a game scene. It was shown alongside the launch of RTX and DirectX Raytracing.

A talk by Yuri Iozzelli at a WebAssembly meetup on CheerpX, an x86 virtual machine running in the browser. It uses a JIT compiler that emits WebAssembly at runtime to run real native applications. It covers the architecture and demos such as porting a multiplayer C++ game.

Timur Doumler's CppCon 2015 talk on how C++ is used in the audio industry. It covers the patterns and tools audio developers rely on, including handling real-time constraints.

A short Bookeen R&D demo showing real-time web page scrolling on an eInk panel, far faster than typical e-readers. It was a prototype for the next generation of Cybook readers.

Jake Archibald's JSConf.Asia 2018 talk "In the Loop" explains the browser event loop, covering tasks, microtasks, requestAnimationFrame, and how rendering interleaves with JavaScript. It uses visual walkthroughs to show why code runs in surprising orders and why setTimeout fixes are unreliable.

Microsoft Research demonstrates holoportation, which reconstructs and compresses high-quality 3D models of people in real time and sends them anywhere. With a HoloLens, remote participants appear as if present in your room.

A PBS Space Time episode hosted by Gabe Perez-Giz on the nature of spacetime and whether space and time are fundamental. It builds up reference frames and causality in a short, dense format.

A one-minute archive video of the 2Advanced Studios v2 website from 2001, a showcase of the elaborate futuristic Flash interfaces the agency was known for.

A short archival capture of the 2001 Flash website of 2Advanced Studios, an agency known for high-end Flash design. It is part of the Web Design Museum's collection of early web design.

Epic Games shows how LED walls can provide both virtual backgrounds and real lighting, letting scenes be captured in camera in a single pass with Unreal Engine.

Tom Scott explains for Computerphile why handling time and timezones in code is so hard, walking through a simple web app that computes how long ago something happened. It covers the quirks of timezones and calendars and ends in an exasperated rant.

Dylan Beattie's entertaining NDC talk imagines an alternate history of the web, asking what if different decisions had been made on operating systems, browsers and standards. It blends real history with humor.

LearnCode.academy presents a roadmap of web development technologies to learn in 2016 and 2017, spanning front-end, back-end and DevOps tools.

Ilya Grigorik of Google's Make the Web Fast team explains how to build a mobile site that appears on screen within one second. He covers the network and rendering constraints on mobile.

The CVPR 2016 oral demo of Face2Face, a system that captures a person's face and reenacts another video's face in real time using only RGB video. The authors frame it as research on modern vision and graphics.

Real Engineering explains the engineering behind the James Webb Space Telescope, including its folding mirror, sunshield, orbit and cooling systems, and why deployment was so difficult.

Photopea founder Ivan Kutskir talks about developing a free browser-based photo editor, one of the most complex JavaScript programs ever written, and the web technologies behind it.

A PBS Space Time episode asking whether time began at the Big Bang. It explains that the Big Bang is not what most people were taught and what 'start' of the universe really means.

Physicist Carlo Rovelli gives a public lecture at the Royal Institution on how our understanding of time has changed, from Boltzmann and Einstein to quantum theory and loop quantum gravity. He blends physics, philosophy and art to argue that time is stranger than everyday intuition suggests.

The first lecture of Francis Su's Harvey Mudd real analysis course, covering the construction of the rational numbers. It begins a full lecture series that follows a standard analysis text.

A 60fps capture of Future Crew's 1993 MS-DOS demo Second Reality, one of the best-known pieces of the demoscene. It runs about 16 minutes of real-time graphics and music effects on PC hardware of the era.

DIY Perks builds a webcam mod using a two-way mirror in a box so the camera sits behind the screen image. This allows real eye contact on video calls.

John Oliver's Last Week Tonight segment on timeshares covers how people get sold into them, why they are so hard to leave, and the exit-company scams that target owners trying to get out.

In this first Crust of Rust episode, Jon Gjengset live-codes an example that needs multiple explicit lifetime annotations. Along the way he covers string types and generics over a custom trait.

Michael Wesch's five-minute video about Web 2.0, showing how the read/write web, XML and user-generated content change how people create and share information.

A clip from Charlie Brooker's BBC show Screenwipe showing how reality TV uses editing to manufacture emotion and narrative. It demonstrates how the same footage can be cut to give very different impressions.

Dave Jones builds the Evil Mad Scientist discrete-component 555 timer kit, then tests it and explains the internal circuitry of the 555 at transistor level. He finishes with scope waveforms.

A Numberphile interview with Donald Knuth about how he came to write the first book on surreal numbers after a lunch with John Conway. He tells the story casually in about 14 minutes.

Leptos creator Greg Johnston examines Rust/WebAssembly frontend frameworks against JavaScript frameworks using the JS framework benchmark. He argues that WASM is no longer too slow for DOM-heavy rendering.

An RSA Animate illustrating a lecture by psychologist Philip Zimbardo on how people's perspectives on time (past, present, future) shape work, health and well-being.

React Helsinki meetup recording featuring a talk on lessons with Apollo GraphQL and Linear co-founder Tuomas Artman on real-time sync for web apps. The sync talk explains Linear's local-first architecture.

A Two Minute Papers episode on NVIDIA's recurrent denoising autoencoder, which cleans up noisy Monte Carlo path-traced image sequences. It shows how a neural network can produce usable renders from very few samples.

Theoretical physicist Nima Arkani-Hamed gives a public talk on why spacetime may not be fundamental and what might replace it, including newer approaches to scattering amplitudes.

A short Techquickie explainer on why laptop webcams are much worse than phone cameras. It covers sensor size, image processing, and the interface differences between laptops and phones, with input from a Logitech engineer.