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

Fork
0
Fav
0
View
4373
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 188 lines
  • HTML 2 lines
  • CSS 12 lines
D3.js で transition を使うとアニメーションができますが、
それを『うまく』連続で書けないか、試してみました。


普通に書くと、メソッドチェインで

  circles
    .transition().duration(1000)
    .attr( XXX )
    .transition().duration(1000)
    .attr( YYY )
    .transition().duration(1000)
    .attr( ZZZ );


とすればかけますが、凄まじく長~くなるので、切って書く方法を試行錯誤してました。


結果的にはソースコードにある通り、JavaScript標準の call で書いてとりあえずの解決をしました。

詳細はブログに。
http://kazuki-nagasawa.hatenablog.com/entry/memo_20150401_d3

  • D3.js で transition 連続アニメーションの練習
  • D3.js で transition 連続アニメーションの練習

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

kazuki_nagasawa

Author

Three.js や Processing.js など、描画系のライブラリで遊んでます。 色々描けるようになりたいにゃ~。

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags