Making VR more interesting with JS and Brain.js

on YouTube ↗35m

" summary

Builds a web VR search-and-find game with A-Frame primitives and a Node/Express backend that uses Brain.js to train a tiny neural net (configured with three hidden layers). Training rows combine the player’s x,y,z location plus found (0/1) and steps to predict "will finish" and the server returns new item coordinates; items move closer for struggling players and farther for strong players. Code shows HTML scene setup, asset use, custom attributes and a single prediction endpoint.

AI-written summary · about

" chapters (8)

1. 0:00Introduction
2. 1:56Talk structure
3. 2:19Virtual reality background
4. 4:29VR app with A-Frame JS
5. 17:13Adding ML to VR
6. 22:55Brain.js in VR predictions
7. 29:59VR and ML considerations
8. 32:46Key takeaways

" related talks

• 32mMaking VR More Interesting With React and Brain.jsMilecia McGregor · Nerdearla 2020
• 25mMaking VR More Interesting With JavaScript and Machine LearningMilecia McGregor · JSConf Korea 2020 Home Edition
• 29mWeb based Virtual RealityShagufta Gurmukhdas · Full Stack Fest 2017
• 53mVirtual reality for web developersAlex Mackey · NDC Sydney 2017
• 16mKeren Kenzi @ ReactNext '23 | Hello (Virtual) WorldKeren Kenzi · ReactNext 2023
• 34mVirtual Reality with A-FrameMartin Splitt · AngularCamp 2017
• 26m“There is no spoon” - Building VR experiences in the Browser (With JS)Felipe Torres · JS Kongress 2017
• 30mGetting started with WebVRMartin Splitt · ngVikings 2018