Forked from: FumioNonaka's EaselJS 0.7.1: Ease out animation View Diff (6)

Fork
0
Fav
2
View
4338
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 30 lines
  • HTML 2 lines
  • CSS 14 lines

解説:「バネのような動きを加速度から定める ー オイラー法
バネが伸び縮みするアニメーションは、「単振動」と呼ばれて三角関数で表すのが定石です。けれど、バネの端をもって振り回すような動きは、加速度にもとづく式で扱うのが便利です。この式は「オイラー法」という数学の考え方から導かれます。

03「加速度を速度に加えて表すバネの動き」のサンプル003「マウスポインタを追って伸び縮みするアニメーション」。


The Eular method simplifies equation of the simple harmonic motion as follows:

velocity += acceleration
position += velocity

  • EaselJS 0.7.1: Elastic animation with the Eular method
  • EaselJS 0.7.1: Elastic animation with the Eular method

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by