https://github.com/apidcloud/scarlett-blast

A demo based on svg-mesh-3d by Matt DesLauriers using Scarlett Framework
https://github.com/apidcloud/scarlett-blast

2d animation js nodejs scarlett scarlett-framework svg webgl

Last synced: about 2 months ago
JSON representation

A demo based on svg-mesh-3d by Matt DesLauriers using Scarlett Framework

• Host: GitHub
• URL: https://github.com/apidcloud/scarlett-blast
• Owner: Apidcloud
• License: mit
• Created: 2018-02-18T15:03:12.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-02-19T17:45:10.000Z (over 8 years ago)
• Last Synced: 2025-02-01T16:48:41.744Z (over 1 year ago)
• Topics: 2d, animation, js, nodejs, scarlett, scarlett-framework, svg, webgl
• Language: HTML
• Homepage: https://apidcloud.github.io/scarlett-blast/
• Size: 2.25 MB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Scarlett Blast



![with-coffee](https://img.shields.io/badge/made%20with-%E2%98%95%EF%B8%8F%20coffee-yellow.svg)

![with-water](https://img.shields.io/badge/made%20with-%F0%9F%92%A7%20water-blue.svg)

![with-love](https://img.shields.io/badge/made%20with-%F0%9F%92%8C-red.svg)

[Live Demo](https://apidcloud.github.io/scarlett-blast/)

An SVG animation using [Scarlett's WebGL Framework](https://github.com/scarlettgamestudio/scarlett-framework)

## Basic Setup

1. Install NodeJS (8.x or higher is recommended)

2. Fork and clone the repo

3. Install Yarn globally with `$ npm i -g yarn` or download it at their [website](https://yarnpkg.com/en/docs/install)

4. `$ yarn` in the repo directory to install dependencies

5. `$ yarn start` and open [localhost:8080](http://localhost:8080) in the browser

## Credits

- The animation effect is based on [svg-mesh-3d](https://github.com/mattdesl/svg-mesh-3d) repo by [Matt DesLauriers](https://twitter.com/mattdesl);

- [Entypo](http://www.entypo.com) icons.