Forked from: Crane_MolTech's Raphael.js のアニメ仕様指定ガイドの基本17 View Diff (291)

Fork
0
Fav
0
View
209
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 339 lines
  • HTML 1 lines
  • CSS 10 lines
タイムラインの続き。
時間位置の要素の代わりに赤グラデーションのタテ棒を使い、このX座標を変化すればOKでした。

主な変更点は下記:
・時間位置の要素( >---< の形)の代わりに赤グラデーションのタテ棒 bouRect を使う。
・Playボタンで bouRect をアニメーション移動させ、Clearボタンで全体を元に戻す。
・時間位置の要素の記述部分はコメントアウトしました。

 ※細かい点では、本体(濃いグレー)の位置と大きさを変数としました(tlX0=65, tlY0=275, ・・・)

これでTLの作業を終わります。
  • Raphael.js のアニメ仕様指定ガイドの基本18
  • Raphael 1.5.2
  • Raphael.js のアニメ仕様指定ガイドの基本18

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