Illustratorスクリプトを使った！じゃんけんゲーム【基本編】

ホーム
Illustratorスクリプト, デザイン
Illustratorスクリプトを使った！じゃんけんゲーム【基本編】

このサイトはアフィリエイト広告を利用してます

Illustratorスクリプトを使った！じゃんけんゲーム【基本編】

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

今回の内容は、

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

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

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

2023.12.15

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

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

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

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

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

「クリエイティブ」がわかる転職エージェント

●「量より質」を重視した求人のご紹介
●「クリエイティブがわかっている」
●「求人企業を深く知る・密接な関係」

登録無料
公式サイトをみる　▶

【じゃんけんゲーム】スクリプトの概要
【じゃんけんゲーム】スクリプトコード
免責事項
Illustratorスクリプトを使った！じゃんけんゲーム【基本編】まとめ

【じゃんけんゲーム】スクリプトの概要

じゃんけん「グーとパー」
まず、この章で【じゃんけんゲーム】スクリプトのルールなどについて解説します。
※読み飛ばしても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);
       
}