Skip to content

Commit

Permalink
Removed the link to the custom event glitch examples, Added a custom …
Browse files Browse the repository at this point in the history
…event in the existing example and link to emitting custom events.
  • Loading branch information
kewalkishang committed Nov 17, 2024
1 parent 29bcd3c commit 23e99a6
Showing 1 changed file with 3 additions and 4 deletions.
7 changes: 3 additions & 4 deletions docs/components/animation.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,6 @@ examples:
src: https://glitch.com/edit/#!/aframe-animation-events?path=index.html:1:0
- title: Generated Animations
src: https://glitch.com/~aframe-shooting-stars
- title: Animating on Custom Events
src: https://glitch.com/~aframe-custom-event-emitted-animation
---

[animationtimeline]: https://www.npmjs.com/package/aframe-animation-timeline-component
Expand Down Expand Up @@ -142,15 +140,16 @@ We can use the `startEvents` property to animate upon events:
geometry="primitive: box"
material="color: red"
animation__mouseenter="property: components.material.material.color; type: color; to: blue; startEvents: mouseenter; dur: 500";
animation__mouseleave="property: components.material.material.color; type: color; to: red; startEvents: mouseleave; dur: 500";>
animation__mouseleave="property: components.material.material.color; type: color; to: red; startEvents: mouseleave; dur: 500";
animation__customevent="property: components.material.material.color; type: color; from: red; to: blue; startEvents: startanim001; pauseEvents: startanim002; resumeEvents : startanim003; dur: 500";>
</a-entity>
```

[eventsglitch]: https://glitch.com/edit/#!/aframe-animation-events?path=index.html:1:0

[Remix the Animating on Events Glitch][eventsglitch].

To start an animation by explicitly emitting an event, you can do the following:
To start an animation by explicitly [emitting a custom event][https://aframe.io/docs/1.6.0/introduction/javascript-events-dom-apis.html#emitting-an-event-with-emit], you can do the following:

```
el.emit(`startanim001`, null, false);
Expand Down

0 comments on commit 23e99a6

Please sign in to comment.