Light estimation in Babylon.js

Fake it till you make it

Basketball trainer, opengl experiment
  1. I am not very good at my own game
  2. I totally ignored the lights and their direction
  3. This fake shadow, though simple and obviously fake, adds a nice effect to the game.
  1. Lights
  2. Shadows
  3. Environment map
  4. Happiness

WebXR to the rescue!

  1. Light color (and intensity)
  2. Light direction
  3. Reflection cubemap (environment)
  4. Spherical harmonics coefficients
  5. Happiness

Now it’s up to you

--

--

--

Babylon.js: Powerful, Beautiful, Simple, Open — Web-Based 3D At Its Best. https://www.babylonjs.com/

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Vue 3.0 — Continuing the “Art of the Steal” Part 2

The Basics of Using JSX in React.js

Getting started with the Arduino MKR1000 & Johnny-Five

Use Cases of Spread Syntax

Metacharacters, master your regex. Part 1

Custom Map with Mapbox (How I built my Vino Map)

[Action required] Your RSS.app Trial has Expired — Sun Dec 12 2021

A caveat on JavaScript’s spread operator with TypeScript

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Babylon.js

Babylon.js

Babylon.js: Powerful, Beautiful, Simple, Open — Web-Based 3D At Its Best. https://www.babylonjs.com/

More from Medium

Customizing Materials: The Community Ninja Tale

Get started with Augmented Reality on the web using Three.js and WebXR | Part 1

WebGPU January 2022 meetup — takeaways

Simulating Refraction in Three.js