訪問していただき、ありがとうございます。

今回の内容は、

・Illustratorスクリプトの勉強を兼ねて、簡単なゲームを作りたい

と思っている人向けの記事です。

Profile
この記事を書いている私は、DTPデザイナーとしてIllustratorの操作経験が15年以上あり、スクリプトも自分の業務で必要になったものを自ら作成し、デザイン作業の効率化を図っています。
最近では、当ブログでも自作スクリプトを公開しています。

2023.12.15

「完全無料」で作業の効率化！Illustratorスクリプト特集！

いつも訪問していただきありがとうございます。 もっと効率よくデザイン作業を進めたい 単純作業を自動化したい 不足している機能を追加したい Illustratorを使って仕事をしていると、単純な繰り返し作業をスクリプトで自動化したいと思う人は多いですよね。 た...

今回は、Illustratorスクリプト(JavaScript)を使って【じゃんけんゲーム】を制作します。

じゃんけんゲームの制作は、【配列・ランダム・IF】などを駆使するので、学習を始めたばっかりの人にうってつけです。

それでは、どうぞお楽しみください。

まず、この章で【じゃんけんゲーム】スクリプトのルールなどについて解説します。
※読み飛ばしてもOK

じゃんけんのルール

じゃんけんについてルールの説明は不要だと思いますが念のため

・グーはチョキに強い。
・チョキはパーに強い。
・パーはグーに強い。
・両者が同じ手を選んだ場合、引き分け

じゃんけんゲームの流れ

プレイヤーとコンピュータ（CPU）が対戦します。

1. プレイヤーが【グー・チョキ・パー】のいずれかのボタンを押すとじゃんけんがスタート
2. コンピュータがランダムに【グー・チョキ・パー】を選ぶ
3. 画面に勝敗の結果が表示される
4. また、ボタンを押せば次のじゃんけんができる

【じゃんけんゲーム】スクリプトの入手

本記事で作成するスクリプトのプラグラムは、下記よりDLできます。
下記リンクからスクリプトをダウンロード
　　DL:janken.jsx

なお、【Illustratorスクリプトの使い方や作り方】について詳しく知りたい方は、【Illustratorの作業効率が上がる！【スクリプト】の使い方と作り方】の記事を参考にしてください。

2023.01.24

デザインを自動化する！Illustratorスクリプトの作り方

いつも訪問して頂きありがとうございます。 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 = ['グー','チョキ','パー']; //配列【０，１，２】
    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スクリプトを使った！じゃんけんゲーム【基本編】＞を
最後まで読んでいただき有難う御座いました。

にほんブログ村   人気ブログランキング

ガネメ現役サラリーマン

投稿者の過去記事

◇このブログでは、１５年以上DTPデザイナーとして、学んできたデザインやパソコンのセキュリティ知識・参考になった書籍などを紹介しています。
たまに、脇道にそれることもあります。

◇このブログはアフィリエイト広告を利用しています

◇取得資格
・情報セキュリティマネジメント
・ITパスポート
・色彩検定　２級
・色彩検定　UC級
・屋外広告士
・第２種電気工事士
その他・・・・