Needle Engine Vuejs Sample

This sample shows how to add Needle Engine to your vuejs based web project.

• Add the <needle-engine> web component to any part of your vuejs component. See for example App.vue
• Additionally the SlideDeck.vue file shows how to communicate from Vue components with any script or component in your Needle Engine scene by accessing the animator component and updating it's state and networking the currently active slide using Needle Engine's networking features.

See the sample live here

Vuejs.Sample.mp4

The project is even networked:

Vuejs.Sample.Networking.mp4

A look at the Unity scene

In Unity the animation's are setup using an simple animator controller.
From vuejs we simply set the slide index on the Animator.

20240426-102323_Needle_Engine_2021_URP_-_Vue_Project_Sample_-_Wind-logo.mp4

Links

needle.tools - samples