Syzygy
transitionメソッドを使用して、同じサイズに変化するすべての円をアニメーション化します.transition()
D3トランジションは、.attr()によって行われた変更をアニメーション化します。 変更を即座に適用する代わりに、シェイプは新しい属性に合わせてアニメーション化します。
Makahiya
D3ライブラリのselectAllメソッドを使用して複数の長方形を1つの変数に保存し、各長方形の属性を1つのコマンドで変更できるようにしますRainbow Treasure
selectメソッドを使用して、画面上の最初の円を変数に保存します黒い円をタップして、金色に変えます
.select()
プログラムに追加された特定のタイプの最初のSVG形状を選択します。
How to Move?
blockを動かすコードはどれかを求めますTo Get to the Other Side
durationメソッドを使用して、トランジションアニメーションをより速くまたは遅く移動します.duration()
遷移の定義にかかる時間(ミリ秒)を設定します。
Strange Gravity
easeメソッドを使用して、さまざまなタイミングで遷移の速度を上げたり下げたりします.ease()
.transition()の引数値で設定されたアニメーションの各部分の速度を変更するために使用されます。
How to Fall Down?
ボールが落下しているように見えるコードを求めますBurst Your Bubble
interruptメソッドを使用して、トランジションの途中でアニメーションを停止します.interrupt()
SVGシェイプをアニメーション化するトランジションを停止します。 属性をすぐに更新できます。