https://github.com/kefniark/fatina

Small & Light tweening library for Web / Games
https://github.com/kefniark/fatina

animation easing game games javascript javascript-game light sequence simple tween tweener tweening typescript

Last synced: about 6 hours ago
JSON representation

Small & Light tweening library for Web / Games

• Host: GitHub
• URL: https://github.com/kefniark/fatina
• Owner: kefniark
• License: mit
• Created: 2017-05-24T19:40:36.000Z (over 7 years ago)
• Default Branch: develop
• Last Pushed: 2023-03-07T03:43:03.000Z (over 1 year ago)
• Last Synced: 2024-04-13T23:54:07.282Z (6 months ago)
• Topics: animation, easing, game, games, javascript, javascript-game, light, sequence, simple, tween, tweener, tweening, typescript
• Language: TypeScript
• Homepage: https://kefniark.github.io/Fatina/
• Size: 12.2 MB
• Stars: 11
• Watchers: 4
• Forks: 1
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
![Logo](logo.png)

# Fatina

Lighweight Tweening Library for **Games** / **Web**

- **Website**: [Here](https://kefniark.github.io/Fatina/)

- **API**: [Here](https://kefniark.github.io/Fatina/api/basic/)

- **Samples**: [Here](https://kefniark.github.io/Fatina/samples/generic/)

- **Online Demo**: [Here](https://runkit.com/kefniark/sample-fatina)

[![NPM Version](https://img.shields.io/npm/v/fatina.svg)](https://npmjs.org/package/fatina)

[![NPM Download](https://img.shields.io/npm/dm/fatina.svg)](https://npmjs.org/package/fatina)

[![CDN Download](https://data.jsdelivr.com/v1/package/npm/fatina/badge)](https://www.jsdelivr.com/package/npm/fatina)

[![Build Status](https://img.shields.io/travis/kefniark/Fatina/master.svg)](https://travis-ci.org/kefniark/Fatina)

[![Coverage Status](https://coveralls.io/repos/github/kefniark/Fatina/badge.svg?branch=master)](https://coveralls.io/github/kefniark/Fatina?branch=develop)

[![License](https://img.shields.io/npm/l/fatina.svg)](https://npmjs.org/package/fatina)

## Description

A comprehensive and easy to use animation library for **Typescript** / **Javascript**

- Easy to use, API strongly inspired by [Dotween (C# tweening library)](http://dotween.demigiant.com/documentation.php)

- Lightweight with no dependencies ( < 20KB )

- Unit tested + code coverage

- Compatible with **NodeJS** & **Browser** & **Deno** (ESM and CommonJS)

- Open source and MIT License

## Getting Started

### Install

If you use NPM

```ts

npm install fatina

// or: yarn add fatina

```

And load it with

```ts

// standard import with typescript

import Fatina from 'fatina'

// OR standard node.js require

const Fatina = require('fatina').default

// OR Deno

import Fatina from 'https://cdn.skypack.dev/fatina'

```

And if you want to use the CDN version (ESM):

```ts

import Fatina from 'https://cdn.jsdelivr.net/npm/fatina' // your code

```

- [More Information](https://kefniark.github.io/Fatina/basics/download/)

### Usage

```ts

Fatina.tween(obj).to(destination, duration).start()

// example

Fatina.tween(sprite).to({ x: 12, y: 25 }, 0.5).start()

```

- [Documentation](https://kefniark.github.io/Fatina/api/basic/)

- [Samples](https://kefniark.github.io/Fatina/samples/generic/)

---

## Development

### Getting Started

If you want to take a look at the code or help, it's quite easy to get started

```sh

yarn

yarn dev

```

This will start a server on http://localhost:8080/ where you can test few samples with the current version

### Tests

When you are done with your change, just make sure to run tests `yarn test`

### Other

To make a build (generated in `build/`)

```sh

yarn build

```