Code Monkey home page Code Monkey logo

url-animations's Introduction

URL Animations

Simulate Ascii art animations througgh your browsers URL field. Supported Browsers are: Chrome, Opera GX, Firefox (Dont try Safari)

Screen.Recording.2022-12-26.at.12.20.30.PM.mov

How to contribute

Have ASCII art that you want to share? Follow these steps and your art will be uploaded in no time:

  1. Create a seperate branch using git checkout -b [branch-name]
  2. Create a unique file name which reflects your ascii animation in the src/animations directory
  3. Implement the Animation by implementing the BaseAnimation interface, you can find it at src/animations/base.ts. More info about the BaseAnimation interface can be found in the src/animations/base.ts file.
  4. All animation data related to your ASCII Art must be encapsulated within the Animation Object you implement. As long as the interface is implemented, the way in which you create the frames for your animations do not matter, so you have complete freedome in that department.
  5. In the src/animations/exports.ts import your Animation Object and add it to the exports with the other animations like this:
import YourAnimation from './yourAnimation.ts'
...
const ANIMATIONS: Record<string, BaseAnimation> = {
  ...,
  YourAnimation : YourAnimation
}

export default ANIMATIONS;
  1. Create a PR with a small description about the animation (ideally a gif illustrating the animation in action)

url-animations's People

Contributors

lunarfang416 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.