火曜日, 6月 20, 2023

JavaScriptでAI遊び 02 
長方形を描いてみる

今回もベタな展開ですが、前回が円だったので長方形を描いてみます。

/* make_rectangle.jsx */
var doc = app.activeDocument;
// アクティブなドキュメントを取得

var Xposition = 100; // 四角形のX座標(pixel)
var Yposition = -100; // 四角形のY座標(pixel)
var width = 200; // 四角形の幅(pixel)
var height = 100; // 四角形の高さ(pixel)

var fillColor = new RGBColor(); // 塗りの色
fillColor.red = 152; // 赤の値 (0〜255)
fillColor.green = 251; // 緑の値 (0〜255)
fillColor.blue = 152; // 青の値 (0〜255)
//palegreen

var strokeColor = new RGBColor(); // 線の色
strokeColor.red = 34; // 赤の値 (0〜255)
strokeColor.green = 139; // 緑の値 (0〜255)
strokeColor.blue = 34; // 青の値 (0〜255)
//forestgreen

var rectangle = doc.pathItems.rectangle
(Yposition, Xposition, width, height); // 四角形を作成
rectangle.filled = true; // 塗りつぶしを有効にする
rectangle.fillColor = fillColor; // 塗りの色を設定
rectangle.stroked = true; // 線を有効にする
rectangle.strokeWidth = 5; // 輪郭線の太さ(point)
rectangle.strokeColor = strokeColor; // 線の色を設定

doc.selection = null; // 選択を解除
/* make_rectangle.jsx */

作成したファイルは[filename.jsx]として書き出し、
Illustratorの[ファイル]>[スクリプト]>[その他のスクリプト]
にて読み込んで利用します。

処理結果はこんな感じです。これは長方形描画の式から・・・
(Yposition, Xposition, width, height);
x100, y100
つまりファイルの左上をの起点とし座標(100、100)からの描画ということで,
黒破線の流れでの描画になります。

同じく・・・
x50, y200
つまり座標(50、200)からの描画ということで,
黒破線の流れでの描画になります。

同じく・・・
x200, y-150
つまり座標(150、150)からの描画ということで,
黒破線の流れでの描画になります。