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

Fork
1
Fav
0
View
259
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 78 lines
  • HTML 1 lines
  • CSS 10 lines
完成予想図を見たら分かると思いますが、コマは0.1秒単位の50個に対して、時間目盛りは0.5秒単位で1対1の関係にありません。
また最後の5.0秒の所にもあるので配置の関係は少し複雑になります。

コマ50個の実体化と同時に目盛り線も実体化し set() でまとめるのがポイントの1つです。
また個別に座標を設定して実体化させるのではなく、同じ場所で生成後にsetオブジェクトを translate() で移動させるのもポイントです。これにより座標位置の記述が
楽になります。

※ for( idx=0; idx<=komaKazu; idx++ ){} の部分のコードが完成予想図のそれと若干違いますが、こっちの方が理に適っていると思います。
  • Raphael.js のアニメ仕様指定ガイドの基本12
  • Raphael 1.5.2
  • Raphael.js のアニメ仕様指定ガイドの基本12

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

Forked

sort by