PIST

Game Jam 2020年 2月21～22日

2020-02-23T15:57:00.001+09:00

2/21(金)～22(土)の2日間で行われたGame Jamの報告になります。

今回のテーマは「とる」になり、
4チームに分かれて制作を行いました。

今回制作したゲーム一覧

A班

戦艦に乗り込んで、武器を駆使して突き進み

ボスを倒してアイテムを奪い「取る」ゲーム

B班

ステージの下に広がるマグマに落ちないようにしながら

各所に散らばっている果物を「取る」ゲーム

C班

暗い部屋の中でライトを照らしながら

警備のドローンに見つからないように、お宝を「取る」ゲーム

D班

迷路の中を駆け巡り、敵の歩く爆弾に「捕らえられ」ないようにするゲーム

建学祭2019に出展しました

2019-11-08T17:47:00.000+09:00

11/1(金)～11/3(日)に開催された建学祭にて、当ブースへ多数のご来場くださりありがとうございました。

出展したゲームの一覧

VRゲーム

ΔTime
雪合戦
I'm a bird
はすとらいぶ
Moonlight Nightmare
Music Game VR

PCゲーム

SKYS
ハゲがリア充を爆破するゲーム
シューティングゲーム
VANQUISHeR
3拍に1回上司が爆発する
トレジャーハンター
北風の巫女

設営中の写真

ゼロからはじめる Unity 基礎編 | Week 3 : 物理演算と銃

2019-05-31T17:26:00.000+09:00

Week 3 では、C#スクリプトと物理演算を使って、銃弾を飛ばしてみます。

クラスとインスタンス

物理演算を試してみる
Rigidbody と Collider
重力

弾を発射する
GetComponent<T>()
velocity

衝突判定
OnCollisionEnter(col) / OnTriggerEnter(col)

弾がものに当たったら消す
Destroy(obj)

時間で弾を消す
Destroy(obj, time)

プレハブ機能
ドラッグ＆ドロップ

たくさん発射する
GameObject型
Instantiate(obj)

弾数に制限を付ける
private変数を使ってみる

ゼロからはじめる Unity 基礎編 | Week 2 : うごく箱

2019-05-17T16:37:00.004+09:00

Week 2 では、C#スクリプトを使って箱の動きを制御していきます。
（この記事は書きかけです）

2.1 C#スクリプトの準備

C#スクリプトでは、C#言語でプログラムを書くことで、Unity上に配置したオブジェクトを制御することができます。

たとえば…

スペースキーを押すとプレイヤーがジャンプする
1秒おきに敵がプレイヤーめがけて弾を撃ってくる

などは、C#スクリプトで実現できます。

スクリプトの準備

まずC#スクリプトを作成し、それを動かしたいオブジェクトへアタッチします。

C#スクリプトを作成する

Project ウィンドウの Create から C# Script を選びます。

次に、C#スクリプト名を入力します。
C#スクリプト名は、かならず半角英数のみでつけます。
たとえば、プレイヤの制御につかうスクリプトなら「PlayerController」といった具合です。

スクリプトをアタッチする

次に、制御したいオブジェクトへスクリプトをアタッチします。

アタッチするには、スクリプトを選択し、オブジェクトのInspector上へドラッグ＆ドロップします。

作成したC#スクリプトをダブルクリックすると、Visual Studio が開き、プログラムを編集できるようになります。

2.2 プログラムを書くときの基本ルール

まずは、既存のプログラムを打ち込んでみましょう。

一般に、プログラム文のことを ソースコード や コード と呼びます。
以下の説明でも、プログラムのことを「コード」と呼んでいきます。

スクリプトを作成して、半角英数で Circular という名前をつけます。
この Circular を適当なオブジェクトへアタッチしたあと、以下のように打ち込んでみてください。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class Circular : MonoBehaviour
{
    public float radius = 2; // 回転半径
    public float speed = 3; // 回転速度

    void Start()
    {

    }

    void Update()
    {
        float t = speed * Time.time;
        float x = radius * Mathf.Cos(t);
        float y = radius * Mathf.Sin(t);
        transform.position = new Vector3(x, y, transform.position.z);
    }
}

C# でプログラムを打ち込むときのルールです。

基本的に半角英数のみを使う
(プログラム本文に全角文字や日本語を使うと面倒ごとが多いです)
アルファベットの大文字小文字は、別の文字として扱われる
(Player と player は別の名前として認識されます)

Unity へ戻ってプレイボタンを押すと、アタッチしたオブジェクトがグルグルと回転しはじめるはずです。

Visual Studio で赤波線が表示されたり、Unity でプレイボタンを押したときにエラーが出た場合は、打ち間違いがあるはずです。
大文字と小文字、カンマとピリオド、コロンとセミコロンなど、間違えていないかよく確認しましょう。

Console ウィンドウ

スクリプト内にミスがあると、エラーが出ることがあります。

スクリプトのエラーは、Unity の Consoleウィンドウ で確認できます。
表示するには、メニューの Window → General → Console を選択します。

ためしに、エラーを出してみましょう。
適当にめちゃくちゃな文字を打って、保存してみます。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class PlayerController : MonoBehaviour
{
    // Start is called before the first frame update
    void Start()
    {
        ncanckancjkasnckvunkancjaknczkxnjckasjnkva
    }

    // Update is called once per frame
    void Update()
    {
        
    }
}

Unityに戻ってみると、Console に赤くエラーが出ます。

この場合、表示されているように「; expected」というエラーとなります。
このエラーが言いたいことは、C#には命令の末尾に「;」を付ける規則があるので、それを守ってくださいね、というものです。

2.3 初期状態のC#スクリプトを読み解く

作成したC#スクリプトを開くと、最初からプログラムが書いてあるはずです。
この内容を、ざっと読み解いていきましょう。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class PlayerController : MonoBehaviour
{
    // Start is called before the first frame update
    void Start()
    {
        
    }

    // Update is called once per frame
    void Update()
    {
        
    }
}

コメント文

スラッシュ2個 // から行末までを コメント文 や 注釈文 といいます。

// Start is called before the first frame update

// Update is called once per frame

コメント文は、メモ書きを残すためのものです。
プログラムの実行内容には影響しません。

Start関数・Update関数

以下の2つが Start関数 と Update関数 とよばれるものです。

void Start()
{

}

void Update()
{

}

そもそも関数とは何なのでしょうか？
関数というのは、命令リストに名前をつけたまとまりのことです。

C# では、命令は関数の中にしか書けません。
ですから、プレイヤを動かしたり弾を撃ったりしたければ、それらの命令はすべて関数のなかに書いていくことになります。

Start関数の { } のなかに命令を書くと、最初に一回だけ命令が実行されます。
Update関数の { } のなかに命令を書くと、1フレームごとに実行されます。
たとえば、Unity が 60 FPSで動作しているとすれば、Update関数は1秒間に60回実行されます。

クラス

この部分は クラス といいます。

public class PlayerController : MonoBehaviour
{
    (略)
}

クラスは、C#スクリプトのひとまとまりを表すもの、と考えてください。
Unity側でスクリプトファイルの名前を変えた場合は、クラス名も変える必要があります。

using宣言

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

雰囲気でいえば、ファイルの先頭に using UnityEngine; と書くとスクリプトから Unity 上の機能が使えるようになる、といった感じです。使いたい機能が増えたときは、ここへ using 宣言を書き足すことがあります。

2.3 型と変数

本題の「箱を動かす」に入るまえに、型と変数について説明しておきます。

型とは

データやオブジェクトの種類のことです。

ゲーム制作でよく使う型には、以下のようなものがあります。

int型 : 整数値
float型 : 実数値
bool型 : 真偽値 (true / false のこと)
string型 : 文字列データ
Vector3型 : 3次元ベクトルデータ
Quarternion型 : 回転データ

ちなみに、Vector3 や Quarternion は、複数の float型が集まってできている、構造体とよばれるタイプの型です。
構造体型の新しいデータを作成するときは、 new 型名(入力データ) と書く決まりがあります。

変数とは

データを一時的にしまっておくものです。
変数は、データが入る「箱」として例えられることが多いです。

変数には、指定した種類のデータ（型）だけを格納できます。
整数から小数など、C#が自動的に変換してくれる型もあります。
しかし、整数型の変数へ文字列データを入れようとすると、エラーになります。

変数の内容は、基本的にプログラムが終了すれば消えてしまいます。
Unityであれば、プレイボタンがオフになると、すべて初期状態にもどります。

変数は基本的に自分で用意するものですが、あらかじめ C# や Unity が用意している変数もあります。

変数宣言（変数を用意する）

変数を作ってみましょう。

型名変数名;
で作れます。

例1: プレイヤーのスコアを整数で管理したいとします。
そこで、int型の playerScore 変数を用意します。
int playerScore;

例2: 弾丸のスピードを実数で管理したいとします。
そこで、float型の bulletSpeed 変数を用意します。
float bulletSpeed;

例3: 爆弾が起爆したかどうかのフラグを作りたいとします。
そこで、bool型の isExploded 変数を用意します。
bool isExploded;

代入（だいにゅう）

変数へデータをしまってみましょう。

例: プレイヤのスコアを管理したいので、変数 playerScore を用意してみました。
int playerScore;

さて、プレイヤのスコアを 100 にしたいとします。
変数 score に 100 をしまうには、
playerScore = 100;
のように「=」記号を使います。
このような命令文を代入といいます。

さらに、スコアを 23 だけ増やしたいとします。
その場合は、
playerScore = playerScore + 23;
のように「playerScore に 23 を足した数値」を代入すればよいです。
最終的に playerScore は 123 になります。

2.5 スクリプトでオブジェクトを動かす

Transform について (前回の復習)

Inspector ウィンドウの Transform が位置・回転・拡大縮小をあらわすのでした。

実は、Transform 内の数値をスクリプトから操作できるようになっています。

transform変数

Unity は、あらかじめ transform という変数を用意してくれています。
この transform を使って、アタッチしたオブジェクトの Transform を操作できます。

変数のなかの変数・関数

実は transform 変数の中には、さらに変数や関数が入っています。
そのなかに、オブジェクトの位置座標が格納されている position という変数があります。

変数のなかへアクセスするときは「.」をつかいます。
transform のなかの position を使うには transform.position と書きます。

さらに、position 変数のなかには x, y, z という変数が入っています。
それぞれ、オブジェクトのX座標, Y座標, Z座標をあらわしています。

その1 : 指定位置へ箱を移動させる

変数 transform.position のデータを書き換えれば、オブジェクトの位置が変わります。
transform.position = new Vector3(1, 2, 3);

オブジェクトのワールド座標を直接指定するやりかたです。
x = 1, y = 2, z = 3 の位置に移動します。

関数 transform.Translate(x, y, z) を利用する方法もあります。
transform.Translate(1, 0, 0);
移動する量を指定します。
x = 1, y = 0, z = 0 方向へ進みます。

その2 : 箱を動かし続ける

Update関数は、毎フレーム繰り返し実行されるのでした。
これを利用して、1フレームごとに箱を動かし続けてみます。
void Update()
{
transform.Translate(0, 1, 0);
}

やってみよう

3D空間上に、カプセルがあります。
ゲームを開始すると、（カメラから見て）斜め右上へ移動していきます。

このような動きをするスクリプトを書いてみよう。（制限時間 5分）

その3 : 速さを管理する

変数は、関数の内部か、クラスの直下でのみ宣言できます。

Start関数のなかに float型の moveSpeed という変数を用意してみます。
[コード]

最初から変数に値を入れておくこともできます。
[コード: float moveSpeed = 3;]

クラス直下に作った変数を、外部からアクセスしたり、インスペクタで編集したい場合は、public をつけます。
[コード: public float moveSpeed = 3;]

その4 : 2m先まで移動する

いまのところ、箱は無限の彼方まで移動しつづけてしまいます。
これは少し困るので、2メートル先まで移動したら、もう移動しないようにしてみます。

条件分岐 : if文
「もしこのときは、こうする」という、条件分岐のための文です。

比較演算子

論理演算子

その5 : あるキーを押したときだけ動かす

Input.GetKey(KeyCode.Space);
Keys.まで打つといろいろなキーの名前が出てきます。
いろいろなキーで試してみましょう。

やってみよう

3D空間上に箱があります。
左矢印キーを押すと、箱は左へ動きます。
右矢印キーを押すと、箱は右へ動きます。

このような動きをするスクリプトを書いてみよう。（制限時間 5分）

ヒント : 左矢印キーは KeyCode.LeftArrow、右矢印キーは KeyCode.RightArrow。

やってみよう

上の続きです。
箱を -5 ≦ x ≦ 5 の範囲内でしか移動できないようにしましょう。
（制限時間 5分）

Week 3 では、もっとゲームらしい動きを実装してみます。

次 : Week 3「物理演算と銃」

ゼロからはじめる Unity 基礎編 | Week 1 : なにもできないゲーム

2019-05-03T21:39:00.001+09:00

Week 1 では Unity の操作に慣れながら、いっさい動きのない 無のゲーム を作ってみます。
（……それ、本当にゲームなのかって？あんまり深く考えちゃダメだぞ！）

1.1 Unity のウィンドウ

さて、Unity を起動すると、いろいろなウィンドウが配置されています。

レイアウト

画面右上の Layout ボタンをクリックすると、ウィンドウの配置を変更できます。

初期状態に戻したくなったら Default を選んでください。

また、ウィンドウをマウスでドラッグして好みの配置にすることもできます。

ウィンドウ

Unity のさまざまなウィンドウのうち、頻繁に使うのが次の6つです。

Scene (シーン)
Hierarchy (ヒエラルキー)
Inspector (インスペクター)
Project
Game
Console (コンソール)

1.2 Scene ウィンドウ

ゲームの3D空間は、Scene ウィンドウから見ることができます。

Scene ウィンドウは、3D空間を編集するためのプレビュー画面です。
似たウィンドウに Game ウィンドウがありますが、ゲームプレイ中の画面が映るもので、編集はできません。

シーンをグルグル回してみる

マウス中ボタンを押したままマウスを移動すると、平行移動します。

Alt + クリック で、視点を中心とした回転移動ができます。

マウスホイールを回すと、近寄ったり遠ざかったりできます。

ちなみに、3D空間上にある「太陽マーク」は照明、「カメラマーク」はカメラです。
いまの3D空間は、太陽とカメラしかない、まっさらな状態です。

1.3 Hierarchy とオブジェクト

いくらテーマが「無のゲーム」とはいえ、これでは寂しいです。
なにか物体を置いてみましょう。

物体を置いてみる

Hierarchy ウィンドウの Create ボタンをクリックし、3D Object → Cube を選びます。

シーン上に Cube (立方体) が出てきました。

他にも、Sphere (球)、Capsule (カプセル形)、Cylinder (円筒形)、Plane (平面) などがあります。
いろいろ作ってみましょう。

Hierarchy 上にある物体ひとつひとつのことを、オブジェクト や ゲームオブジェクト と呼んでいます。

親子関係

Hierarchy ウィンドウ上で、オブジェクトを他のオブジェクトでグループ化できます。

親子関係をつけるには、子オブジェクトをドラッグし、親オブジェクト上へドロップします。
[画像]

親オブジェクトとして、空っぽのオブジェクトを使うことも多いです。
Hierarchy ウィンドウの Create から Create Empty を選択すると、空のオブジェクトが作成されます。
[画像]

1.4 Inspector と Transform

たくさんオブジェクトを置いたのはよいのですが、物体が散乱したカオス状態になってしまいました。

位置やサイズを調整して、きちんと並べてみましょう。

オブジェクトの位置を移動する

画面左上にある 四方向矢印のボタン をクリックしてください。

この状態でオブジェクトを選択すると、位置を変更するためのバーが出てきます。

おおまかな位置決定は、この方法がやりやすいです。
しかし、オブジェクトをきれいに整列させたいときなどには、操作しづらいです。
そんなときは、Inspector を使ってオブジェクトの位置を設定してみましょう。

Position(位置), Rotation(回転), Scale(拡大縮小)

オブジェクトを選択すると、Inspector ウィンドウに設定項目が現れます。

（右側が Inspector）

一番上の Transform と書いてある欄が、位置・回転・拡縮に相当します。
位置を移動させると、Position の数値が変化していることがわかります。

Positionの値を手入力すれば、綺麗に整列させることができます。
（XとZを0〜8の偶数で入力した場合）

他にも Rotation で回転、Scale で拡大縮小ができます。

これらを駆使して、あなただけの「無のゲーム」のステージを構築しましょう。

1.5 マテリアル

うまく並べられましたが、まだ彩りがありません。
今度は、オブジェクトに色をつけてみましょう。

マテリアルで色を変える

オブジェクトの色・模様・質感は、マテリアル を用意することで変更できます。
ここでは、色を変更してみましょう。

Project ウィンドウにある Create ボタンをクリックし、Material を選択します。

次に、マテリアルにつける名前を入力します。
わかりやすければなんでもOKです。ここでは「無」としました。

これで、マテリアルのデータが作成されました。
作成したマテリアルをクリックすると、Inspector にマテリアルの設定が出てきます。
物体の色合いは Albedo (アルベド) で設定します。
Albedo の横にある四角い枠をクリックして、物体の色を選びます。

こうして用意したマテリアルを、オブジェクトにドラッグ＆ドロップします。
すると、マテリアルが適用されて、さきほど設定した色になりました。

Project ウィンドウは、おもにデータファイルを管理するためのものです。
マテリアルの他にも、3Dモデル・画像ファイル・音声ファイルなども Project ウィンドウで管理します。

1.6 Gameウィンドウとプレイモード

ゲーム画面がにぎやかになってきました。
そろそろ、ゲームをプレイしてみましょう。

ゲームを実行する

画面上部中央あたりに Play ボタン があります。
これをクリックすると、ゲームがはじまります。

背景の色がやや濃くなり、Play ボタンが青く光れば、プレイモードになっています。

Play ボタンをもう一回押すと、元の編集画面に戻ります。

Game ウィンドウに、ゲーム画面が出てくるはずです。
……あれ、オブジェクトの位置が変ですね。

それもそのはず、カメラの映る範囲がきちんと設定されていないからです。

カメラを移動させる

Game ウィンドウに映るのは、カメラ (Main Camera) がとらえた映像です。

Camera Preview を見つつ、カメラの位置を直してみました。

ふたたびプレイボタンを押すと、うまく映っていることを確認できました。

プレイモードでの変更はゲーム終了時にリセットされる

最後に、ひとつだけ注意点があります。
プレイモード中にオブジェクトを追加・編集しても、ゲームを終了するともとに戻ってしまいます。

せっかく組み上げたステージが消えてしまった……！ということにならないよう、気をつけましょう。

ここまで作ってきたものは、プレイボタンを押しても、なにも動きがありません。
さんざん「無のゲーム」と言い張ってきましたが、正直なところ、まだゲームと呼ぶには厳しいところがあります。

ゲームらしい動き、たとえば「キー操作でプレイヤを移動させる」「敵が弾を撃ってくる」などを実現するには、プログラミング言語 C# を使ってスクリプトを書く必要があります。

次回は、C#スクリプトでオブジェクトを動かしてみましょう。

次 : Week 2「うごく箱」

ゼロからはじめる Unity 基礎編 | Week 0 : Unity をはじめよう

2019-05-03T18:50:00.000+09:00

ゼロからはじめる Unity 基礎編 : Week 0

ゲームエンジン Unity を使ってゲームを作るシリーズ記事です。

「ゼロからはじめる」とあるように、プログラミングの経験がない方もターゲットです。

このチュートリアルは、おおよそ次の流れで進んでいきます。

Week 0 : 開発環境を整える
Week 1 : 基本操作に慣れる
Week 2, 3 : C#言語でプログラムを書いてみる
Week 4 : 最終的にゲームらしく仕上げる

0.1 必要なソフトをインストールする

Unity 本体 と Visual Studio が必要です。
これらのインストールには時間がかかるので、余裕があるときにおこなっておきましょう。

Unity Hub のインストール

Unity 公式サイト https://unity.com/ja へアクセスします。

「はじめる」をクリックすると、プランを聞かれます。
ここでは無料で利用できる Personal 版を選択します。

ファイルをダウンロードして実行し、Unity Hub をインストールします。

インストールが終わったら、Unity Hub を起動します。

この時点では、まだ Unity の本体はインストールされていません。
次のステップで、本体をインストールしましょう。

Unity 本体のインストール

画面中央あたりにある Download ボタンを押してください。

ダウンロードできるUnityのバージョン一覧が出ます。
表のいちばん上にあるのが、最新バージョンです。
右側にある Download ボタンを押してください。

ここで、インストール設定が出てきます。

「Visual Studio Community」や「Visual Studio for Mac」の項目があれば、チェックをつけておいてください。

ただし、大学から支給される Visual Studio Professional を利用したい方は、このチェックを外してください（Unity 上でプログラムを書くぶんには、Community版でもProfessional版でも大きな差はありません）。

Unity本体のインストールには時間がかかるので、気長に待ちましょう。

大学支給の Professional 版を利用する場合

※Visual Studio Community などをインストールした場合は不要です
東海大学の学生は、申請すれば誰でも Visual Studio Professional を利用できます（ただし Windows 版のみのようです）。
申請方法は、PISTメンバーなどに尋ねてください。

大学から発行されたシリアルナンバーは、大切に保管しておきましょう。
あるとき突然、シリアルナンバーの入力を求められることがあります。

Unity のインストールが完了したら、Visual Studio の関連付け設定をおこないます。
Unity を起動し、上部メニューの Edit → Preference を開きます。
左側の External Tools をクリックし、External Script Editor をクリックします。
リストのなかから Browse... を選び、C:\Program Files (x86)\Microsoft Visual Studio **.*\Common7\IDE\devenv.exe を選びます。
うまく設定されれば「Visual Studio 2015」などと表示されます。

さらに、Visual Studio 上にて、Unity との連携機能「Visual Studio Tools for Unity」のインストールが求められた場合、それもインストールしてください。

（だいぶ設定が煩雑なわりにさほど変わるわけでもないので、Unity 本体と一緒に Visual Studio Community を入れたほうが楽だと思います）

0.2 起動確認

インストールが終わったら、Unity を起動しましょう。

Unity Hub が開きます。
画面上部の新規をクリックし、新しいプロジェクトを作ります。
プロジェクト名は、なんでもかまいません。
Create Project をクリックしてください。

しばらくして、エディタ画面が出てくるはずです。

これでゲーム開発のための準備が整いました！
Unity の基本的な使い方は、Week 1 で説明していきます。

Unityのアカウント登録

アカウント登録をおこなうと、Asset Store というサイトを利用できるようになります。

Asset Store では、Unity用の3Dモデル・エフェクト・拡張機能などをダウンロードできます。
ゲームジャムで非常に重宝するので、ぜひアカウントを作成してみてください。

Visual Studio が重い場合

Visual Studio の起動が遅すぎる・重すぎる場合は Visual Studio Code (VSCode) というエディタを使ってみる手があります。
機能面では、Visual Studio とほとんど遜色ありません。

VSCodeは、頻繁にバージョンアップします。設定方法が変わることもあるのでここには書きませんが、「Unity Visual Studio Code」などで検索してみてください。

（以前は Mono Develop というエディタもあったのですが、Unity 2018.1 で廃止されました）

インストールや設定が盛りだくさんでしたが、以上で開発環境が整いました。
次からは、いよいよ Unity を触っていきます。

次 : Week 1「なにもできないゲーム」

ゼロからはじめる Processing | 第1回 : なにもしない

2018-04-22T00:42:00.001+09:00

「ゼロからはじめるProcessing」シリーズ第1回です。今回はなんと「なにもしません」。

今回の内容

setup や draw の意味を知る
コンソール画面に文字を表示してみる

なにもしないプログラム

まずは「なにもしないプログラム」からはじめていきます。

// プログラムを起動したとき、最初に１回だけ実行する
void setup()
{

}

// 画面を描画するとき定期的に実行する
void draw()
{

}

上のような、プログラミング言語で書かれたプログラムのことを ソースコード や コード と呼びます。

ためしてみよう

Processingを起動して、上のコードを実行してみてください。
ウィンドウが出てくることを確認できましたか？
この記事にはあと2箇所、コードを打ち込んでほしいところがあります。
まだProcessingを閉じないでくださいね。

さて、準備はできましたか。
ここからは、この「なにもしない」コードで何が起きているのか、ひとつひとつ紐解いていきます。

コメント文

「//」から行末までを コメント文 や 注釈文 といいます。

// プログラムを起動したとき、最初に１回だけ実行する
// 画面を描画するとき定期的に実行する

コメント文は、プログラムの動作に影響しません。
ソースコード中にメモ書きを入れるための機能です。

そのため、下のようにコメントを削除しても、動作はなんら変わりません。

void setup()
{

}

void draw()
{

}

setup関数

void setup()
{

}

「void setup() { … }」の部分を セットアップ関数 と呼びます。

void setup()
{
  // ここがセットアップ関数の中身。
  // ここに命令を書いていく
}

プログラミングでいう関数とは、（一般的には）命令リストに名前をつけたもののことです。

Processing には、波括弧 { } のなかへ順番に命令を書いていく、というルールがあります。
ここでは「setup」という名前を付けた、命令のかたまりを用意しています。

Processingで「setup」という関数を用意しておくと、プログラムの起動時に一回だけ、関数の中身に書いた命令を実行してくれます。
そのため、プログラムの下準備や初期化に使うことが多いです（これが setup という名前の由来です）。

ためしてみよう

セットアップ関数は、本当に1回だけ命令を実行するのか、確認してみます。
ためしに、文字を表示する print関数 を書き加えてみましょう。

void setup()
{
  print("セットアップ！"); // この命令を追加
}

このプログラムを実行すると、画面下部のコンソールに1回だけ「セットアップ！」と表示されるはずです。

draw関数

void draw()
{
  // ここがドロー関数の中身
}

「void draw() { … }」のパートは「ドロー関数」です。
セットアップ関数と同じように、命令を書けるようになっています。

ドロー関数は、プログラムが動いている限り、一定間隔で何度も実行されます。

そのため、この関数のなかに画面描画の命令を書いておけば、パラパラマンガの要領でアニメーションができます（これが draw という名前の由来です）。

ためしてみよう

ドロー関数から print を実行して、文字を表示させてみます。
本当に繰り返し実行されるのでしょうか。

void draw()
{
  print("ドロー！"); // この命令を追加
}

セットアップ関数のときと異なり、実行中にひたすら「ドロー！」と表示されつづけるはずです。

やってみよう

コンソール画面に「PIST」と表示し続けるプログラムを書こう。
（制限時間 : 2分）

// プログラムを起動したとき、最初に１回だけ実行する
void setup()
{

}

// 画面を描画するとき定期的に実行する
void draw()
{

}

おさらい　実行順は setup() → draw() → draw() → … のようになります。

次回からはグラフィックス編です。お楽しみに。

ゼロからはじめる Processing | 第0回 : Processing をはじめよう

2018-04-15T20:04:00.003+09:00

「ゼロからはじめる Processing」シリーズは、これからゲーム制作をはじめる方のための、Processing （プロセッシング）でプログラミングの基礎を学べる連載記事です。

Processing を用意する

ダウンロード

Processing は processing.org (公式サイト) から無料でダウンロードできます。
（以下は2018年4月現在のダウンロード手順です）

1. 「Download Processing」をクリック

2. 使っているOSと同じ版を選ぶ

起動する

ダウンロードしたZIPファイルを展開すると、 Processing の実行ファイルが出てきます。

この実行ファイルを開くと Processing が起動します。

Processing の開発画面

Web上で Processing を使う

Processing をうまく導入できない場合、オンラインで Processing プログラムを作成・共有できる「OpenProcessing」のようなサービスを使うこともできます。
OpenProcessing はアカウント登録が必要ですが、すぐにブラウザで動くという点では手軽ですね。

OpenProcessing を使う際の注意点

初期設定では、右側のバーにある Mode が P5js になっています。
この記事では本家 Processing の文法で書いていくので Processing.js に切り替えます。
（P5js モードでは JavaScript で書く必要があります）

「Mode」を「Processing.js」にする

はじめてのプログラム

Processing のプログラム編集画面に、以下のプログラムを打ち込んでみましょう。

void setup() {
  size(300, 300);
  frameRate(30);
  textSize(20);
}

void draw() {
  background(24);
  text("Yeah", 125, 150 + 100 * sin(frameCount / 15.0));
}

このプログラムを実行して、「Yeah」という文字が上下に移動すれば成功です。

以上で今回はおしまいです。

次回からは Processing を使っていろいろなものを作っていきます。お楽しみに。

おまけ : なぜ Processing がオススメなのか（蛇足）

PIST メンバーの多くは、ゲーム制作に Unity というゲームエンジンを使っています。Unity では C# というプログラミング言語を使います。
「なら最初から C# をやればいいじゃん」と言いたくなりますが、C# は構文が豊富で複雑になっているので、本当にはじめてという方にはあまりオススメできません。

入門にはC言語がよく使われますが、コンピュータの構造に振り回されがち（特に文字列の扱い）です。ゲーム制作のためのプログラミング入門として、もっと本質的で扱いやすい言語があるはずです。

代替候補のなかでも、有望だと考えているのが Processing です。

手軽
入手・利用しやすいです。また、OSに依存せずに動作します。
構文がシンプル
書き方が簡素なため、理解や習得をしやすいです。煩雑な記述を「おまじない」と呼んでうやむやにする必要はほぼないといってよいと思います。
C言語に似ている
書き方がC言語に似ているため、あとからC系文法のプログラミング言語 (C/C++, Java, C#, JavaScript, etc...) を習得しやすくなります。
グラフィカル
一般的なC言語の入門ではコンソールベースで開発することになりますが、「ゲーム制作のための」となると、CGを扱えるProcessingのほうが好ましいです。
また、C言語の Segfault (Windows であれば「動作を停止しました」や「Assertion Failed!」) のようなわかりづらい実行時エラーと格闘することも少ないです。
ただの学習用言語にとどまらない
ちょっとした動画作成、CGアルゴリズムの試作、ミニ Android アプリ制作、Arduino との通信……など、発展させていくこともできます。

例年 Unity でプログラムを書くときに困ってしまう方が続出するので、Processing がうまく役立てばよいなあ、と期待しています。

Processing 公式サイト : https://processing.org/
OpenProcessing : https://www.openprocessing.org/

Unity C# スクリプトの基本的な書き方 (1)

2017-11-25T20:34:00.001+09:00

Unity で C# スクリプトを書くチュートリアルです。

対象読者は「Unity を少しいじったことがあって、少しスクリプトも触ったけれどあまり慣れていない」という方です。

はじめに

スクリプトファイルをつくると、最初に以下のようなスクリプトのひな形が用意されます。
これをもとにスクリプトを書いていきます。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class Move : MonoBehaviour {

    void Start() {

    }

    void Update() {

    }

}

※以下のコード例では、 public class ... のくだりを省略して void Start() や void Update() のみを示します。

イベント関数

イベント関数 は、特別な関数名をつけておくことで 何かが起こったときにUnity側が実行してくれる関数 です。

スクリプトファイルを作成すると Start() と Update() というイベント関数が最初から用意されています。
たとえば Start 関数は、そのスクリプトを付けたオブジェクトが出現したときに実行されます。

よく使うイベント関数として、以下のようなものがあります。
ここではざっと眺めて「ふーん、そんなものがあるんだな」という認識でOKです。

Start
オブジェクトが作成された直後に呼び出される（正確には作成後最初の１フレーム目）
```
void Start() { ... }
```
Awake
オブジェクトが作成された直後に呼び出される（Start よりも先に呼び出されます）
```
void Awake() { ... }
```
Update
毎フレームに１回呼び出される
```
void Update() { ... }
```
FixedUpdate
常に一定間隔で呼び出される（物理演算と同期）
```
void FixedUpdate() { ... }
```
OnTriggerEnter, OnTriggerStay, OnTriggerExit
衝突判定が起きたときに呼び出される
（詳しくは「衝突判定」で紹介します）
```
void OnTriggerEnter(Collider other) { ... }
```
```
void OnTriggerStay(Collider other) { ... }
```
```
void OnTriggerExit(Collider other) { ... }
```

（より詳細な説明は Unity のドキュメント「イベント関数の実行順」が参考になります。）

1. コンソール

Unity には Console (コンソール) ウィンドウ というものがあります。
ここにはスクリプトのエラーメッセージ等が表示されます。

実は、自作のスクリプトからコンソールにメッセージを表示することもできます。
Debug.Log(～) を使います。

void Start() {
    Debug.Log("こんにちは");
}

「こんにちは」と表示される

最初に Debug.Log(～) を紹介した理由は、バグやミスを修正するときに役立つからです。

よくあるミスとして、変数の値が想定外になっていることが非常に多いです。このような場合、Debug.Log() で表示することで悪の根源を浮き彫りにできます。

バグやミスの修正すべき箇所がわからないときは Debug.Log() のことを思い出してください。

2. 移動と回転

Unity では Transform というオブジェクトが位置・回転・大きさなどを管理しています。
スクリプトからは this.transform と書けば、自分自身の Transform にアクセスできます。

移動

Transform の Translate 関数を使って移動させてみます。
１フレームごとにｚ軸方向へ 0.5 ずつ動いていきます。

void Update() {
    this.transform.Translate(new Vector3(0, 0, 0.5f));
}

ここで出てきた Vector3 は３次元ベクトルのことです。
つまるところ x, y, z の値が組になっただけのものです。

回転

Transform の Rotate 関数を使うと、オブジェクトを回転できます。
１フレームに５°ずつグルグル回転します。

void Update() {
    this.transform.Rotate(new Vector3(0f, 0f, 5f));
}

transform.position と transform.rotation

transform.position と transform.rotation を使うと、位置や回転を直接参照したり代入したりできます。
たとえば、

Debug.Log(this.transform.position);

とすると、現在の座標をコンソールに出力できます。

また、

this.transform.position = new Vector3(1, 1, 1);

とすればオブジェクトは (1, 1, 1) に移動します。

3. キー入力

GetKey / GetKeyDown / GetKeyUp

GetButton / GetButtonDown / GetButtonUp

GetAxis

4. 衝突判定

下準備

衝突判定するには、ぶつかる側 or ぶつかられる側に Rigidbody をつけておく必要があります。
また、ここでは OnTrigger～系のイベント関数を使いたいので、衝突判定をする側のコライダの Is Trigger を有効にしておきます。

衝突判定には OnCollision～系のイベント関数もありますが、挙動が不安定なことが多く、経験上実際にはあまり使わないことが多いです（OnCollision～系ではコライダが接している場所の座標を取得できるなど、使わざるを得ないこともありますが……）。

衝突判定のイベント関数

OnTriggerEnter : コライダに衝突した瞬間に呼び出される

void OnTriggerEnter(Collider other) {
    Debug.Log("OnTriggerEnter: " + other.tag);
}

OnTriggerStay : コライダに衝突しているあいだずっと呼び出される

void OnTriggerStay(Collider other) {
    Debug.Log("OnTriggerStay: " + other.tag);
}

ちなみに、衝突したあとオブジェクトが完全に静止すると、コライダが接触しているにもかかわらず OnTriggerStay が呼び出されなくなります。
この現象は、コライダが静止すると計算量を節約するために物理演算をしなくなる「スリープモード」になることが原因です。
こういった状況で OnTriggerStay を呼び出すようにするには、次のような対処法があります。

OnTriggerStay を処理してほしいときになったらスリープを解除する（Rigidbody の Wakeup() を呼び出す）
Rigidbody の sleepThreshold を負の値（-1など）に設定する

２つ目の選択肢は常に物理演算をはたらかせ続けることになるため、あまりおすすめはしません。

OnTriggerExit : 衝突したコライダから離れるときに呼び出される

void OnTriggerExit(Collider other) {
    Debug.Log("OnTriggerExit: " + other.tag);
}

5. 時間関連

数秒待ってから実行 : Invoke関数

Invoke("関数名", 秒数) を実行すると、その秒数だけ待ったあと、指定した関数を呼び出してくれます。
下の例では、5秒後に自分自身を削除しています。ゲーム内では「数秒後に銃弾を消す」といった処理に使えます。

void Start() {
    Invoke("Terminate", 5.0f);
}
void Terminate() {
    Destroy(this.gameObject);
}

1フレームの秒数 : Time.deltaTime

Time.deltaTime で現在の1フレームあたりの所要秒数を取得できます。

Update関数内でプレイヤーを移動するときなどによく使います。
たとえばUpdate関数内で 0.1 ずつ移動させるような場合、処理が重くなったりしてフレームレートが変わると1秒あたりの進む量が変わってしまいます。
そこで、1フレームの所要時間 (Time.deltaTime) が長ければ、そのぶん移動量 (Translate関数の中身) も増やすようにします。

void Update() {
    transform.Translate(Vector3.forward * 0.1f * Time.deltaTime);
}

ここまで、Unity でスクリプトを書く際に頻出する命令を、ざっくりと紹介してきました。
しかし Unity は高機能で巨大です。このブログですべて紹介することは無理があります。我々も Unity のクラスすべてを完全に理解しているだなんて、口が裂けても言えません。

ではどうするかというと、やりたいことをどうすれば実装できるか考えるために、情報を仕入れておく必要があります。

スクリプトの情報はどこから仕入れる？

C#スクリプトに用意されているクラス構成・メンバを調べる方法として、次の３つがあります。

ググって先人の知恵を借りる・ Unityの書籍を読む

検索エンジンを使って 「Unity　」＋「やりたい内容」 を検索します。
何を使えばどんなことができるのか把握するときに役立ちます。
たまに、とても秀逸な記事に出会えることがあるかもしれません。

また、書籍から知ることもできます。インターネットにくらべて情報量が少ないこともありますが、わかりやすい説明も多いです。

ただ気をつけてほしいのは「情報は古くなる」という点です。Unityは頻繁にバージョンアップするため、どこかのブログに載っていた方法や、書籍のサンプルが最新版では動かない、なんてこともあります。

エディタで一覧を眺める

Visual Studio や Mono Develop で this. と打ってみてください。
this の中身の一覧が出てきます。そのなかに transform もあるはずです。

さらに続けて this.transform. まで打つと、transform の中身の一覧が出てきます。
そのなかに Translate や Rotate 関数、position や rotation などがあるはずです。

項目を選ぶと、解説まで出てきます（たいがい英語ですが）。
ここで紹介している方法のなかでも非常に手っ取り早いです。

この方法で「おっ、この関数は使えそう」というものが見つかれば、ググるときの検索キーワードにもできます。

スクリプトリファレンスを見る

Unity Technologies は、親切なことに Unity のほぼすべてのクラスの資料を公開しています。
それが「スクリプトリファレンス」です。

わからないクラスや関数に出会ったとき、これが役立ちます。
スクリプトリファレンスは、とにかく詳しく載っています。

たとえば、Googleで「Unity Transform」と検索すると、Transformのリファレンスがひっかかります。
Transformクラスのページには、どんな変数や関数があるか、さらにその説明が記載されています。
変数や関数のページを見ると、サンプルコードが載っていることもあります。

ここまで Unity でよく利用するクラスを紹介してきました。
次回は、オブジェクトの設計図であるクラスの仕組みと作り方を見ていきます。

PISTのブログを開設しました

2017-11-25T13:47:00.002+09:00

東海大学のサークル PIST (Project Information Science Technology) のブログを開設しました。
活動報告、作品の公開、技術情報など幅広いコンテンツを投稿していきます。

Twitter はこちら : https://twitter.com/pistno5

テストページ

2017-11-25T12:46:00.002+09:00

投稿テスト

Google Code Prettify

ソースコードの色付け（シンタックスハイライト）ができる。

HTMLタグ例 : <pre class="prettyprint lang-***"> #include ... </pre>
lang-*** でコードの言語を指定できる。 (lang-c, lang-cs, lang-html, lang-js, ... )

注意点

ソースコードを編集する際は「HTML」モードに切り替える。
通常の「作成」モードでpreタグの中身を編集すると表示が崩れる。
タブ文字はスペース4個などに置き換える。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class TestScript : MonoBehaviour
{
    void Awake()
    {
        // comment
        Debug.Log("Test $\pi$");
    }
}

MathJax

$\LaTeX$ 記法を使って $y = ax + b$ や $\displaystyle \lim_{x \to 0} \frac{\sin x}{x} = 1$ といった数式を書くことができる。
数式を $ または \[ と \] で囲むと適用される。

TeX Wiki : https://texwiki.texjp.org/
LaTeXコマンドシート一覧 : http://www002.upp.so-net.ne.jp/latex/index.html

\[
\frac{\pi}{2} =
\left( \int_{0}^{\infty} \frac{\sin x}{\sqrt{x}} dx \right)^2 =
\sum_{k=0}^{\infty} \frac{(2k)!}{2^{2k}(k!)^2} \frac{1}{2k+1} =
\prod_{k=1}^{\infty} \frac{4k^2}{4k^2 - 1}
\]