【Code with Google】Grasshopper - Animations #1 - SVG: SIZE AND COLOR

2020年3月6日金曜日

Animations

t f B! P L

Traffic Lights

SVG図形のプロパティを編集します
.attr()
 .attr()属性は、SVGシェイプの指定されたプロパティの値を設定するために使用されるD3ライブラリ関数です。

How to Color?

青の長方形を表示するコードはどれか求めます

French Flag Fixer

D3ライブラリの.attr()メソッドを使用してフランス国旗を修正します

Flower Power

attr()メソッドを使用して円の半径属性を編集します。 半径('r')は、円の中心から端までの距離です

Simply Shapes

appendメソッドを使用して新しいSVGシェイプを作成します
.append()
 .append()は、新しいSVG形状をプログラムに追加するために使用されますが、サイズ(および塗りつぶし)が与えられるまで表示されない場合があります。

How Many Circles?

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

How Big?

円の半径を設定するコードを求めます

このブログを検索

自己紹介

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

QooQ