Fireworks CS3でランダムな位置と色で各種図形を描くスクリプトです。Fireworks CS3で動作確認していますが、これらの処理系はver 3から変わっていないので事実上、どのバージョンのFireworksでも動作すると思います。
最初のスクリプトはランダムに四角形を描くものです。
docObj = fw.getDocumentDOM();
for (i=0; i<10; i++)
{
var x = Math.random() * (docObj.left + docObj.width);
var y = Math.random() * (docObj.top + docObj.height);
var R = Math.floor(Math.random() * 256).toString(16);
var G = Math.floor(Math.random() * 256).toString(16);
var B = Math.floor(Math.random() * 256).toString(16);
if (R.length < 2) R = "0" + R;
if (G.length < 2) G = "0" + G;
if (B.length < 2) B = "0" + B;
docObj.setFillColor("#"+R+G+B);
docObj.addNewRectangle({left:x, top:y, right:x+100, bottom:y+100},0.25);
}
描かれる四角形のサイズを変えるには
docObj.addNewRectangle({left:x, top:y, right:x+100, bottom:y+100},0.25);
の
right:x+100, bottom:y+100
の100の値で調整してください。0.25の値は角丸の割合を示します。0〜1までの小数値で指定します。ちなみに、わざと10とか20などにすると、なかなか面白い図形を描く事ができます。
次のスクリプトはランダムに円を描くものです。描画されるサイズを変えるのは四角形を描く場合と同様です。
docObj = fw.getDocumentDOM();
for (i=0; i<10; i++)
{
var x = Math.random() * (docObj.left + docObj.width);
var y = Math.random() * (docObj.top + docObj.height);
var R = Math.floor(Math.random() * 256).toString(16);
var G = Math.floor(Math.random() * 256).toString(16);
var B = Math.floor(Math.random() * 256).toString(16);
if (R.length < 2) R = "0" + R;
if (G.length < 2) G = "0" + G;
if (B.length < 2) B = "0" + B;
docObj.setFillColor("#"+R+G+B);
docObj.addNewOval({left:x, top:y, right:x+100, bottom:y+100});
}
次のスクリプトは多角形を描くものです。
docObj = fw.getDocumentDOM();
for (i=0; i<10; i++)
{
var X = Math.random() * (docObj.left + docObj.width);
var Y = Math.random() * (docObj.top + docObj.height);
var R = Math.floor(Math.random() * 256).toString(16);
var G = Math.floor(Math.random() * 256).toString(16);
var B = Math.floor(Math.random() * 256).toString(16);
if (R.length < 2) R = "0" + R;
if (G.length < 2) G = "0" + G;
if (B.length < 2) B = "0" + B;
docObj.setFillColor("#"+R+G+B);
docObj.addNewStar(5, -1, true, {x:X, y:Y}, {x:X+20, y:Y+20});
}
描画される角の数は
docObj.addNewStar(5, -1, true, {x:X, y:Y}, {x:X+20, y:Y+20});
の5の値を変更してください。-1はへこみ具合で-1か0〜1までの小数値で指定します。星形かどうかは上記のtrueかfalseで決定されtrueであれば星形になります。falseであれば凸型の多角形になります。サイズは{x:X+20, y:Y+20}の20の値を変更します。
次のスクリプトはランダムに線を描画するものです。これは単純に座標値を指定しているだけの単純なものです。
docObj = fw.getDocumentDOM();
for (i=0; i<10; i++)
{
var X1 = Math.random() * (docObj.left + docObj.width);
var Y1 = Math.random() * (docObj.top + docObj.height);
var X2 = Math.random() * (docObj.left + docObj.width);
var Y2 = Math.random() * (docObj.top + docObj.height);
var R = Math.floor(Math.random() * 256).toString(16);
var G = Math.floor(Math.random() * 256).toString(16);
var B = Math.floor(Math.random() * 256).toString(16);
if (R.length < 2) R = "0" + R;
if (G.length < 2) G = "0" + G;
if (B.length < 2) B = "0" + B;
docObj.setFillColor("#"+R+G+B);
docObj.addNewLine({x:X1, y:Y1}, {x:X2, y:Y2});
}
[
サンプルをダウンロード]