訪問していただき、ありがとうございます。
今回の内容は、
・Illustratorスクリプトの勉強を兼ねて、簡単なゲームを作りたい
と思っている人向けの記事です。
Profile
この記事を書いている私は、DTPデザイナーとしてIllustratorの操作経験が15年以上あり、スクリプトも自分の業務で必要になったものを自ら作成し、デザイン作業の効率化を図っています。
最近では、当ブログでも自作スクリプトを公開しています。
今回は、Illustratorスクリプト(JavaScript)を使って【じゃんけんゲーム】を制作します。
じゃんけんゲームの制作は、【配列・ランダム・IF】などを駆使するので、学習を始めたばっかりの人にうってつけです。
それでは、どうぞお楽しみください。
【じゃんけんゲーム】スクリプトの概要
まず、この章で【じゃんけんゲーム】スクリプトのルールなどについて解説します。
※読み飛ばしてもOK
じゃんけんのルール
じゃんけんについてルールの説明は不要だと思いますが念のため
・グーはチョキに強い。
・チョキはパーに強い。
・パーはグーに強い。
・両者が同じ手を選んだ場合、引き分け
じゃんけんゲームの流れ
プレイヤーとコンピュータ(CPU)が対戦します。
1. プレイヤーが【グー・チョキ・パー】のいずれかのボタンを押すとじゃんけんがスタート
2. コンピュータがランダムに【グー・チョキ・パー】を選ぶ
3. 画面に勝敗の結果が表示される
4. また、ボタンを押せば次のじゃんけんができる
【じゃんけんゲーム】スクリプトの入手
本記事で作成するスクリプトのプラグラムは、下記よりDLできます。
下記リンクからスクリプトをダウンロード
DL:janken.jsx
なお、【Illustratorスクリプトの使い方や作り方】について詳しく知りたい方は、【Illustratorの作業効率が上がる!【スクリプト】の使い方と作り方】の記事を参考にしてください。
【じゃんけんゲーム】スクリプトコード
前章では【じゃんけんゲーム】スクリプトの概要ついて解説しました。
この章では、【じゃんけんゲーム】スクリプトのコードを公開します。
コードにコメントアウトも書いてありますので、カスタマイズする際の参考にしてください。
#target illustrator;
#targetengine illustrator;
var win = new Window("window","",[0,0,170,310]); //[left, top, width,height]
var clickBtn01 = win.add("button", [10,10,160,100], "グー"); //グーボタン
var clickBtn02 = win.add("button", [10,110,160,200], "チョキ"); //チョキボタン
var clickBtn03 = win.add("button", [10,210,160,300], "パー"); //パーボタン
clickBtn01.onClick = function(){ //グーボタンが押されたとき
player(0);
};
clickBtn02.onClick = function(){ //チョキボタンが押されたとき
player(1);
};
clickBtn03.onClick = function(){ //パーボタンが押されたとき
player(2);
};
win.center(); //モニター中心
win.show(); //ウインドウ表示
function player(x){
var janken = ['グー','チョキ','パー']; //配列【0,1,2】
var cpu = Math.floor (Math.random() * 3); //Math.floor() 小数点以下を切り捨てる Math.random() ランダム数字
if(cpu === x) {//じゃんけんの判定
var resultEnd ="あいこです";
} else if (x === 0 && cpu === 1){ //A && B; AかつB
var resultEnd = "あなたの【勝ち】";
} else if (x === 1 && cpu === 2){
var resultEnd ="あなたの【勝ち】";
} else if (x === 2 && cpu === 0){
var resultEnd = "あなたの【勝ち】";
} else {
var resultEnd = "あなたの【負け】";
};
alert ('あなたは' + '[' + janken[x] + ']'+ "を選択しました。\n相手は" + '[' + janken[cpu] + ']' + "を選択しました。\nじゃんけんの結果!!"+resultEnd);
}
免責事項
・このページで配布しているスクリプトを無断で転送・販売・配布することは禁止です。
・アプリケーションのバージョンアップの内容によって利用できなくなる場合がありますのでご了承ください。
・このスクリプトによって起きるいかなる不具合や損害も、責任を負いません。ご利用の際は自己責任にてお願いいたします。
Illustratorスクリプトを使った!じゃんけんゲーム【基本編】まとめ
今回のスクリプトコードは、最低限しか書いてありませんがIllustratorの機能を駆使すれば、同時にイラストを表示したりすることもできます。
Illustratorの機能等について詳しく知りたい方は、下記の関連記事を参考にしてください。
というわけで、今回は以上です。
<Illustratorスクリプトを使った!じゃんけんゲーム【基本編】>を
最後まで読んでいただき有難う御座いました。
Illustratorスクリプトのおすすめ書籍!
また、以下の記事で今回紹介した書籍以外にもスクリプトに関する書籍を紹介しているので参考にしてください。