JavaScript Deformer

概要

JavaScript Deformer を使用して、Shape の points を面白く斬新な方法で操作できます。

すべての JavaScript Layers での JavaScript の使用方法については、JavaScript Layers を参照してください。

See JavaScript Layers→

この deformer は JavaScript Shape や JavaScript Utility に似ていますが、Shape の geometry にアクセスするための追加の構文が利用可能です。Context Module のすべてにアクセスできるため、フレーム間でデータを保存および読み込むことができます。

この Layer 固有の Member Functions については、Deformer Module を参照してください。

UI

JavaScript Expression - ここに JavaScript コードを入力します。

- Dynamic Attributes を変数として追加します。

1. Basic Line を作成します。
2. JavaScript Deformer を作成します。
3. デフォルトの JavaScript Expression を以下に置き換えます：

var points = def.getPoints();var bbox = def.getBoundingBox();var maxX = bbox.x+bbox.width;var frequency = 10;var amplitude = 50;for (let pt of points) {    let normX = cavalry.norm(pt.x, bbox.x, maxX);    pt.y += Math.sin((normX+n0*.1)*frequency)*amplitude;}def.setPoints(points);

4. javaScriptDeformer.id→basicLine.deformers を接続します。

これにより線が波状に変形します。4 行目の let frequency = 10; を let frequency = n0; に置き換え、下部の n0 属性を使って deformer の周波数を変更してみてください。