{"id":13805544,"url":"https://github.com/tweenjs/es6-tween","last_synced_at":"2025-05-13T19:31:26.122Z","repository":{"id":27173280,"uuid":"30642958","full_name":"tweenjs/es6-tween","owner":"tweenjs","description":"ES6 version of tween.js","archived":true,"fork":false,"pushed_at":"2023-03-06T10:23:40.000Z","size":2287,"stargazers_count":186,"open_issues_count":0,"forks_count":34,"subscribers_count":8,"default_branch":"master","last_synced_at":"2024-10-29T05:05:26.669Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/tweenjs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null},"funding":{"patreon":"dalisoft","open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2015-02-11T10:35:49.000Z","updated_at":"2024-08-20T16:05:47.000Z","dependencies_parsed_at":"2024-01-22T04:50:58.182Z","dependency_job_id":null,"html_url":"https://github.com/tweenjs/es6-tween","commit_stats":{"total_commits":326,"total_committers":9,"mean_commits":36.22222222222222,"dds":"0.15644171779141103","last_synced_commit":"5b64a82535cbb708e26c48744706d4589d2427ad"},"previous_names":[],"tags_count":71,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tweenjs%2Fes6-tween","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tweenjs%2Fes6-tween/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tweenjs%2Fes6-tween/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tweenjs%2Fes6-tween/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tweenjs","download_url":"https://codeload.github.com/tweenjs/es6-tween/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225254350,"owners_count":17445166,"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":[],"created_at":"2024-08-04T01:01:02.156Z","updated_at":"2024-11-18T21:31:23.854Z","avatar_url":"https://github.com/tweenjs.png","language":"JavaScript","readme":"# es6-tween\n\n## This project development suspended due of no support from community and no financial support to author\n\n- High-performant animations without headaches\n- Simple, modular and functional animation library for web and node\n- Tweening library that needs to use where performance matter\n- Flexible, extendable, modular and resource-efficient tweening library\n\n[![NPM Min Size][npm-min-size]][unpkg-url]\n[![NPM Gzip Size][npm-gzip-size]][unpkg-url]\n[![CDNJS][cdnjs-image]][cdnjs-url]\n[![NPM Version][npm-image]][npm-url]\n[![NPM Downloads][downloads-image]][npm-url]\n[![license](https://img.shields.io/github/license/tweenjs/es6-tween.svg)]()\n[![Travis tests][travis-image]][travis-url]\n\u003cbr/\u003e\n[![NPM](https://nodei.co/npm/es6-tween.png?downloads=true\u0026stars=true)](https://nodei.co/npm/es6-tween/)\n\n## Frameworks\n\n- [react-es6-tween](https://github.com/dalisoft/react-es6-tween)\n\n## Docs\n\n- [API documentation](./API.md)\n- [Wiki page](https://github.com/tweenjs/es6-tween/wiki)\n\n```javascript\nTWEEN.autoPlay(true); // simplify the your code\n\nlet coords = { x: 0, y: 0 };\nlet tween = new TWEEN.Tween(coords)\n  .to({ x: 100, y: 100 }, 1000)\n  .on('update', ({ x, y }) =\u003e {\n    console.log(`The values is x: ${x} and y: ${y}`);\n  })\n  .start();\n```\n\n## Plugins\n\nStarting at `v3`, we provide excluded plugins from core, so our core becomes lighter and faster. [Here our plugins list](https://www.npmjs.com/browse/keyword/es6-tween)\n\n## Demos\n\n- Demo #1 [Morphing SVG Shape + Cross-browser SVG Transform](https://codepen.io/dalisoft/pen/mMJmxX)\n- Demo #2 [Morphing SVG Shape](https://codepen.io/dalisoft/pen/BdLydv)\n- Collection on the [Codepen](https://codepen.io/collection/DapBmv/)\n\n## Installation\n\nDownload the [library](https://unpkg.com/es6-tween/bundled/Tween.js) and include it in your code:\n\n```html\n\u003cscript src=\"bundled/Tween.js\"\u003e\u003c/script\u003e\n```\n\n### CDN-Hosted version\n\n- See [cdnjs-hosted version](https://cdnjs.com/libraries/es6-tween) for get which result you want\n- NOTE: `@latest` suffix sometimes saves life by loading latest, because sometimes CDN services will not load the latest\n\n- Now you can load from CDN\n\n```html\n\u003c!-- jsDelivr --\u003e\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/es6-tween\"\u003e\u003c/script\u003e\n\n\u003c!-- unpkg --\u003e\n\u003cscript src=\"https://unpkg.com/es6-tween\"\u003e\u003c/script\u003e\n\n\u003c!-- npmcdn --\u003e\n\u003cscript src=\"https://npmcdn.com/es6-tween\"\u003e\u003c/script\u003e\n```\n\n### More advanced users might want to\n\n#### Using `import`\n\n```javascript\nimport { Easing, Tween, autoPlay } from 'es6-tween';\n```\n\n#### Using [getlibs](https://github.com/activewidgets/getlibs)\n\n```html\n\u003cscript src=\"https://unpkg.com/getlibs\"\u003e\u003c/script\u003e\n\u003cscript type=\"x-module\"\u003e\n  // ES6\n  import { Easing, Tween, autoPlay } from 'es6-tween'\n\n\n  // CommonJS\n  const { Tween, Easing, autoPlay } = require('es6-tween')\n\u003c/script\u003e\n```\n\n#### Using `npm` or `yarn`\n\n```bash\n$ yarn add es6-tween\n# or\n$ npm install es6-tween\n```\n\nThen include the Tween.js module with the standard node.js `require`:\n\n```javascript\nconst { Tween, Easing, autoPlay } = require('es6-tween');\n```\n\nAnd you can use Tween.js as in all other examples--for example:\n\n```javascript\nconst t = new Tween(/* etc */);\nt.start();\n```\n\nYou can run script commands to build modules into single `UMD` compatible file:\n\n#### Using commands\n\n```bash\n$ yarn build # builds production files\n# or\n$ yarn dev # builds and watchs development files\n```\n\nThen reference the library source:\n\n```html\n\u003cscript src=\"bundled/Tween.min.js\"\u003e\u003c/script\u003e\n```\n\n## Features\n\n- Tweens everything you give them, string, number, number of arrays, number of object, all-to, interpolators and much more. Endless possibilites\n- Can use CSS units (e.g. appending `px`)\n- Can interpolate colours\n- Easing functions are reusable outside of Tween\n- Can also use custom easing functions\n- Much of easings\n\n## Compatiblity Testing\n\nThanks to BrowserStack for providing us testing in a real devices to make it cross-browser, bug-free and better.\nBrowserStack saved my countless hours, before i spent on testing much of time, now it's very easy. I recommend to others use this service.\nI sure, BrowserStack helps us to make it, so i am linking to BrowserStack as our sponsor.\n[\u003cimg src=\"https://cloud.githubusercontent.com/assets/7864462/12837037/452a17c6-cb73-11e5-9f39-fc96893bc9bf.png\" alt=\"Browser Stack Logo\" width=\"400\"\u003e](https://www.browserstack.com/)\n\n## Tests\n\n```bash\nyarn test\n```\n\nor you can go [here](https://travis-ci.org/tweenjs/es6-tween) for more information, tests and etc...\n\nevery time you want to run the tests.\n\nIf you want to add any feature or change existing features, you _must_ run the tests to make sure you didn't break anything else. If you send a PR to add something new and it doesn't have tests, or the tests don't pass, the PR won't be accepted. See [contributing](CONTRIBUTING.md) for more information.\n\n## People\n\n- [All contributors](https://github.com/tweenjs/es6-tween/contributors).\n- [es6-tween contributors](https://github.com/tweenjs/es6-tween/graphs/contributors)/\n\n## Thanks to\n\nthese tools developers and to their community and without these tools maybe this library wouldn't be possible\n\n- [GitHub](https://github.com/)\n- [Travis CI](http://travis-ci.org)\n- [BrowserStack](https://www.browserstack.com/)\n- [Node.js](https://nodejs.org/en/)\n- [ESLint](http://eslint.org)\n- [jsDoc](http://usejsdoc.org) ([docdash theme](https://github.com/clenemt/docdash))\n- [Rollup](https://rollupjs.org/guide/en)\n- [Babel](https://babeljs.io)\n- [Ava](https://github.com/avajs/ava)\n- [Puppeteer](https://pptr.dev)\n- [UglifyJS v3](https://github.com/mishoo/UglifyJS2)\n- [Husky](https://github.com/typicode/husky)\n\n## Projects using es6-tween\n\n- [ft](https://github.com/2players/ft)\n- [react-heartwood-components](https://www.npmjs.com/package/@sprucelabs/react-heartwood-components)\n- [el-controls](https://github.com/eljs/el-controls)\n- [lightweight-pixijs-engine](https://github.com/dgzornoza/lightweight-pixijs-engine#readme)\n- [vue-sliderx](https://www.npmjs.com/package/vue-sliderx)\n- [vue-mapbox-feature](https://cityseer.github.io/vue-mapbox-feature)\n- [vuxtras](https://github.com/homerjam/vuxtras#readme)\n- [Slye](https://github.com/Slye3D/slye#readme)\n- [react-3d-globe](https://chrisrzhou.github.io/react-3d-globe/)\n\nIt's great to see this library to be used in production and/or library, thank you!\n\nIf you have projects using es6-tween, please make issue or PR, i will add here your project too :)\n\n[npm-min-size]: https://img.shields.io/bundlephobia/min/es6-tween.svg\n[npm-gzip-size]: https://img.badgesize.io/https://unpkg.com/es6-tween?compression=gzip\n[npm-image]: https://img.shields.io/npm/v/es6-tween.svg\n[npm-url]: https://npmjs.org/package/es6-tween\n[downloads-image]: https://img.shields.io/npm/dm/es6-tween.svg\n[travis-image]: https://travis-ci.org/tweenjs/es6-tween.svg?branch=master\n[travis-url]: https://travis-ci.org/tweenjs/es6-tween\n[cdnjs-image]: https://img.shields.io/cdnjs/v/es6-tween.svg\n[cdnjs-url]: https://cdnjs.com/libraries/es6-tween\n[unpkg-url]: https://unpkg.com/es6-tween\n","funding_links":["https://patreon.com/dalisoft"],"categories":["JavaScript","Common"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftweenjs%2Fes6-tween","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftweenjs%2Fes6-tween","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftweenjs%2Fes6-tween/lists"}