{"id":19885085,"url":"https://github.com/kefniark/fatina-plugin-helpers","last_synced_at":"2026-05-12T18:34:24.414Z","repository":{"id":79908667,"uuid":"95016227","full_name":"kefniark/Fatina-Plugin-Helpers","owner":"kefniark","description":"A plugin to add helper function to few 2d engine (pixi, phaser, ...)","archived":false,"fork":false,"pushed_at":"2018-04-08T13:08:19.000Z","size":221,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-11T18:47:01.838Z","etag":null,"topics":["animation","easing-functions","games","phaser","pixijs","tween","tweening","typescript"],"latest_commit_sha":null,"homepage":"https://kefniark.github.io/Fatina/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kefniark.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-06-21T15:01:05.000Z","updated_at":"2024-05-29T12:53:20.000Z","dependencies_parsed_at":"2023-03-12T09:26:58.278Z","dependency_job_id":null,"html_url":"https://github.com/kefniark/Fatina-Plugin-Helpers","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kefniark%2FFatina-Plugin-Helpers","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kefniark%2FFatina-Plugin-Helpers/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kefniark%2FFatina-Plugin-Helpers/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kefniark%2FFatina-Plugin-Helpers/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kefniark","download_url":"https://codeload.github.com/kefniark/Fatina-Plugin-Helpers/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241313177,"owners_count":19942417,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animation","easing-functions","games","phaser","pixijs","tween","tweening","typescript"],"created_at":"2024-11-12T17:32:27.516Z","updated_at":"2026-05-12T18:34:24.351Z","avatar_url":"https://github.com/kefniark.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Logo](logo.png)\n\n# Fatina Helpers\nSmall \u0026 Light tweening library for **Games** / **Web**\n\n* **Website**: [Here](https://kefniark.github.io/Fatina/)\n* **API**: [Here](https://kefniark.github.io/Fatina/api/basic/)\n* **Samples**: [Here](https://kefniark.github.io/Fatina/samples/generic/)\n\n[![NPM Version](https://img.shields.io/npm/v/fatina-plugin-helpers.svg)](https://npmjs.org/package/fatina-plugin-helpers)\n[![NPM Downloads](https://img.shields.io/npm/dm/fatina-plugin-helpers.svg)](https://npmjs.org/package/fatina-plugin-helpers)\n[![Build Status](https://img.shields.io/travis/kefniark/Fatina-Plugin-Helpers.svg)](https://travis-ci.org/kefniark/Fatina-Plugin-Helpers)\n[![Coverage Status](https://coveralls.io/repos/github/kefniark/Fatina-Plugin-Helpers/badge.svg?branch=master)](https://coveralls.io/github/kefniark/Fatina-Plugin-Helpers?branch=master)\n[![Codacy Badge](https://api.codacy.com/project/badge/Grade/d829934eb7014fd191c0777ecfe11acd)](https://www.codacy.com/app/kefniark/Fatina-Plugin-Helpers?utm_source=github.com\u0026amp;utm_medium=referral\u0026amp;utm_content=kefniark/Fatina-Plugin-Helpers\u0026amp;utm_campaign=Badge_Grade)\n[![License](https://img.shields.io/npm/l/fatina-plugin-helpers.svg)](https://npmjs.org/package/fatina-plugin-helpers)\n\n## Description\nThis plugin is just a set of helpers to provide a better integration of Fatina with javascript games library (pixi, phaser, ...)\n\n**This plugin requires Fatina** : [Here](https://github.com/kefniark/Fatina)\n\n## Getting Started\n\n### Install\nIf you use directly the minified version\n```ts\n\u003cscript src=\"fatina-plugin-helpers.min.js\"\u003e\u003c/script\u003e\n```\nOr if you use NPM\n```ts\n\u003e npm install fatina-plugin-helpers\n```\n\n### Init\n```ts\n// standard node.js require\nvar FatinaHelpers = require('fatina-plugin-helpers');\n// OR\n// standard import with typescript (typed version)\nimport * as FatinaHelpers from 'fatina-plugin-helpers';\n```\n\nand initialize (add this plugin to **Fatina**)\n```ts\nFatina.init();\nFatina.loadPlugin(FatinaHelpers.get());\n```\n\n### Usage\nYou can now populate any kind of object with the following method (container, sprites, camera, ...)\n```ts\nFatina.plugin.addHelpers(myObject);\n```\n\n## Methods\nHere are the helpers automatically added:\n\n### Position\nFollowing methods use `.position.x` and `.position.y`\n\n* myObject.**moveTo(x, y, duration)** : Move to an absolute position\n* myObject.**moveXTo(x, duration)**\n* myObject.**moveYTo(y, duration)**\n* myObject.**moveToRel(x, y, duration)** : Move to a relative position\n* myObject.**moveXToRel(x, duration)**\n* myObject.**moveYToRel(y, duration)**\n* myObject.**punchPosition(x, y, duration, iteration)** : Oscillate around the current position\n* myObject.**shake(x, y, duration, iteration)** : Shake around the current position\n\n### Rotation\nFollowing methods use `.rotation`\n\n* myObject.**rotateTo(angle, duration)** : Rotate to a specific angle in radiant (to PI/2)\n* myObject.**rotateToRel(angle, duration)** : Rotate by a relative radiant angle (+PI/2)\n* myObject.**rotateDegTo(angle, duration)** : Rotate to a specific angle in degrees (to 90°)\n* myObject.**rotateDegToRel(angle, duration)** : Rotate to a specific angle in degrees (+90°)\n* myObject.**punchRotate(angle, duration, iteration)**\n\n### Alpha\nFollowing method use `.alpha`\n\n* myObject.**fadeTo(alpha, duration)** : Alpha is a float between 0 and 1 (1: fadeIn, 0: fadeOut)\n\n### Scale\nFollowing methods use `.scale.x` and `.scale.y`\n\n* myObject.**scaleTo(x, y, duration)** : Scale to a specified value\n* myObject.**scaleXTo(x, duration)**\n* myObject.**scaleYTo(y, duration)**\n* myObject.**scaleToRel(x, y, duration)**\n* myObject.**scaleXToRel(x, duration)**\n* myObject.**scaleYToRel(y, duration)**\n* myObject.**punchScale(x, y, duration, iteration)**\n\n### Color / Tint\nFollowing methods use `.tint` or `.hue` (the color API are slightly different between libs)\n\n* myObject.**colorTo(r, g, b, duration)** : R,G,B are float between 0-1\n* myObject.**colorToRel(r, g, b, duration)**\n* myObject.**colorRGBTo(hex, duration)** : hex is a string representation '#FFFFFF'\n* myObject.**colorRGBToRel(hex, duration)**\n* myObject.**punchColor(r, g, b, duration, iteration)**","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkefniark%2Ffatina-plugin-helpers","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkefniark%2Ffatina-plugin-helpers","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkefniark%2Ffatina-plugin-helpers/lists"}