Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/likethemammal/dva-heart-emote

A WebGL remake of the heart container animation from D.Va's emote
https://github.com/likethemammal/dva-heart-emote

3d-animation aframe overwatch remake threejs

Last synced: 3 days ago
JSON representation

A WebGL remake of the heart container animation from D.Va's emote

Host: GitHub
URL: https://github.com/likethemammal/dva-heart-emote
Owner: likethemammal
License: apache-2.0
Created: 2018-05-18T02:41:01.000Z (over 6 years ago)
Default Branch: master
Last Pushed: 2018-05-18T03:27:20.000Z (over 6 years ago)
Last Synced: 2024-12-18T08:28:51.684Z (about 2 months ago)
Topics: 3d-animation, aframe, overwatch, remake, threejs
Language: JavaScript
Size: 5.12 MB
Stars: 2
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

awesome-overwatch - dva-heart-emote - A WebGL remake of the heart container animation from D.Va's emote. (Community / Github)

README

        D.Va Heart Emote

=========

A WebGL remake of the heart container animation from D.Va's emote.

Built with [A-Frame](https://aframe.io/) and [React](https://reactjs.org/)

![Demo gif](example/dva_heart_emote_demo.gif)

[Live Demo (CodeSandbox)](https://codesandbox.io/s/8px9w4vkxl)

### Todo

 - [ ] Circle of boxes, slowing moving out

 - [ ] Columns of boxes in explosion

 - [ ] Switch animationcomplete timeout delay to use `begin` attribute

### License

Made with 🍊 by [Chris Dolphin](https://github.com/likethemammal)

[![license](https://img.shields.io/github/license/likethemammal/dva-heart-emote.svg?style=flat-square)](https://github.com/likethemammal/dva-heart-emote/blob/master/LICENSE)

### Related 

- [awesome-overwatch](https://github.com/likethemammal/awesome-overwatch) - A curated list of official Overwatch links and community github repos, codepen demos, and chrome extensions.

- [overwatch-settings-select](https://github.com/likethemammal/overwatch-settings-select) - A React component modeling the Overwatch Settings select element.

- [overwatch-settings-stepper](https://github.com/likethemammal/overwatch-settings-stepper) - A React component modeling the Overwatch Settings the stepper and toggle UI elements.

- [overwatch-table](https://github.com/likethemammal/overwatch-table) - A React component modeling the Overwatch custom game table element.

- [overwatch-side-nav](https://github.com/likethemammal/overwatch-side-nav) - A React component modeling the Official Overwatch website side-navigation.