animated_fox example on the website only produces animation events once

[hukasu]

Bevy version

https://bevyengine.org/examples/animation/animated-fox/ as of 2025-03-05

[Optional] Relevant system information

AdapterInfo { name: "NVIDIA GeForce GTX 980, or similar", vendor: 4318, device: 0, device_type: Other, driver: "", driver_info: "WebGL 2.0", backend: Gl }

What you did

Opened the example on the website

What went wrong

Puff of smoke only happens on the first frame

Additional information

Screencast_20250305_101343.webm

[rparrett]

I am unable to reproduce with

Chrome 134.0.6998.45 (Official Build) (arm64)
AdapterInfo { name: "ANGLE (Apple, ANGLE Metal Renderer: Apple M4 Max, Unspecified Version)", vendor: 4203, device: 0, device_type: IntegratedGpu, driver: "", driver_info: "WebGL 2.0 (OpenGL ES 3.0 Chromium)", backend: Gl }

Firefox 135.0.1 (aarch64)
AdapterInfo { name: "Apple M1, or similar", vendor: 4203, device: 0, device_type: IntegratedGpu, driver: "", driver_info: "WebGL 2.0", backend: Gl }

Safari 18.3 (20620.2.4.11.5)
AdapterInfo { name: "Apple GPU", vendor: 4203, device: 0, device_type: Other, driver: "", driver_info: "WebGL 2.0", backend: Gl }

[hukasu]

I have Mozilla Firefox for NixOs 133.0.3

[mockersf]

can't reproduce either on macOS on all three browsers.

@hukasu any log in the console? is it the same in other browsers on your OS?

[hukasu]

Firefox

An AudioContext was prevented from starting automatically. It must be created or resumed after a user gesture on the page. [restart-audio-context.js:24:28](https://bevyengine.org/restart-audio-context.js)
An AudioContext was prevented from starting automatically. It must be created or resumed after a user gesture on the page. [wasm_example.js:1635:26](https://bevy-webgl2-examples.pages.dev/Animation/animated-fox/wasm_example.js)
INFO crates/bevy_winit/src/system.rs:64 Creating new window "App" (0v1#4294967296) [wasm_example.js:1252:21](https://bevy-webgl2-examples.pages.dev/Animation/animated-fox/wasm_example.js)
WEBGL_debug_renderer_info is deprecated in Firefox and will be removed. Please use RENDERER. [wasm_example.js:1004:26](https://bevy-webgl2-examples.pages.dev/Animation/animated-fox/wasm_example.js)
INFO crates/bevy_render/src/renderer/mod.rs:199 AdapterInfo { name: "NVIDIA GeForce GTX 980, or similar", vendor: 4318, device: 0, device_type: Other, driver: "", driver_info: "WebGL 2.0", backend: Gl } [wasm_example.js:1252:21](https://bevy-webgl2-examples.pages.dev/Animation/animated-fox/wasm_example.js)
WARN crates/bevy_core_pipeline/src/oit/resolve/mod.rs:59 OrderIndependentTransparencyPlugin not loaded. GPU lacks support: DownlevelFlags::FRAGMENT_WRITABLE_STORAGE. [wasm_example.js:1252:21](https://bevy-webgl2-examples.pages.dev/Animation/animated-fox/wasm_example.js)
WARN crates/bevy_pbr/src/ssao/mod.rs:92 ScreenSpaceAmbientOcclusionPlugin not loaded. GPU lacks support: TextureFormat::R16Float does not support TextureUsages::STORAGE_BINDING. [wasm_example.js:1252:21](https://bevy-webgl2-examples.pages.dev/Animation/animated-fox/wasm_example.js)
INFO crates/bevy_core_pipeline/src/dof/mod.rs:821 Disabling depth of field on this platform because depth textures aren't supported correctly [wasm_example.js:1252:21](https://bevy-webgl2-examples.pages.dev/Animation/animated-fox/wasm_example.js)
An AudioContext was prevented from starting automatically. It must be created or resumed after a user gesture on the page. 2 [wasm_example.js:1759:14](https://bevy-webgl2-examples.pages.dev/Animation/animated-fox/wasm_example.js)
WebGL warning: drawElementsInstanced: Depth texture comparison requests (e.g. `LINEAR`) Filtering, but behavior is implementation-defined, and so on some systems will sometimes behave as `NEAREST`. (warns once)

Chromium 133.0.6943 works fine