search

AR-js-org / AR.js

Image tracking, Location Based AR, Marker tracking. All on the Web.
MIT License
5.4k stars 922 forks source link

Multiple Animation not working correctly with Event Triggers #92

Open shubhamraghav1 opened 4 years ago

shubhamraghav1 commented 4 years ago

Do you want to request a feature or report a bug?

What is the current behavior?

Currently animation is playing Randomly, not in order

If the current behavior is a bug, please provide the steps to reproduce.

I'm attaching url https://codepen.io/shubhamraghav1/details/vYNgqKm

Please mention other relevant information such as the browser version, Operating System and Device Name

What is the expected behavior? It is expected to play in certain order with Events triggering it If this is a feature request, what is motivation or use case for changing the behavior?

kalwalt commented 4 years ago

I have not time to test now, but as i can see you are using the old version of Ar.js , please can you update to the new version and tell us the result? Just replace with https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar.js

shubhamraghav1 commented 4 years ago

I have not time to test now, but as i can see you are using the old version of Ar.js , please can you update to the new version and tell us the result? Just replace with https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar.js

Hi tanks for the quick reply, I have tried it by replacing with new version of AR js but it encounter another problem of inversion axis of motion ... so I modified those coordinates but it is encountering same issues as with previous one.. here is the link.. https://codepen.io/shubhamraghav1/pen/abvJNqM

shubhamraghav1 commented 4 years ago

Hey does anyone found the solution for this bug

fcor commented 4 years ago

Hi! Did you try with latest A-Frame version? Currently it's v1.0.4.

Also, animation component is built into A-Frame since v0.9.0, so the version you're using could be obsolete.

shubhamraghav1 commented 4 years ago

I'have tried using with latest version but nothing is resolved

meizano commented 4 years ago

If you want this to run sequentially, the animation attributes need to listen using startEvents when the other animation finish before it begin. Only the first one should listen to event trigger of the marker. Delay is ignored when startEvents trigger. You might want to use anime.js directly for complex animation. It is recommended by A-Frame. references: https://aframe.io/docs/1.0.0/components/animation.html https://animejs.com/

shubhamraghav1 commented 4 years ago

But how to fire event when one specific event gets completed to start next event @meizano sas