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

Fork
1
Fav
0
View
272
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 23 lines
  • HTML 1 lines
  • CSS 10 lines
TL(タイムライン)作製の解説

先ず背景(青枠)と本体の背景を設置する。これは rect() を使って直ぐに出来ると思いますが、重なり順と大きさに気を付けて下さい。
(後述しますが)座標パラメーターが123.95とか微妙な端数になっている場合があります。これは下書きソフトの設定によるものなので気にしないで下さい。

青枠が画面奥(下の層)に来るので記述は下記の順番になります。
rect0 = rootR.rect();// 背面の矩形
rect1 = rootR.rect();// 本体の矩形

色は簡略化のため現時点ではグラデーションは使わず単色(ソリッド)にします。(色は後で変えます)
  • Raphael.js のアニメ仕様指定ガイドの基本11
  • Raphael 1.5.2
  • Raphael.js のアニメ仕様指定ガイドの基本11

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