#Animation not showing in Vue3 / Vite

3 messages · Page 1 of 1 (latest)

unkempt spire
#

Hi, I am using the animated_fox example as an animation inside a standard Vue3 app.
As Vue.app I just copied the vue file from @boreal owl since he had a bavy game running in Vue

The fox is not shown inside the Vue app but inside the index.html of the official tutorial.
I would appreciate any advice. I think this could be great for use in web apps.

To reproduce:

  1. npm create vue@latest
  2. create the example with the wasm target and the js file with wasm-bindgen as said in the tutorial
  3. rewrite App.vue to call the generated .js file
  4. compare the results of the Vue app and the index.html (npm run dev & python -m http.server -d src)

I have created a temporary repo where you can try it out yourself.

Thanks in advance!

Reddit

Explore this post and more from the bevy community

GitHub

Contribute to mitsaucepls/tmp development by creating an account on GitHub.

GitHub

A refreshingly simple data-driven game engine built in Rust - bevyengine/bevy

unkempt spire
#

Okay apparently the Fox.glb model is defect. According to this website https://gltf-viewer.donmccurdy.com/ it has 126 errors. Resulting in this error: Failed to load asset 'models/animated/Fox.glb' with asset loader 'bevy_gltf::loader::GltfLoader': invalid glTF file: expected value at line 1 column 1. Also I think to even get this error message I had to edit this in the example animated_fox.rs, but I am not entirely sure:

.add_plugins(DefaultPlugins.set(AssetPlugin {
    meta_check: AssetMetaCheck::Never,
    ..default()
}))

When trying other examples it works just fine.

So is this a bug or are these still skill issues? Should I tag it as one?

boreal owl