@tweenjs/tween.js 18.3.2 → 18.6.0

Sign up to get free protection for your applications and to get access to all the features.
package/package.json CHANGED
@@ -1,33 +1,56 @@
1
1
  {
2
- "name": "@tweenjs/tween.js",
3
- "description": "Super simple, fast and easy to use tweening engine which incorporates optimised Robert Penner's equations.",
4
- "version": "18.3.2",
5
- "main": "dist/tween.cjs.js",
6
- "module": "dist/tween.esm.js",
7
- "homepage": "https://github.com/tweenjs/tween.js",
8
- "repository": {
9
- "type": "git",
10
- "url": "https://github.com/tweenjs/tween.js.git"
11
- },
12
- "bugs": {
13
- "url": "https://github.com/tweenjs/tween.js/issues"
14
- },
15
- "license": "MIT",
16
- "keywords": [
17
- "tween",
18
- "interpolation"
19
- ],
20
- "dependencies": {},
21
- "scripts": {
22
- "build": "rollup -c ./rollup.config.js",
23
- "test": "npm run build && npm run test-unit && npm run test-lint",
24
- "test-unit": "nodeunit test/unit/nodeunitheadless.js",
25
- "test-lint": "eslint src/Tween.js"
26
- },
27
- "author": "tween.js contributors (https://github.com/tweenjs/tween.js/graphs/contributors)",
28
- "devDependencies": {
29
- "eslint": "^6.3.0",
30
- "nodeunit": "^0.9.5",
31
- "rollup": "^0.57.1"
32
- }
2
+ "name": "@tweenjs/tween.js",
3
+ "description": "Super simple, fast and easy to use tweening engine which incorporates optimised Robert Penner's equations.",
4
+ "version": "18.6.0",
5
+ "main": "dist/tween.cjs.js",
6
+ "types": "dist/index.d.ts",
7
+ "module": "dist/tween.esm.js",
8
+ "files": [
9
+ "dist",
10
+ "README.md",
11
+ "LICENSE"
12
+ ],
13
+ "homepage": "https://github.com/tweenjs/tween.js",
14
+ "repository": {
15
+ "type": "git",
16
+ "url": "https://github.com/tweenjs/tween.js.git"
17
+ },
18
+ "bugs": {
19
+ "url": "https://github.com/tweenjs/tween.js/issues"
20
+ },
21
+ "license": "MIT",
22
+ "keywords": [
23
+ "tween",
24
+ "interpolation"
25
+ ],
26
+ "dependencies": {},
27
+ "scripts": {
28
+ "build": "rimraf dist && node scripts/write-version.js && npm run tsc && npm run rollup-build && npm run tsc-d.ts && npm run adjust-d.ts",
29
+ "rollup-build": "rollup -c ./rollup.config.js",
30
+ "tsc": "tsc",
31
+ "tsc-watch": "tsc --watch",
32
+ "tsc-d.ts": "tsc --declaration --emitDeclarationOnly --esModuleInterop --outFile dist/index.d.ts",
33
+ "adjust-d.ts": "node scripts/adjust-d.ts.js",
34
+ "test": "npm run build && npm run test-unit && npm run test-lint",
35
+ "test-unit": "nodeunit test/unit/nodeunitheadless.js",
36
+ "test-lint": "npm run prettier -- --check && eslint 'src/**/*.ts'",
37
+ "lint": "npm run prettier -- --write && eslint 'src/**/*.ts' --fix",
38
+ "prettier": "prettier './**/*.{js,ts,md,json,html,css}'",
39
+ "prepare": "npm run build"
40
+ },
41
+ "author": "tween.js contributors (https://github.com/tweenjs/tween.js/graphs/contributors)",
42
+ "devDependencies": {
43
+ "@typescript-eslint/eslint-plugin": "^3.1.0",
44
+ "@typescript-eslint/parser": "^3.1.0",
45
+ "eslint": "^7.1.0",
46
+ "eslint-config-prettier": "^6.7.0",
47
+ "eslint-plugin-prettier": "^3.1.1",
48
+ "nodeunit": "^0.11.3",
49
+ "prettier": "^2.0.0",
50
+ "rimraf": "^3.0.0",
51
+ "rollup": "^0.57.1",
52
+ "rollup-plugin-typescript": "^1.0.1",
53
+ "tslib": "^1.10.0",
54
+ "typescript": "^3.9.0"
55
+ }
33
56
  }
package/.eslintrc.json DELETED
@@ -1,100 +0,0 @@
1
- {
2
- "env": {
3
- "browser": true,
4
- "node": true
5
- },
6
- "globals": {},
7
- "parserOptions": {
8
- "ecmaVersion": 6,
9
- "sourceType": "module"
10
- },
11
- "rules": {
12
- "curly": 2,
13
- "eqeqeq": 2,
14
- "no-unused-vars": 2,
15
- "one-var": [
16
- 2,
17
- "never"
18
- ],
19
- "space-in-parens": [
20
- 2,
21
- "never"
22
- ],
23
- "comma-dangle": [
24
- 2,
25
- "never"
26
- ],
27
- "no-trailing-spaces": 2,
28
- "no-unused-vars": [
29
- 2,
30
- {
31
- "vars": "local",
32
- "args": "all"
33
- }
34
- ],
35
- "camelcase": [
36
- 2,
37
- {
38
- "properties": "never"
39
- }
40
- ],
41
- "comma-style": [
42
- 2,
43
- "last"
44
- ],
45
- "newline-after-var": [
46
- 2,
47
- "always"
48
- ],
49
- "semi": [
50
- 2,
51
- "always"
52
- ],
53
- "space-infix-ops": 2,
54
- "keyword-spacing": [
55
- 2,
56
- {
57
- "overrides": {
58
- "else": {
59
- "before": true
60
- },
61
- "while": {
62
- "before": true
63
- },
64
- "catch": {
65
- "before": true
66
- }
67
- }
68
- }
69
- ],
70
- "spaced-comment": [
71
- 2,
72
- "always"
73
- ],
74
- "space-before-blocks": [
75
- 2,
76
- "always"
77
- ],
78
- "key-spacing": [
79
- 2,
80
- {
81
- "afterColon": true
82
- }
83
- ],
84
- "linebreak-style": [
85
- 2,
86
- "unix"
87
- ],
88
- "indent": [
89
- 2,
90
- "tab",
91
- {
92
- "SwitchCase": 1
93
- }
94
- ],
95
- "quotes": [
96
- 2,
97
- "single"
98
- ]
99
- }
100
- }
package/.travis.yml DELETED
@@ -1,26 +0,0 @@
1
- sudo: false
2
- language: node_js
3
- notifications:
4
- email: false
5
- node_js:
6
- - "10"
7
- before_install:
8
- - npm i -g npm@^6.0.0
9
- before_script:
10
- - npm prune
11
- script:
12
- - npm run test
13
- deploy:
14
- - on:
15
- branch: master
16
- provider: npm
17
- skip_cleanup: true
18
- email: "mikebolt@gmail.com"
19
- api_key: $NPM_TOKEN
20
- - on:
21
- branch: master
22
- provider: pages
23
- skip_cleanup: true
24
- github_token: $GH_TOKEN
25
- local_dir: .
26
- keep_history: false
@@ -1,75 +0,0 @@
1
- # Contributor Covenant Code of Conduct
2
-
3
- ## Our Pledge
4
-
5
- In the interest of fostering an open and welcoming environment, we as
6
- contributors and maintainers pledge to making participation in our project and
7
- our community a harassment-free experience for everyone, regardless of age, body
8
- size, disability, ethnicity, gender identity and expression, level of experience,
9
- nationality, personal appearance, race, religion, or sexual identity and
10
- orientation.
11
-
12
- ## Our Standards
13
-
14
- Examples of behavior that contributes to creating a positive environment
15
- include:
16
-
17
- * Using welcoming and inclusive language
18
- * Being respectful of differing viewpoints and experiences
19
- * Gracefully accepting constructive criticism
20
- * Focusing on what is best for the community
21
- * Showing empathy towards other community members
22
-
23
- Examples of unacceptable behavior by participants include:
24
-
25
- * The use of sexualized language or imagery and unwelcome sexual attention or
26
- advances
27
- * Trolling, insulting/derogatory comments, and personal or political attacks
28
- * Public or private harassment
29
- * Publishing others' private information, such as a physical or electronic
30
- address, without explicit permission
31
- * Other conduct which could reasonably be considered inappropriate in a
32
- professional setting
33
-
34
- ## Our Responsibilities
35
-
36
- Project maintainers are responsible for clarifying the standards of acceptable
37
- behavior and are expected to take appropriate and fair corrective action in
38
- response to any instances of unacceptable behavior.
39
-
40
- Project maintainers have the right and responsibility to remove, edit, or
41
- reject comments, commits, code, wiki edits, issues, and other contributions
42
- that are not aligned to this Code of Conduct, or to ban temporarily or
43
- permanently any contributor for other behaviors that they deem inappropriate,
44
- threatening, offensive, or harmful.
45
-
46
- ## Scope
47
-
48
- This Code of Conduct applies both within project spaces and in public spaces
49
- when an individual is representing the project or its community. Examples of
50
- representing a project or community include using an official project e-mail
51
- address, posting via an official social media account, or acting as an appointed
52
- representative at an online or offline event. Representation of a project may be
53
- further defined and clarified by project maintainers.
54
-
55
- ## Enforcement
56
-
57
- Instances of abusive, harassing, or otherwise unacceptable behavior may be
58
- reported by contacting the project team at coc@soledadpenades.com. All
59
- complaints will be reviewed and investigated and will result in a response that
60
- is deemed necessary and appropriate to the circumstances. The project team is
61
- obligated to maintain confidentiality with regard to the reporter of an incident.
62
- Further details of specific enforcement policies may be posted separately.
63
-
64
- Project maintainers who do not follow or enforce the Code of Conduct in good
65
- faith may face temporary or permanent repercussions as determined by other
66
- members of the project's leadership.
67
-
68
- ## Attribution
69
-
70
- This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
71
- available at [http://contributor-covenant.org/version/1/4][version]
72
-
73
- [homepage]: http://contributor-covenant.org
74
- [version]: http://contributor-covenant.org/version/1/4/
75
-
package/README_zh-CN.md DELETED
@@ -1,297 +0,0 @@
1
- # tween.js
2
-
3
- tween.js是用于简单动画的JavaScript补间引擎,结合了优化的 Robert Penner 方程。
4
-
5
- [![NPM Version][npm-image]][npm-url]
6
- [![NPM Downloads][downloads-image]][downloads-url]
7
- [![Travis tests][travis-image]][travis-url]
8
- [![Flattr this][flattr-image]][flattr-url]
9
- [![CDNJS][cdnjs-image]][cdnjs-url]
10
-
11
- ```javascript
12
- var box = document.createElement('div');
13
- box.style.setProperty('background-color', '#008800');
14
- box.style.setProperty('width', '100px');
15
- box.style.setProperty('height', '100px');
16
- document.body.appendChild(box);
17
-
18
- // 设置循环动画
19
- function animate(time) {
20
- requestAnimationFrame(animate);
21
- TWEEN.update(time);
22
- }
23
- requestAnimationFrame(animate);
24
-
25
- var coords = { x: 0, y: 0 }; // 起始点 (0, 0)
26
- var tween = new TWEEN.Tween(coords) // 创建一个新的tween用来改变 'coords'
27
- .to({ x: 300, y: 200 }, 1000) // 在1s内移动至 (300, 200)
28
- .easing(TWEEN.Easing.Quadratic.Out) // 使用缓动功能使的动画更加平滑
29
- .onUpdate(function() { // 在 tween.js 更新 'coords' 后调用
30
- // 将 'box' 移动到 'coords' 所描述的位置,配合 CSS 过渡
31
- box.style.setProperty('transform', 'translate(' + coords.x + 'px, ' + coords.y + 'px)');
32
- })
33
- .start(); // 立即开始 tween
34
- ```
35
-
36
- [在线代码测试](https://codepen.io/mikebolt/pen/zzzvZg)
37
-
38
- ## 安装
39
-
40
- 下载 [library](https://raw.githubusercontent.com/tweenjs/tween.js/master/src/Tween.js) 并将它引入至你的代码中:
41
-
42
- ```html
43
- <script src="js/Tween.js"></script>
44
- ```
45
-
46
- 您也可以在代码中引用 CDN 托管的版本,这要感谢 cdnjs 。例如:
47
-
48
- ```html
49
- <script src="https://cdnjs.cloudflare.com/ajax/libs/tween.js/16.3.5/Tween.min.js"></script>
50
- ```
51
-
52
- See [tween.js](https://cdnjs.com/libraries/tween.js/) for more versions.
53
-
54
- 查看更多 [tween.js](https://cdnjs.com/libraries/tween.js/) 版本.
55
-
56
- ### 更多高级用户想要的...
57
-
58
- #### 使用 `npm`
59
-
60
- ```bash
61
- npm install @tweenjs/tween.js
62
- ```
63
-
64
- 然后用标准的 node.js `require` 包含 Tween.js 模块:
65
-
66
- ```javascript
67
- var TWEEN = require('@tweenjs/tween.js');
68
- ```
69
-
70
- 您可以像所有其他示例一样使用Tween.js,例如:
71
-
72
- ```javascript
73
- var t = new TWEEN.Tween( /* etc */ );
74
- t.start();
75
- ```
76
-
77
- 你将需要使用诸如`browserify`之类的工具将使用此风格的代码转换为可以在浏览器中运行的代码(浏览器无法识别 `require`)
78
-
79
- #### Use `bower`
80
-
81
- ```bash
82
- bower install @tweenjs/tweenjs --save
83
- ```
84
-
85
- 或者安装特定的tag.他们是git tags,如果你已经在本地克隆仓库,你可以在命令行中运行`git tag`查看tag列表,或者你可以查看下 [tween.js tags page](https://github.com/tweenjs/tween.js/tags) 列表.例如,安装 `v16.3.0`:
86
-
87
- ```bash
88
- bower install @tweenjs/tweenjs#v16.3.0
89
- ```
90
-
91
- 然后引入库源码:
92
-
93
- ```html
94
- <script src="bower_components/@tweenjs/tweenjs/src/Tween.js"></script>
95
- ```
96
-
97
- ## Features
98
-
99
- * 只做一件事且仅只做一件事: 补间特性
100
- * 不关注CSS单位 (e.g. appending `px`)
101
- * 不插入颜色
102
- * 缓和功能可以在Tween之外重用
103
- * 也可以使用自定义缓动功能
104
-
105
- ## Documentation
106
-
107
- * [使用指南](./docs/user_guide_zh-CN.md)
108
- * [贡献者指南](./docs/contributor_guide_zh-CN.md)
109
- * [教程](http://learningthreejs.com/blog/2011/08/17/tweenjs-for-smooth-animation/) using tween.js with three.js
110
- * 其他: [libtween](https://github.com/jsm174/libtween), [jsm174](https://github.com/jsm174) 写的一个C语言版本的 tween.js.
111
- * 其他: [es6-tween](https://github.com/tweenjs/es6-tween), [dalisoft](https://github.com/dalisoft) 写的一个ES6/Harmony版本的 tween.js.
112
- * [理解 tween.js](https://mikebolt.me/article/understanding-tweenjs.html)
113
-
114
- ## 示例
115
-
116
- <table>
117
- <tr>
118
- <td>
119
- <a href="http://tweenjs.github.io/tween.js/examples/12_graphs_custom_functions.html">
120
- <img src="./assets/examples/03_graphs.png" alt="Custom functions" />
121
- </a>
122
- </td>
123
- <td>
124
- Custom functions<br />
125
- (<a href="examples/12_graphs_custom_functions.html">source</a>)
126
- </td>
127
- <td>
128
- <a href="http://tweenjs.github.io/tween.js/examples/11_stop_all_chained_tweens.html">
129
- <img src="./assets/examples/11_stop_all_chained_tweens.png" alt="Stop all chained tweens" />
130
- </a>
131
- </td>
132
- <td>
133
- Stop all chained tweens<br />
134
- (<a href="examples/11_stop_all_chained_tweens.html">source</a>)
135
- </td>
136
- </tr>
137
- <tr>
138
- <td>
139
- <a href="http://tweenjs.github.io/tween.js/examples/10_yoyo.html">
140
- <img src="./assets/examples/10_yoyo.png" alt="Yoyo" />
141
- </a>
142
- </td>
143
- <td>
144
- Yoyo<br />
145
- (<a href="examples/10_yoyo.html">source</a>)
146
- </td>
147
- <td>
148
- <a href="http://tweenjs.github.io/tween.js/examples/09_relative_values.html">
149
- <img src="./assets/examples/09_relative.png" alt="Relative values" />
150
- </a>
151
- </td>
152
- <td>
153
- Relative values<br />
154
- (<a href="examples/09_relative_values.html">source</a>)
155
- </td>
156
- </tr>
157
- <tr>
158
- <td>
159
- <a href="http://tweenjs.github.io/tween.js/examples/08_repeat.html">
160
- <img src="./assets/examples/08_repeat.png" alt="Repeat" />
161
- </a>
162
- </td>
163
- <td>
164
- Repeat<br />
165
- (<a href="examples/08_repeat.html">source</a>)
166
- </td>
167
- <td>
168
- <a href="http://tweenjs.github.io/tween.js/examples/07_dynamic_to.html">
169
- <img src="./assets/examples/07_dynamic_to.png" alt="Dynamic to" />
170
- </a>
171
- </td>
172
- <td>
173
- Dynamic to<br />
174
- (<a href="examples/07_dynamic_to.html">source</a>)
175
- </td>
176
- </tr>
177
- <tr>
178
- <td>
179
- <a href="http://tweenjs.github.io/tween.js/examples/06_array_interpolation.html">
180
- <img src="./assets/examples/03_graphs.png" alt="Array interpolation" />
181
- </a>
182
- </td>
183
- <td>
184
- Array interpolation<br />
185
- (<a href="examples/06_array_interpolation.html">source</a>)
186
- </td>
187
- <td>
188
- <a href="http://tweenjs.github.io/tween.js/examples/05_video_and_time.html">
189
- <img src="./assets/examples/06_video_and_time.png" alt="Video and time" />
190
- </a>
191
- </td>
192
- <td>
193
- Video and time<br />
194
- (<a href="examples/05_video_and_time.html">source</a>)
195
- </td>
196
- </tr>
197
- <tr>
198
- <td>
199
- <a href="http://tweenjs.github.io/tween.js/examples/04_simplest.html">
200
- <img src="./assets/examples/04_simplest.png" alt="Simplest possible example" />
201
- </a>
202
- </td>
203
- <td>
204
- Simplest possible example<br />
205
- (<a href="examples/04_simplest.html">source</a>)
206
- </td>
207
- <td>
208
- <a href="http://tweenjs.github.io/tween.js/examples/03_graphs.html">
209
- <img src="./assets/examples/03_graphs.png" alt="Graphs" />
210
- </a>
211
- </td>
212
- <td>
213
- Graphs<br />
214
- (<a href="examples/03_graphs.html">source</a>)
215
- </td>
216
- </tr>
217
- <tr>
218
- <td>
219
- <a href="http://tweenjs.github.io/tween.js/examples/02_black_and_red.html">
220
- <img src="./assets/examples/02_black_and_red.png" alt="Black and red" />
221
- </a>
222
- </td>
223
- <td>
224
- Black and red<br />
225
- (<a href="examples/02_black_and_red.html">source</a>)
226
- </td>
227
- <td>
228
- <a href="http://tweenjs.github.io/tween.js/examples/01_bars.html">
229
- <img src="./assets/examples/01_bars.png" alt="Bars" />
230
- </a>
231
- </td>
232
- <td>
233
- Bars<br />
234
- (<a href="examples/01_bars.html">source</a>)
235
- </td>
236
- </tr>
237
- <tr>
238
- <td>
239
- <a href="http://tweenjs.github.io/tween.js/examples/00_hello_world.html">
240
- <img src="./assets/examples/00_hello_world.png" alt="hello world" />
241
- </a>
242
- </td>
243
- <td>
244
- hello world<br />
245
- (<a href="examples/00_hello_world.html">source</a>)
246
- </td>
247
- </tr>
248
- </table>
249
-
250
- ## Tests
251
-
252
- 你首先需要安装`npm`--基于node.js,所以首先安装它.然后,进入到`tween.js`的目录下并运行:
253
-
254
- ```bash
255
- npm install
256
- ```
257
-
258
- 如果是第一次运行测试,则为运行测试安装额外的依赖,然后运行
259
-
260
- ```bash
261
- npm test
262
- ```
263
-
264
- 每次你想运行测试.
265
-
266
- 如果你想添加任何功能或改变现有的功能,你*必须*运行测试,以确保你没有影响别的东西.如果你发一个pull request(PR)添加新的东西,它没有测试,或测试不通过,这个PR将不被接受.更详细的请看 [contributing](CONTRIBUTING.md).
267
-
268
- ## People
269
-
270
- 维护者: [mikebolt](https://github.com/mikebolt), [sole](https://github.com/sole).
271
-
272
- [所有贡献者](http://github.com/tweenjs/tween.js/contributors).
273
-
274
- ## 使用 tween.js 的项目
275
-
276
- [![A-Frame VR](http://tweenjs.github.io/tween.js/assets/projects/10_aframe.png)](https://aframe.io)
277
- [![MOMA Inventing Abstraction 1910-1925](http://tweenjs.github.io/tween.js/assets/projects/09_moma.png)](http://www.moma.org/interactives/exhibitions/2012/inventingabstraction/)
278
- [![Web Lab](http://tweenjs.github.io/tween.js/assets/projects/08_web_lab.png)](http://www.chromeweblab.com/)
279
- [![MACCHINA I](http://tweenjs.github.io/tween.js/assets/projects/07_macchina.png)](http://5013.es/toys/macchina)
280
- [![Minesweeper 3D](http://tweenjs.github.io/tween.js/assets/projects/06_minesweeper3d.png)](http://egraether.com/mine3d/)
281
- [![ROME](http://tweenjs.github.io/tween.js/assets/projects/05_rome.png)](http://ro.me)
282
- [![WebGL Globe](http://tweenjs.github.io/tween.js/assets/projects/04_webgl_globe.png)](http://data-arts.appspot.com/globe)
283
- [![Androidify](http://tweenjs.github.io/tween.js/assets/projects/03_androidify.png)](http://www.androidify.com/)
284
- [![The Wilderness Downtown](http://tweenjs.github.io/tween.js/assets/projects/01_wilderness.png)](http://thewildernessdowntown.com/)
285
- [![Linechart](http://tweenjs.github.io/tween.js/assets/projects/00_linechart.png)](http://dejavis.org/linechart)
286
-
287
- [npm-image]: https://img.shields.io/npm/v/@tweenjs/tween.js.svg
288
- [npm-url]: https://npmjs.org/package/@tweenjs/tween.js
289
- [downloads-image]: https://img.shields.io/npm/dm/@tweenjs/tween.js.svg
290
- [downloads-url]: https://npmjs.org/package/@tweenjs/tween.js
291
- [travis-image]: https://travis-ci.org/tweenjs/tween.js.svg?branch=master
292
- [travis-url]: https://travis-ci.org/tweenjs/tween.js
293
- [flattr-image]: https://api.flattr.com/button/flattr-badge-large.png
294
- [flattr-url]: https://flattr.com/thing/45014/tween-js
295
- [cdnjs-image]: https://img.shields.io/cdnjs/v/tween.js.svg
296
- [cdnjs-url]: https://cdnjs.com/libraries/tween.js
297
-
package/rollup.config.js DELETED
@@ -1,24 +0,0 @@
1
- const pkg = require('./package.json');
2
-
3
- export default {
4
- input: 'src/Tween.js',
5
- output: [
6
- {
7
- file: 'dist/tween.umd.js',
8
- name: 'TWEEN',
9
- format: 'umd'
10
- },
11
- {
12
- file: 'dist/tween.amd.js',
13
- format: 'amd'
14
- },
15
- {
16
- file: 'dist/tween.cjs.js',
17
- format: 'cjs'
18
- },
19
- {
20
- file: 'dist/tween.esm.js',
21
- format: 'es'
22
- }
23
- ]
24
- };