【Code with Google】Grasshopper - Animations #3 - SVG: FUNCTIONS

2020年3月6日金曜日

Animations

t f B! P L

Color Clicker

イベントハンドラーを図形に追加して、図形をインタラクティブにします
.on()
 SVGシェイプにイベントリスナーを追加します。 イベントリスナーは、指定されたアクションがSVGシェイプに発生するたびに関数を実行します。

How to Make It Blue?

タップするとボタンの色が青に変わるコードを求めます

drawSquare

引数として色を取り、その色のSVG形状を作成する関数を設定します。

Which Way to Click?

タップするとバルーンのサイズが変更されるコードを求めます

Light Switch

スイッチがクリックされたときに電球をオンにするイベントハンドラーとコールバック関数を作成します

Disinfect

removeメソッドを使用してすべてのサークルを削除します
.remove()
 選択したSVG形状をプログラムから削除します。

Does It Run?

コードを実行すると、いくつの円が表示されれるかを求めます

このブログを検索

自己紹介

自分の写真
インターネットの仕事をしながら日本の教育のことを考えたりしています。 テクノロジーで教育がより良くなることを信じています。 私自身のGoogle for Educationトレーニング体験を通じて学生、並びに教職員の方のお役に立てれば幸いです。

QooQ