Filament and WASM: Physically-based rendering for web | Hacker News Reader

Filament and WASM: Physically-based rendering for web

prideout.net

87 pointsprideout14 comments

Open articleView on HN

If you missed the earlier post about Filament and it's gorgeous documentation, here are a few links for you :)

https://news.ycombinator.com/item?id=17684286

https://github.com/google/filament

https://google.github.io/filament/Filament.md.html

https://google.github.io/filament/Materials.md.html

It's interesting to me when people/companies have something they think is important to share, but then hijack the scroll on the site presenting the info they want you to read making the content pretty difficult to actually consume. Scrolling about 1/2" on the stock apple trackpad scrolled past all 18 pages and it's pretty difficult to easily get from one page to the next. Luckily the up/down arrows work (if you happen to try them), but c'mon, enough with the fancy schmancy scrolljacking that rarely works well and ruins UX!

This is a slide deck, probably meant to be presented by @prideout and not read on its own.

The actual filament website seems to be https://google.github.io/filament/Filament.md.html

Use the up/down arrow keys.

  Tech: Check this out
  User: I am having a problem reading this wtf
  Tech: You are doing it wrong

I mean if the default affordance breaks or doesn't work on a page, it's not the user's fault. That's OK for a game or some other UI innovation but here it just undermines the content.

I added some text to the title page about arrow keys, revealjs, and WebGL.

Very cool and thoughtful. Thanks!

Helping someone use a broken thing doesn't count as an endorsement of brokenness. I was also bitten by the scroll problem, and discovered arrow key workaround. I didn't expect to be downvoted and criticized for my trouble sharing the discovery.

My experience is that when people want workarounds they ask for them, but when they point out a problem it's a critique and not a request.

WebAssembly/WebGL2 demo: https://grhp.github.io/filament/public/suzanne.html

Edit: Sorry, didn't realize, but it's embedded in the slides

Are there any more complex samples? I'm curious how expensive this system is and I've only really seen it applied to very simple scenes e.g. a single, simple character

Some samples from repo: https://github.com/google/filament

It’s just a white screen in safari.

It's because Safari doesn't support WebGL 2 yet. Even the experimental support for it doesn't implement enough of the spec for it to work on most sites/demos.

Reply on news.ycombinator.com