Overview

In the following article, I created a program for interaction between Vue 3 and Babylon.js.

This time, as an advanced version of the above, the mesh to be passed to the scene is specified from Vue. You can check the content at the following link. (There are some parts where meshes are not properly deleted. This is planned to be fixed in the future.)

https://youtu.be/-dyQp-QX42I

Demo Site

https://nakamura196.github.io/nuxt3-babylonjs/10

Source Code

https://github.com/nakamura196/nuxt3-babylonjs/blob/main/pages/10/index.vue

Summary

We hope this serves as a useful reference.