problematic demos

[abernier]

Excluding "minor" coloring/lightning/tonmapping issues #11

Here are the "problematic" demos that:

does not build

Some demos/* have been temporarily disabled (renamed "bbuild2" with 2 "b" instead of "build2" like others one) because of build errors.

For them, please test with:

$ npm run -w demos/bvh bbuild2
$ # if succeeded, renane `demos/bvh/package.json#scripts.bbuild2` into `build2`

• https://pmndrs.github.io/examples/demos/bvh
• https://pmndrs.github.io/examples/demos/grass-shader
• https://pmndrs.github.io/examples/demos/infinite-scroll
• https://pmndrs.github.io/examples/demos/interactive-spline-scene-live-html
• https://pmndrs.github.io/examples/demos/racing-game
• https://pmndrs.github.io/examples/demos/space-game
• https://pmndrs.github.io/examples/demos/spline-glass-shapes
• https://pmndrs.github.io/examples/demos/threejs-journey-portal

is blank or error(s) in console

$ npm run -w demos/basic-ballpit dev

• https://pmndrs.github.io/examples/demos/basic-ballpit
• https://pmndrs.github.io/examples/demos/flexbox-yoga-in-webgl
• https://pmndrs.github.io/examples/demos/gpgpu-curl-noise-dof
• https://pmndrs.github.io/examples/demos/horizontal-tiles
• https://pmndrs.github.io/examples/demos/html-input-fields
• https://pmndrs.github.io/examples/demos/inter-epoxy-resin
• https://pmndrs.github.io/examples/demos/monitors
• https://pmndrs.github.io/examples/demos/mount-transitions
• https://pmndrs.github.io/examples/demos/nextjs-prism
• https://pmndrs.github.io/examples/demos/shader-fire
• https://pmndrs.github.io/examples/demos/shadermaterials
• https://pmndrs.github.io/examples/demos/simple-physics-demo-with-debug-bounds
• https://pmndrs.github.io/examples/demos/sparks-and-effects
• https://pmndrs.github.io/examples/demos/springy-boxes
• https://pmndrs.github.io/examples/demos/svg-maps-with-html-annotations
• https://pmndrs.github.io/examples/demos/the-three-graces
• https://pmndrs.github.io/examples/demos/zustand-site

something is broken compared to original

• https://pmndrs.github.io/examples/demos/inverted-stencil-buffer -- no portal
• https://pmndrs.github.io/examples/demos/router-transitions -- routing is not working
• https://pmndrs.github.io/examples/demos/stage-presets-gltfjsx -- no car model
• https://pmndrs.github.io/examples/demos/stencil-mask -- no portal

[rndexe]

• https://pmndrs.github.io/examples/demos/inverted-stencil-buffer -- no portal
• https://pmndrs.github.io/examples/demos/stencil-mask -- no portal
• https://pmndrs.github.io/examples/demos/basic-ballpit

[rndexe]

• https://pmndrs.github.io/examples/demos/zustand-site

[abernier]

cannot check yourself the ticks in the desc I've written?

[rndexe]

No, they are disabled

[rndexe]

Simple physics demo with debug bounds has also been fixed

[rndexe]

These demos are also now fixed:

https://pmndrs.github.io/examples/demos/bvh
https://pmndrs.github.io/examples/demos/grass-shader
https://pmndrs.github.io/examples/demos/infinite-scroll
https://pmndrs.github.io/examples/demos/horizontal-tiles
https://pmndrs.github.io/examples/demos/monitors

[rndexe]

These are the problematic demos I have not been able to fix. Categorising them roughly according to issues I have noticed. They may have multiple other problems as well.

External Library issues :
https://pmndrs.github.io/examples/demos/interactive-spline-scene-live-html
https://pmndrs.github.io/examples/demos/spline-glass-shapes

Typescript build issues :
https://pmndrs.github.io/examples/demos/racing-game

Postprocessing/Effects issues :
https://pmndrs.github.io/examples/demos/space-game
https://pmndrs.github.io/examples/demos/mount-transitions
https://pmndrs.github.io/examples/demos/sparks-and-effects
https://pmndrs.github.io/examples/demos/flexbox-yoga-in-webgl
https://pmndrs.github.io/examples/demos/html-input-fields
https://pmndrs.github.io/examples/demos/router-transitions
https://pmndrs.github.io/examples/demos/stage-presets-gltfjsx

Vite Module externalized for browser compatibility issues :
https://pmndrs.github.io/examples/demos/gpgpu-curl-noise-dof
https://pmndrs.github.io/examples/demos/threejs-journey-portal
https://pmndrs.github.io/examples/demos/shader-fire

[abernier]

maybe time for us to remove the ones we cannot migrate, for ex: racing-game is way too big to be included (and maintained...) <= may be a good candidate to remove from examples

[rndexe]

I've been trying to update these three examples to use vite-plugin-glslify instead of babel plugins
https://pmndrs.github.io/examples/demos/gpgpu-curl-noise-dof
https://pmndrs.github.io/examples/demos/threejs-journey-portal
https://pmndrs.github.io/examples/demos/shader-fire

They build fine in dev and build when running with

npm run -w demos/threejs-journey-portal/ build
npm run -w demos/threejs-journey-portal/ preview

But it doesn't work when building with npm run build && npx serve out

I tried adding the plugin to vite.config.build.ts in packages/e2e/src, but that doesn't work either.

[abernier]

thank you, will check this soon ;)