【重要】サービス終了のお知らせ

Fork
3
Fav
0
View
323
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 258 lines
  • HTML 0 lines
  • CSS 10 lines
気付いたのですが、テキスト欄の右側にスクロール用の上下ボタンのpath図形(アイコン)が現れていませんね。これってタイムライン(基本10)でアイコンがズレたのと同じ症状なのかも ※ローカルでは問題無い
右側にカバーだけが残骸みたいに存在するのでマウスポインタは指マークになります。

スクロールボタンのアイコンは正しく出れば下のようになります。
https://twitter.com/Crane_MolTech/status/1093321095304761344

---------------------------------------------------

次は下段左のアニメーションデモの部分と、その右のテキスト表示の部分。

左右ともレイヤー(階層)構造が肝になる。タイムラインと同じく先に完成予想図をUpします。
マウスが指マークになる要素が幾つかあるが、デモの絵を出す左上の円ボタン以外は無効の状態です。

コーディングに入る前に、「果たしてRaphael_1.5.2で実現出来るのか」と不安になったので調べたところ、アニメーションの transfom プロパティ以外は大丈夫そう。

transfom の代用として変形と移動は個々に行い2段階とする。

レイヤー(階層)構造:
https://twitter.com/Crane_MolTech/status/1090927431681159168
https://twitter.com/Crane_MolTech/status/1090927552648990720

  • Raphael.js のアニメ仕様指定ガイドの基本20
  • Raphael 1.5.2
  • Raphael.js のアニメ仕様指定ガイドの基本20

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