Photorealistic 3Dgraphics on the Web with ReactJS, WebGL and Unity3D
summary
Built production casino UIs by pairing React + Redux with a WebGL layer implemented in Babylon.js rather than three.js, using an HTMLGL wrapper for HTML-in-WebGL and a texture bridge between UI and 3D. Ship-ready choices include Babylon.js with TypeScript and inspector, declarative UI kept separate from imperative 60fps 3D code, and automated continuous FPS benchmarking in CI. Fixed a roulette bug caused by dropped frames and added a Chrome extension to simulate dropped frames; Unity integration was prototyped then dropped for large build sizes.
AI-written summary · about
chapters (22)
- 0:00Introduction
- 2:10ZX Spectrum
- 6:13WebGL
- 9:05Evolution Gaming
- 10:55Google Maps
- 11:54BabylonJS
- 14:05Community
- 14:38Babylon JS
- 14:50Why React
- 15:30Why Redux
- 18:15Mesh
- 20:22Unity3D
- 21:41Performance Regression
- 22:03Continuous FPS Benchmark
- 23:21Google Data Studio
- 26:06Drop Frames
- 27:02Designers
- 27:34Unity
- 29:22Unity Store
- 29:32React Unity Project
- 30:02Unity Tiny
- 30:20Unity Like
related talks
40mAAA 3D graphics on the Web with ReactJS + BabylonJS + Unity3D
49mAAA 3D Graphics on the Web with ReactJS, BabylonJS and Unity3D
07m3D Components in React Application
18mReact and WebGL
37mCreating 3D Experiences with React
37mMoving Web applications into Virtual Reality
32mBringing webgl to react
35mReactive Reality