bevyengine / bevyengine/bevy

Bevy Feathers example on website does not show anything

Open
#22,620 0 comments 0 reactions 0 assignees View on GitHub
A-UI C-Bug O-Web S-Needs-Investigation
Dominant language
Rust
Stars
48.2k
Forks
4.8k
Avg merge
3d 22h
Merged PRs (30d)
161

Description

## Bevy version and features

Whatever is currently deployed on the website.

## \[Optional\] Relevant system information

It's the website https://bevy.org/examples/ui-user-interface/feathers/

## What you did

I went to look at the bevy-feathers example on the website.

## What went wrong

The section where it's supposed to show stuff was empty and this was in the browser console:

```
panicked at /Users/runner/.cargo/registry/src/index.crates.io-1949cf8c6b5b557f/winit-0.30.12/src/platform_impl/web/event_loop/runner.rs:683:69:
RefCell already borrowed

Stack:

__wbg_get_imports/imports.wbg.__wbg_new_8a6f238a6ece86ea@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js:1435:21
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[18389]:0xc37791
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[50282]:0xe86fb5
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[81528]:0xf90587
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[76720]:0xf319ff
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[81526]:0xf90511
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[50421]:0xe884d9
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[1144]:0x46ffc4
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[30331]:0xd77ba1
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[55037]:0xeb035a
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[64758]:0xef4937
wasm_bindgen__convert__closures_____invoke__h007c45f8f1d4e662@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js:304:10
real@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js:220:20
EventListener.handleEvent*__wbg_get_imports/imports.wbg.__wbg_addEventListener_6a82629b3d430a48/<@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js:432:14
handleError@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js:198:18
__wbg_get_imports/imports.wbg.__wbg_addEventListener_6a82629b3d430a48@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js:431:79
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[44105]:0xe40c83
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[35529]:0xdd9682
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[814]:0x335ce2
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[525]:0x11fa28
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[6261]:0x983136
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[79577]:0xf3ca85
__wbg_finalize_init@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js:2228:10
__wbg_init@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js:2275:12
async*@https://bevy.org/examples/ui-user-interface/feathers/:552:3

[wasm_example.js:986:21](https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js)
Layout was forced before the page was fully loaded. If stylesheets are not yet loaded this may cause a flash of unstyled content. [index.js:1147:1](moz-extension://1a5ff55a-31fc-42bc-84c2-42b317bbecb9/inject/index.js)
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://bevy.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:1656:26](https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js)
INFO crates/bevy_winit/src/system.rs:68 Creating new window App (0v0) [wasm_example.js:1321:21](https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js)
WEBGL_debug_renderer_info is deprecated in Firefox and will be removed. Please use RENDERER. [wasm_example.js:1089:26](https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js)
INFO crates/bevy_render/src/renderer/mod.rs:283 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:1321:21](https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js)
INFO crates/bevy_render/src/batching/gpu_preprocessing.rs:1135 GPU preprocessing is not supported on this device. Falling back to CPU preprocessing. [wasm_example.js:1321:21](https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js)
WARN crates/bevy_core_pipeline/src/oit/resolve/mod.rs:72 OrderIndependentTransparencyPlugin not loaded. GPU lacks support: DownlevelFlags::FRAGMENT_WRITABLE_STORAGE. [wasm_example.js:1321:21](https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js)
WARN crates/bevy_pbr/src/ssao/mod.rs:70 ScreenSpaceAmbientOcclusionPlugin not loaded. GPU lacks support: Limits::max_storage_textures_per_shader_stage is less than 5. [wasm_example.js:1321:21](https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js)
INFO crates/bevy_pbr/src/light_probe/generate.rs:130 Disabling EnvironmentMapGenerationPlugin because compute is not supported on this platform. This is safe to ignore if you are not using EnvironmentMapGenerationPlugin. [wasm_example.js:1321:21](https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js)
WARN crates/bevy_pbr/src/atmosphere/mod.rs:131 AtmospherePlugin not loaded. GPU lacks support for compute shaders. [wasm_example.js:1321:21](https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js)
INFO crates/bevy_post_process/src/dof/mod.rs:825 Disabling depth of field on this platform because depth textures aren't supported correctly [wasm_example.js:1321:21](https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js)
An AudioContext was prevented from starting automatically. It must be created or resumed after a user gesture on the page. [wasm_example.js:1777:14](https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js)
An AudioContext was prevented from starting automatically. It must be created or resumed after a user gesture on the page. [wasm_example.js:1777:14](https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js)
ERROR Handling wgpu errors as fatal by default log.target = "wgpu::backend::wgpu_core";
log.module_path = "wgpu::backend::wgpu_core";
log.file = "/Users/runner/.cargo/registry/src/index.crates.io-1949cf8c6b5b557f/wgpu-27.0.1/src/backend/wgpu_core.rs";
log.line = 1365; [wasm_example.js:1321:21](https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js)
panicked at /Users/runner/.cargo/registry/src/index.crates.io-1949cf8c6b5b557f/wgpu-27.0.1/src/backend/wgpu_core.rs:1365:26:
wgpu error: Validation Error

Caused by:
In Device::create_render_pipeline, label = 'ui_material_pipeline'
In the provided shader, the type given for group 1 binding 0 has a size of 4. As the device does not support `DownlevelFlags::BUFFER_BINDINGS_NOT_16_BYTE_ALIGNED`, the type must have a size that is a multiple of 16 bytes.

Stack:

__wbg_get_imports/imports.wbg.__wbg_new_8a6f238a6ece86ea@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js:1435:21
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[18389]:0xc37791
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[50282]:0xe86fb5
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[4417]:0x88a182
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[516]:0xfa067
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[18563]:0xc3ed36
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[22661]:0xcc020a
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[73945]:0xf237a4
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[4376]:0x882d0d
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[725]:0x2b0014
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[6484]:0x99ae0d
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[15516]:0xbc167c
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[512]:0xdf4eb
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[2970]:0x72bde2
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[2509]:0x6a58f3
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[55343]:0xeb5555
wasm_bindgen__convert__closures_____invoke__h917002e3e3f71507@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js:312:10
real@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js:220:20
FrameRequestCallback*__wbg_get_imports/imports.wbg.__wbg_requestAnimationFrame_994dc4ebde22b8d9/<@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js:1629:26
handleError@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js:198:18
__wbg_get_imports/imports.wbg.__wbg_requestAnimationFrame_994dc4ebde22b8d9@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js:1628:84
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[21960]:0xcaa813
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[42797]:0xe33b4b
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[512]:0xe133a
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[2970]:0x72bde2
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[1245]:0x4b412f
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[55037]:0xeb035a
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[64758]:0xef4937
wasm_bindgen__convert__closures_____invoke__h007c45f8f1d4e662@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js:304:10
real@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js:220:20
EventListener.handleEvent*__wbg_get_imports/imports.wbg.__wbg_addEventListener_6a82629b3d430a48/<@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js:432:14
handleError@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js:198:18
__wbg_get_imports/imports.wbg.__wbg_addEventListener_6a82629b3d430a48@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js:431:79
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[44105]:0xe40c83
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[35526]:0xdd9576
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[814]:0x335db0
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[525]:0x11fa28
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[6261]:0x983136
@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm:wasm-function[79577]:0xf3ca85
__wbg_finalize_init@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js:2228:10
__wbg_init@https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js:2275:12
async*@https://bevy.org/examples/ui-user-interface/feathers/:552:3

[wasm_example.js:986:21](https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example.js)
Uncaught RuntimeError: unreachable executed
wasm_bindgen__convert__closures_____invoke__h917002e3e3f71507 https://bevy-webgl2-examples.pages.dev/UI (User Interface)/feathers/wasm_example.js:312
real https://bevy-webgl2-examples.pages.dev/UI (User Interface)/feathers/wasm_example.js:220
__wbg_requestAnimationFrame_994dc4ebde22b8d9 https://bevy-webgl2-examples.pages.dev/UI (User Interface)/feathers/wasm_example.js:1629
handleError https://bevy-webgl2-examples.pages.dev/UI (User Interface)/feathers/wasm_example.js:198
__wbg_requestAnimationFrame_994dc4ebde22b8d9 https://bevy-webgl2-examples.pages.dev/UI (User Interface)/feathers/wasm_example.js:1628
wasm_bindgen__convert__closures_____invoke__h007c45f8f1d4e662 https://bevy-webgl2-examples.pages.dev/UI (User Interface)/feathers/wasm_example.js:304
real https://bevy-webgl2-examples.pages.dev/UI (User Interface)/feathers/wasm_example.js:220
__wbg_addEventListener_6a82629b3d430a48 https://bevy-webgl2-examples.pages.dev/UI (User Interface)/feathers/wasm_example.js:432
handleError https://bevy-webgl2-examples.pages.dev/UI (User Interface)/feathers/wasm_example.js:198
__wbg_addEventListener_6a82629b3d430a48 https://bevy-webgl2-examples.pages.dev/UI (User Interface)/feathers/wasm_example.js:431
__wbg_finalize_init https://bevy-webgl2-examples.pages.dev/UI (User Interface)/feathers/wasm_example.js:2228
__wbg_init https://bevy-webgl2-examples.pages.dev/UI (User Interface)/feathers/wasm_example.js:2275
async* https://bevy.org/examples/ui-user-interface/feathers/:552
[wasm_example_bg.wasm:12810349:1](https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/feathers/wasm_example_bg.wasm)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.