Raspberlyのブログ

Quick Start Asset Pack(終了)

期間：2023年1月30日0時00分~2月5日23時59分59秒

GGJ(グローバルゲームジャム)向けのバンドルアセット。
通常より数が少ない分安価。また期間がかなり短いので注意。

独身セール(終了)

期間：2022年11月7日0時00分~11月12日23時59分59秒

毎年恒例、独身の日(11月11日)に開催されるセールです。
クーポンコードを入力することで、3650のアセットが50%オフになります。

クーポンコード: 1111SALE50OFF2022

※クーポンコードは決済時に入力します

セール対象アセットで記事があるのはこちら

パワーアップツールメガバンドル

期間：2022年10月19日0時00分~11月3日15時59分59秒

開発を手助けするツール系アセットのメガバンドルセールです。

真夏のインディ・キャンペーン第3弾

期間：～2022/9/1 3:59

真夏のインディ・キャンペーン第1弾、第2弾で人気だったアセットのセール

さらにクーポンコード「BESTOF2022」を入力すると、購入金額に応じてさらに割引！

決済時にクーポンコード BESTOF2022 を適用すると、セール対象アセットの一回の決済の合計金額が、税込110ドル以上のご注文でさらに5%、税込192.50ドル以上のご注文で10%、税込275ドル以上のご注文で15%、割引率を積み増しいたします。

以下対象アセットの紹介記事

パブリッシャーセール Procedural Worlds(終了)

期間：2022/6/29～2022/7/12 15:59:59

セール内容：Procedural Worlds製アセットのセール

GaiaなどでおなじみのアセットパブリッシャーProcedural Worldsのパブリッシャーセールです
同パブリッシャーからリリースされているアセットが50%OFFで購入できます

※この記事にはアセットストアアフィリエイトリンクが含まれています

2021-11-09

【アセット紹介】Fingers - Touch Gestures for Unity でタッチジェスチャーを実装する【Unity】

Unityネタ/Tips アセット紹介

今回はアセットの紹介をしていきます。
紹介するのはFingers - Touch Gestures for Unity。
タッチジェスチャーを簡単に実装できるアセットです。

f:id:Raspberly:20211109020803p:plain

お得なセール情報

現在アセットストアでは、パブリッシャー丸ごとセール第9弾を開催中！
ツールアセットの3巨頭である Pixel Crushers、 Digital Ruby (Jeff Johnson)、 Davit Naskidashviliのアセットが対象。
詳しくは↓のバナーからどうぞ

さらに今なら以下のアセット3つが無料でプレゼントされます。
今回紹介するFingers - Touch Gestures for Unityもそのひとつです。
入手方法はカートに入れてクーポンコード「TOOLBOX」を入力するだけです。

2021年11月9日16時59分までなので今のうちに購入処理をしておきましょう！

お得なセール情報
どんなアセット？
開発環境
インポートの確認
- デモシーンの確認
実際に試してみる
- ドラッグ&ドロップでオブジェクトを移動させる
  - プレハブの配置
  - コンポーネントのアタッチ
- Dパッドでユニティちゃんを移動させる
  - プレハブの配置
  - スクリプトの作成
まとめ

どんなアセット？

タップ、ダブルタップ、ピンチ、パン、ドラッグ&ドロップなどジェスチャー入力を簡単に実装できるアセットです。
形状認識やジョイスティック、Dパッドといったコントローラーも付属しています。

Fingersは、UnityでのUnityタッチ入力とジェスチャ処理に最適です。Fingersのジェスチャーは、低価格で使いやすいアーキテクチャとチュートリアルビデオを組み合わせた機能セットのトップです。FingersはすべてのUnityプラットフォームで動作します。ネイティブのモバイルAndroidまたはiOSジェスチャを使用したことがある場合は、Fingersを使用すればすぐに使用できます。

f:id:Raspberly:20211109034314p:plain

マウスとキーボードでもピンチ操作ができるデバッグ用機能もあります。

開発環境

Unity2020.3.22f1

Fingers - Touch Gestures for Unity ver3.0.3

インポートの確認

アセットインポート完了時はこんな感じです。

f:id:Raspberly:20211109013759p:plain

デモシーンの確認

Fingers/Demoの中にデモシーンが大量に用意されています。

f:id:Raspberly:20211107114645p:plain

とてつもなく豊富ですね。いくつか見ていきます。

基本的なジャスチャーの確認

DemoSceneで確認。
タップ、ダブルタップ、2本指パン、ピンチ、回転、スワイプ、
ドラッグ&ドロップなど基本的なジェスチャーを確認できます。

f:id:Raspberly:20211109012659g:plain

Dパッド(十字キー)でオブジェクトの移動

f:id:Raspberly:20211109012716g:plain

バーチャルスティックでオブジェクトの移動

f:id:Raspberly:20211109012839g:plain

ドラッグ&ドロップでオブジェクトの移動

2Dオブジェクト、3Dオブジェクト、UIの3種類用意されています。

f:id:Raspberly:20211109012731g:plain

一人称視点のコントローラー

f:id:Raspberly:20211109012747g:plain

特定の文字を認識

認識できる文字は限られているようです
L, X, O, V, U, -, |, /, \ , △, □,ライトニングボルト,チェックマークを認識できます

f:id:Raspberly:20211109013125g:plain

実際に試してみる

実際に試してみます。

今回は以下の2通りの挙動を作ってみます。
・ドラッグ&ドロップでオブジェクトを移動させる
・Dパッドでユニティちゃんを移動させる

ドラッグ&ドロップでオブジェクトを移動させる

基本的なタッチジェスチャーのドラッグ&ドロップをやってみます。
他のジェスチャーも大体同じように実装できます。

プレハブの配置

Assets/Fingers/Prefab/Resources/FingersScriptPrefabをシーンに配置します。

f:id:Raspberly:20211109004300p:plain

コンポーネントのアタッチ

移動させたいオブジェクト(今回はCube)を作成し、FingersDragDropComponentScriptコンポーネントをアタッチ

f:id:Raspberly:20211109012454p:plain

これで完成です。ゲームを実行するとロングタップでオブジェクトを移動させることができました。
とっても簡単！

f:id:Raspberly:20211109024453g:plain

イベントハンドラが用意されているので、
ドラッグ開始時、ドラッグ中、ドラッグ終了時に何か処理をさせるのも簡単。

using UnityEngine;
using DigitalRubyShared;

public class DragDrop : MonoBehaviour
{
    FingersDragDropComponentScript m_DragDropComponent;

    void Start ()
    {
        m_DragDropComponent = GetComponent<FingersDragDropComponentScript>();
        m_DragDropComponent.DragStarted += (sender, e) => DragStart();   
        m_DragDropComponent.DragUpdated += (sender, e) => DragUpdate();   
        m_DragDropComponent.DragEnded += (sender, e) => DragEnd();   
    }

    void DragStart()
    {
        Debug.Log("ドラッグ開始");
    }

    void DragUpdate()
    {
        Debug.Log("ドラッグ中");
    }

    void DragEnd ()
    {
        Debug.Log("ドロップ");
    }
}

イベントの設定ってこんな感じでいいのかしら

Dパッドでユニティちゃんを移動させる

DパッドUIを設置してユニティちゃんを移動させてみます。

プレハブの配置

Assets/Fingers/Prefab/Resources/FingersScriptPrefabをシーンに配置します。

f:id:Raspberly:20211109004300p:plain

Canvasを作成し、Assets/Fingers/Prefab/FingersDPadPrefabを配置します。

スクリプトの作成

SDユニティちゃんをシーンに配置し、以下のスクリプトをアタッチします。
ユニティちゃんの設定などは過去記事とほとんど同じです。

using UnityEngine;
using DigitalRubyShared;

public class DPad : MonoBehaviour
{
    [SerializeField] FingersDPadScript m_DPadSComponent;
    [SerializeField] GameObject m_Player;
    [SerializeField] Animator m_Animator;
    [SerializeField] float m_Speed = 3;

    void Start()
    {
        m_DPadSComponent.DPadItemPanned = DPadPanned;
    }

    void Update()
    {
        if(m_Animator.GetFloat("isMoving") != 0) m_Animator.SetFloat("isMoving", 0);
    }

    void DPadPanned(FingersDPadScript script, FingersDPadItem item, PanGestureRecognizer gesture)
    {
        if((item & FingersDPadItem.Right) != FingersDPadItem.None)
        {
            m_Player.transform.eulerAngles = new Vector3(0, 90, 0);
        }
        if((item & FingersDPadItem.Left) != FingersDPadItem.None)
        {
            m_Player.transform.eulerAngles = new Vector3(0, -90, 0);
        }
        if((item & FingersDPadItem.Up) != FingersDPadItem.None)
        {
            m_Player.transform.eulerAngles = new Vector3(0, 0, 0);
        }
        if((item & FingersDPadItem.Down) != FingersDPadItem.None)
        {
            m_Player.transform.eulerAngles = new Vector3(0, 180, 0);
        }

        m_Animator.SetFloat("isMoving", 1);
        m_Player.transform.position += transform.forward * m_Speed * Time.deltaTime;
    }
}

DPadがニュートラルになったときのイベントハンドラがなさそうなので、
ちょっと強引にアニメーションをリセットしています。

f:id:Raspberly:20211109033516g:plain

Dパッドの方向に合わせて移動しました。

まとめ

・Fingers - Touch Gestures for Unityを使うとジェスチャー処理が簡単に実装できる

ひと通りジェスチャーがそろっているのでスマホアプリの開発においてマストバイなアセットだと思います。

以上です。

他のアセットの紹介記事はこちら↓

スマホ向けバーチャルスティックを簡単に実装できるアセット「Joystick Pack」を過去に紹介しています。

※本記事にはAssetStoreアフィリエイトリンクが含まれています。

他、間違っている箇所、わかりにくい所がありましたらコメントにお願いします。

2021-10-23

【アセット紹介】Realistic Eye Movements でキャラクターの目を自然に動かす【Unity】

Unityネタ/Tips アセット紹介

今回はアセットの紹介をしていきます。
紹介するのはRealistic Eye Movements。
キャラクターの眼球やまぶたを自然に動かすアセットです。

f:id:Raspberly:20211023175625p:plain

お得なセール情報

現在アセットストアでは、ツール系アセットのメガバンドルセールを開催中！
時間も労力も節約できるツールアセットの中でも特に人気のアセットがお得に入手できちゃいます！
詳しくは↓のバナーからどうぞ

今回紹介する「Realistic Eye Movements」も対象アセットです。

お得なセール情報
どんなアセット？
開発環境
インポートの確認
- デモシーンの確認
実際に試してみる
まとめ

どんなアセット？

キャラクターの目を自然にアニメーションさせるアセットです。
現実の人間のように、眼球の細かい運動や瞬きを簡単に実装できます。
VRにも対応済み。

この使いやすいコンポーネントは、目、頭、まぶたをアニメーション化することで、キャラクターをよりリアルにします。公開された学術研究からの人間の動きのデータを使用して、説得力のある目のアニメーションを作成します。

待機状態とかにぴったり！

f:id:Raspberly:20211023171046g:plain

開発環境

Unity 2020.3.14f1
Realistic Eye Movements ver2.1.3

インポートの確認

アセットインポート完了時はこんな感じです。

f:id:Raspberly:20211023140711p:plain

デモシーンの確認

RealisticEyeMovementsDemoシーンがデモシーンになっています。
周りを見渡す挙動、カメラを見つめる挙動、ボールを見つめる挙動の3種類が確認できます。

f:id:Raspberly:20211023151533g:plain

※Built-in以外のプロジェクトではマテリアルかシェーダーを差し替えないと正常に表示されません

実際に試してみる

実際にキャラクターモデルに適用して、目やまぶたをアニメーションさせてみます。

f:id:Raspberly:20211023171046g:plain

このアセットはモデルのまぶたの仕組みでセットアップ方法が違います。

厳密には以下の3種類です。

・AdobeFuse（Mixamo）、MakeHuman、Autodesk Character Generator、DAZ Studio、ReallusionのCharacter Creator 3、UMAで生成されたキャラクター

・まぶたがボーンによって動くキャラクター

・まぶたがBlendshapeで動くキャラクター

今回はBlendsharpを使っているモデルで試してみます。
使うモデルはUnityChan SSUです。

他の形式のキャラクターモデルを使っている場合はこちらをどうぞ

コンポーネントのアタッチ

Animatorがアタッチされているオブジェクトにコンポーネントを2つアタッチします。LookTargetControllerとEyeAndHeadAnimatorの2つをアタッチ。

f:id:Raspberly:20211023163201p:plain

EyeAndHeadAnimatorの設定

Setupを開き、EyecontrolをMecanimEyeBonesに、EyelidcontrolをBlendshapesに設定。

f:id:Raspberly:20211023161302p:plain

目を開いている状態を保存

引き続きEyeAndHeadAnimatorを設定していきます。
次は目を開いて正面を見ている状態、目を閉じている状態、目を上に向けている状態、目を下に向けている状態の4つを保存します。

最初に正面を見ている状態から保存します。
ユニティちゃんの場合最初から正面を見ているので、何もせずインスペクターのSaveボタンを押します。

f:id:Raspberly:20211023161902p:plain

f:id:Raspberly:20211023162105p:plain

目を閉じている状態を保存

次に目を閉じている状態を保存します。
Blendshapeの値を変えて目を閉じている状態を作り、EyeAndHeadAnimatorのSaveボタンを押します。

ユニティちゃんの場合、UnityChanSSU_DynCol/MeshRoot/Head_DefからBlendshapeにアクセスできます。

f:id:Raspberly:20211023162951p:plain

Head_EyeCloseのスライダーを動かし目を閉じさせます。

f:id:Raspberly:20211023163435p:plain

f:id:Raspberly:20211023163539p:plain

この状態で、EyeAndHeadAnimatorのSaveボタンを押します。

f:id:Raspberly:20211023163608p:plain

これで保存されました。

目が上を向いている状態を保存

次は目が上を向いている状態を保存します。
目が開いている必要があるので、最初に保存した状態をロードするといいでしょう。

f:id:Raspberly:20211023163834p:plain

f:id:Raspberly:20211023163934p:plain

目が上を向いている状態を作るには眼球の角度を変える必要があります。
眼球はEyeAndHeadAnimatorのEyesボタンを押すと、自動的に選択してくれます。

f:id:Raspberly:20211023164026p:plain

f:id:Raspberly:20211023164042p:plain

この2つのオブジェクトの角度を調整して上を向いているようにしたら、

f:id:Raspberly:20211023165722g:plain

これまでと同じようにSaveボタンを押します。

f:id:Raspberly:20211023165015p:plain

※眼球の向きを変える時、rotationをglobalにしておくといいかも

f:id:Raspberly:20211023165654p:plain

目が上を向いている状態を保存

最後に下を向いている状態を保存します。
上を向いている時と同じ要領で眼球の角度を変えて、

f:id:Raspberly:20211023170340g:plain

Saveボタンを押します。

f:id:Raspberly:20211023170008p:plain

これで完了です。
最後は正面を向いた状態ロードしておきましょう。(間違って上書きしないよう注意)

f:id:Raspberly:20211023170436p:plain

シーンを再生してみるとユニティちゃんがまわりをキョロキョロしているのが確認できます。

f:id:Raspberly:20211023171046g:plain

目の動く頻度、スピード、最大角度などはインスペクターから調整できます。

f:id:Raspberly:20211023170646p:plain

特定のオブジェクトを見つめるようにする

次はキャラクターの顔を特定にオブジェクトに向かせます。
これはインスペクターだけではできないのでScriptから指定する必要があります。

以下のEyeLookat.csを作成し、

using UnityEngine;
using RealisticEyeMovements;

public class EyeLookat : MonoBehaviour
{
    public GameObject m_Target;
    [SerializeField] LookTargetController m_LookTargetController;

    void Start ()
    {
        m_LookTargetController.LookAtPoiDirectly(m_Target.transform);
    }
}

EyeAndHeadAnimatorやLookTargetControllerと同じオブジェクトにアタッチし、
向かせたいオブジェクトとLockTargetControllerコンポーネントを紐づけます。

f:id:Raspberly:20211025000604p:plain

これで完成。
ターゲットとして設定したSphereを常に見つめるようになりました。

f:id:Raspberly:20211025003108g:plain

目の可動域などはEyeAnd HeadAnimatorから調整できます。

f:id:Raspberly:20211025001331p:plain

まとめ

・Realistic Eye Movementsを使うと、目やまぶたの動きを自然にアニメーションさせることができる

以上です。

他のアセットの紹介記事はこちら↓

※本記事にはAssetStoreアフィリエイトリンクが含まれています。

他、間違っている箇所、わかりにくい所がありましたらコメントにお願いします。

2021-10-11

【アセット紹介】Highlight Plus でオブジェクトにハイライトをつける【Unity】

Unityネタ/Tips アセット紹介

今回はアセットの紹介をしていきます。
紹介するのはHighlight Plus。
オブジェクトにハイライトやグロウなどエフェクトをつけるアセットです。

f:id:Raspberly:20211011032859p:plain

お得なセール情報

現在アセットストアでは、アジアのユーザー限定のメガバンドルセールを開催中！終了しました
最大43.99ドルで23の高品質アセットが入手できちゃいます！詳しくは↓のバナーからどうぞ

今回紹介する「Highlight Plus」も対象アセットです。

お得なセール情報
どんなアセット？
開発環境
インポートの確認
- URP版の初期設定
- デモシーンの確認
実際に試してみる
まとめ

どんなアセット？

オブジェクトにハイライトをつけたり、
他のオブジェクトに遮られた時に透過したりなどエフェクト効果をつけるアセットです。

ハイライトプラスは、シーン内の3Dオブジェクトにアウトライン、グロー、オーバーレイ、シースルー、その他の効果を追加する強力なアセットです。HPは、プラットフォームの互換性とパフォーマンス、および汎用性を念頭に置いて設計されています。

**プラットフォームの互換性**

ビルトイン/標準パイプライン（Unity 2018.4+）

-Mac、Windows、Android、iOS、WebGLと互換性があります。

-VR互換。

-モバイルで超高速。

ユニバーサルレンダリングパイプライン（Unity 2019.3+）

アセットには、ユニバーサルレンダリングパイプライン用に設計されたバージョンも含まれています。

f:id:Raspberly:20211011032434g:plain

開発環境

Unity 2020.3.14f1

Universal RP ver10.5.1

HighlightPlus ver6.9

今回はURPプロジェクトで行いますが、Built-inでも同様の手順でできます。

インポートの確認

アセットインポート完了時はこんな感じです。
Unity標準のBuiltinとURP2種類のパッケージが用意されています。
プロジェクトに合ったパッケージをインポートします。

f:id:Raspberly:20211006004858p:plain

今回はURPでやります。
Assets/HighlightPlusBundle/HighlightPlus_URP_Pipelineをインポート

f:id:Raspberly:20211006014150p:plain

f:id:Raspberly:20211006014222p:plain

Built-inの場合はHighlightPlus_Builtin_Pipelineをインポートします。

インポート後は「HighlightPlus」というフォルダが作成されます。

URP版の初期設定

URPプロジェクトのみ以下の設定をします。
Project Settingsを開き、Graphics/Scriptable Render Pipeline Settingsから現在設定中のURP Assetをダブルクリック

f:id:Raspberly:20211006231308p:plain

InspectorビューのRenderer ListにあるRendererDataをダブルクリック

f:id:Raspberly:20211006232152p:plain

RendererDataのAddRendererFeatureボタンから、Highlight Plus Render Pas Featureを追加します。
これで準備完了です。

f:id:Raspberly:20211007000721p:plain

公式で解説動画もあります

デモシーンの確認

デモシーンはAssets/HighlightPlus/Demoの中にあります。

f:id:Raspberly:20211010225113p:plain

マウスが重なるとハイライトされるのが確認できます。

f:id:Raspberly:20211010230521g:plain

実際に試してみる

手っ取り早くキャラクターにハイライトをつけてみます。

今回はUnityChanURPを使用します。

コンポーネントのアタッチ

MeshRendererのルートになるオブジェクトにHighlightEffectコンポーネントをアタッチします。
今回のメインとなるハイライトや透過効果をつけるコンポーネントです。

f:id:Raspberly:20211010235602p:plain

ハイライトを有効化

HighlightEffectコンポーネントのHighlightedにチェックを入れるとハイライトが有効になります。

f:id:Raspberly:20211011000744p:plain

これは当然Scriptからも制御できます。

f:id:Raspberly:20211011002145p:plain

ハイライトが有効になるとこんな感じ、アウトラインや色味がつき強調表示されてる感を演出できます。

f:id:Raspberly:20211011002428p:plain

ここからはそれぞれの細かい機能を見ていきます。

アウトラインの設定

Outlineからアウトラインの設定ができます。
スライダーを0にするとアウトラインが無効化されます。

f:id:Raspberly:20211011002637p:plain

色や太さなどが調整できます。

f:id:Raspberly:20211011003400p:plain

グロウの設定

Outer GlowとInner Glowでグロウの設定ができます。
オブジェクトを発光させるような演出です。
スライダーを0にするとアウトラインが無効化されます。

f:id:Raspberly:20211011002803p:plain

Outer Glowはオブジェクトの外側に作用するグロウです。
強弱するアニメーション機能もあります。

f:id:Raspberly:20211011005138g:plain

Inner Glowはオブジェクトの内側に作用するグロウです。

f:id:Raspberly:20211011003712p:plain

オーバーレイの設定

Overlayからオーバーレイの設定ができます。
オブジェクトの上に色を重ねて強調するような演出ができます。

f:id:Raspberly:20211011003032p:plain

Outer Glowと同じくアニメーション機能もあります。

f:id:Raspberly:20211011005146g:plain

ターゲットの設定

Targetにチェックを入れるとターゲット機能が設定できます。
Rendererの位置に合わせてターゲットマーカーを表示する機能です。

f:id:Raspberly:20211011003206p:plain

ScriptでHighlightEffect.TargetFX()を呼び出すと表示できます。

f:id:Raspberly:20211011014836g:plain

シースルーの設定

SeeThroughはオブジェクトが別のオブジェクトに遮られたときに透過表示する機能です。
Neverにすると無効になり、Always When OccludedにするとHighlighted状態に関係なく表示されます。

f:id:Raspberly:20211011003229p:plain

f:id:Raspberly:20211011005215g:plain

シースルー機能が強すぎる時

別のオブジェクトに遮られたわけでもないのにオブジェクトのエッジが強調表示される場合、
DepthOffsetの値を調整することで解決できます。

f:id:Raspberly:20211011025735p:plain

f:id:Raspberly:20211011030143p:plain

ヒットFXの設定

HitFXはオブジェクトを一瞬強調表示する機能です。
見え方はオーバーレイに近い。

f:id:Raspberly:20211011005354p:plain

HitFX()を呼び出すと表示されます。

f:id:Raspberly:20211011005204g:plain

f:id:Raspberly:20211011005311p:plain

まとめ

Highlight Plusを使うと、オブジェクトに対してハイライトやアウトライン、シースルーなどエフェクトを与えることができる。

f:id:Raspberly:20211011032434g:plain

過去に類似する機能を持つアセット「Easy Performant Outline 2D | 3D」を紹介したことがあります。

どちらも一長一短なので、必要な機能に応じて使い分けるといいでしょう。
「Easy Performant Outline 2D | 3D」は2D3D両方で使えますが、
Highlight Plusで2Dをやりたい場合別売りのアセットが必要になります。

他のアセットの紹介記事はこちら↓

※本記事にはAssetStoreアフィリエイトリンクが含まれています。

他、間違っている箇所、わかりにくい所がありましたらコメントにお願いします。

2021-10-10

【勉強会レポ】: 📣 unity1week online共有会 #6

勉強会/イベントレポ勉強会/イベント-unity1week

勉強会のレポート(メモ)です。
参加したのはこちら「📣 unity1week online共有会 #6」

meetup.unity3d.jp

ハッシュタグ : #u1w共有会

f:id:Raspberly:20211010175004p:plain

アーカイブはこちら

前回はこちら

Unity 1週間ゲームジャム | フリーゲーム投稿サイト unityroom

unity1week共有会って何？
#1 ガワに振ったu2d振り返り
#2 GithubActionsを使ったu1wの開発の話
#3 継続は力なり
#4 作業単位で目的を決めたら上手くいった話
#5 ゲームの面白さを最初に決めると捗る話
#6 失敗しにくい『企画』と『調整』の話
#7 ゲーム作りの楽しさをゲームに
#8 親切なチュートリアルを試みた
#9 "シンプルで印象に残るゲーム"の追求
#10 一から素材を自作して、アクションゲームを作ってみた
感想

unity1week共有会って何？

unity1weekでいろんなゲームを遊んでいると
「どういう実装をしているんだろう」「どんな人が作っているのか」など気になることがいっぱい！

それら気になることを直接聞けばいいじゃん！というのがunity1week共有会の始まりで、
みんなで学んで成長することが趣旨です。

unity1weekについてはこちら

今回は10人の発表者にトークしていただきます。

#1 ガワに振ったu2d振り返り

ゲーム : 製造中

開発でやってみてよかったことをお話します

配色のお話

既存のデザインから配色しました。
テーマに合ったイラストを探し、AdobeColorからカラーパレットを抽出したものをイラレでデザイン。
結構いいものができたが、カラーパレットにない色はちょっと使いづらい

アニメーションのお話

アニメーションがだるい。→DOTweenで解決！圧倒的楽

短期決戦のお話

みんなUnity2Daysをやろうぜ！
Unity2Daysは二日間で完成させて投稿するというものです。

時間的・精神的余裕ができ、だらけないメリットがあるが二日間取り組める環境が必要。

#2 GithubActionsを使ったu1wの開発の話

ゲーム：プルプルスライム

https://t.co/NIsSnF9LA0 #u1w共有会の登壇スライドです
次回も何か発表したい
— ようさん (@ayousanz) 2021年10月10日

GitHub Actionsとは

GitHubの機能です。
テスト、ビルド、デプロイなどを自動化できます。
デプロイ先としてGithubPagesを採用しました。
手間をなくすためにGame CIを導入しています。

導入してよかったこと

・修正するごとにビルドする手間がなくなり、いつでもデバッグすることができFBを簡単にもらえた

・本番環境に近い環境でデバッグできたので前日に焦ることがなかった

つまづきポイント

・decompression fallbackはtrueにしないといけない、ただしunity roomに上げるときはfalse
・ビルドした後のファイルが100MBを超えるとアップロードできない

まとめ

u1wなど短期のゲームジャムだったらGitHub Actions+GameCIで簡単デバッグができる

#3 継続は力なり

ゲーム：诺亚的任务

発表した「継続は力なり」のスライドを公開しました！#u1w共有会 #unity1week https://t.co/TrgZb4AFcg
— kugi (@kugi_masa) 2021年10月9日

u1wと継続開発についてお話します

リソースの再利用

ボクセルモデルやアウトゲーム部分などを流用でき、今後に活かすこともできる
诺亚的任务も過去のプロジェクトをクローンして作られている

チームとしての継続開発

チームとして開発した時間、関係性などが蓄積されスムーズに開発できる

合わせて読みたい

note.com

まとめ

・継続して参加することで次に活かせる
・u1wと継続開発のループはいいぞ
・次回のお祭りも楽しむぞ

#4 作業単位で目的を決めたら上手くいった話

ゲーム：成長は戦闘中に

#u1w共有会
ありがとうございました。発表楽しかったです！
登壇資料をアップしました。https://t.co/XFI5lKn0FL
— SilCil (@hu_gsd_SilCil) 2021年10月9日

なぜu1wではRPGやSLGは少ないのか

作るのが大変(ボリュームがいる、調整が難しい)
1週間で作るのは難しいが好きなゲームなので挑戦しました

開発スケジュール

今まではサイクルでやっていたが、今回は手戻りなしの直線型で開発しました。

仕様を考える：Excelでペーパープロトタイプ(神とペンで遊べるような)
素材をつくる：画面レイアウトの確定、Inkscapeで作成
後はひたすら書く、仕様が確定しているので拡張性やメンテナンス性は無視して書く

まとめと感想

・各フェーズごとに目的が明確で迷いが減った
・初心に帰った開発だった、とても楽しい開発ができた

#5 ゲームの面白さを最初に決めると捗る話

ゲーム：中つなぎ

ゲームの面白さを最初に決めておくと迷いにくくなるお話をします。

中つなぎの開発

最初に面白さ(コンセプト)を決めて、コンセプトに沿って開発をする。
コンセプトを決めると、「ゲームが面白いか」ではなく「ゲームがコンセプトに沿っているか」という
客観的な問題に置き換えることができる。

開発はコンセプトに沿うものはやり、コンセプトに沿わないものはやらない(ハイスコアシステムなど)

工夫した点

・アクションに合わせたサウンド、エフェクトの設定(気持ちよくなるように)
・中を含んだ言葉を作る遊びなので中を目立たせる
・熟語はすぐに思い出せないのにあらかじめ表示しておく

まとめ

面白さ(コンセプト)を最初に決めてから開発することで
・そうすれば面白くなるのか迷わずに済んだ
・面白くするための作業が明確になった
・仕様変更が発生しないため手戻りが起きなかった

#6 失敗しにくい『企画』と『調整』の話

ゲーム：ActionNowLoading...

#u1w共有会ありがとうございました～
発表資料をアップしたので良ければ見ていただけるとhttps://t.co/oCBC8OZR3X
— sart@RYSTEL製作中 (@sart673) 2021年10月9日

企画の話

ゲームはプレイヤーの感情を動かすためのシステム。
「どのような感情/体験をさせたいか」を決め、それを実現するための仕様を考える。

オススメの企画フローは既存のゲームをプレイして面白いと思ったゲームの「何が面白いか」を抽出。
これを別の仕様で再現するとオリジナルの企画を作れる。

調整の話

調整とは基本的な実装以外の細かい作業全て。
ゲームをプレイして面白いと感じる瞬間には間違いなく作者の意図がこもっている。
作る側としては、この調整がプレイヤーにいくつ届くかが勝負。

全体のバランス設計

パズルゲームは簡単すぎても難しすぎてもつまらない。
苦手な人はとりあえずクリアができるように、
得意な人には課題を用意することでいろんな人が満足できるように調整しました。

u1wにはたくさんゲームがあるためみな忙しく、他のゲームをすぐやりたいと思っている。
そのようなプレイヤーがすぐ満足できる規模感にした。
他細かいステージ設計など

まとめ

・仕様を考える前に、要件を決める
・面白いゲームには糸を込めた調整が多く必要

#7 ゲーム作りの楽しさをゲームに

ゲーム：UnderDevelopment

アイデアのこだわり

きっかけは「開発中のゲームをそのままだしたらお題回収できるじゃん」というジョーク
→作りかけの要素をヒントに完成系を推理というパズルゲーム的アプローチ
→ゲームを完成させるパズルゲームなのでUnity

目的はあるけど正解は関係なくふざけてもいいというデザインにしました。

デザインのこだわり

・説明分は英語を減らし画面に出す
・操作できる部分できない部分をわかりやすくする

サウンドのこだわり

・自作サウンドはLogicProでMagical 8bit Plugを使用し、チップチューンを作成
・何度も聞くことになるので、イントロに時間をかけない、ネズミっぽい曲に

#8 親切なチュートリアルを試みた

ゲーム：Choose Your Bullet ～宇宙に爆裂を～

遅れましたが #u1w共有会発表資料です
没になった声の話と、原稿もそのまま載せてあります。https://t.co/lMLXGUnqaJ
— 田き (@gigigityou) 2021年10月10日

動機

自分のゲームの操作方法が複雑なのではと気づいた
たくさんゲームがあるため説明は読み飛ばしがち、
そこでチュートリアルを親切にすれば制作者が狙った体験をしてもらえるのではないかと考えた

構成

チュートリアルはゲームプレイ中に表示する。タイミングに応じて段階的に説明できる。

チュートリアルの作成

・仕様の文書化
→その文書から操作方法などプレイヤー視点で必要な情報を引き出し、
→同時にゲームを通じて制作者が与えたい体験を抜き出す
→それらの情報を適切な順番に並び替える(ステージデザインにも組み込める)

音声の活用

u1wでは肉声音声は少ない、そのためそこに注意がいきがち
聴覚からも情報を与えられるのでより説明が残りやすい

成果

チュートリアルを読んだ、親切だった~といったコメントがいただけた

まとめ

ゲームのわかりやすさはゲーム体験の向上に大事！
操作方法やわかりやすさをゲーム内で伝える効果は大きい

#9 "シンプルで印象に残るゲーム"の追求

ゲーム：ハイパー中国メイカー

今回の目標

プレイした人の印象に強く残るゲームを作る
・極力シンプルで奥深く
・ボイスの加工によるインパクト
・何をするゲームなのかを明白に

極力シンプルで奥深く

奥深さはランキング登録のタイミング。
失敗したらランキング登録できずに終了するようにし、駆け引きを発生させる

ボイスの加工によるインパクト

太鼓や銅鑼の音をつけて印象を変える

何をするゲームなのかを明白に

ゲームの遊び方はゲーム内で完結させる

u1wのページ内に操作方法を書いても見ない

これらを実行して

高い評価を得られた

反省点

誰にでも見せられるゲームにするべきだった(中国国籍の人がいい気になるかは・・・)

ややネタに走ってしまった

#10 一から素材を自作して、アクションゲームを作ってみた

ゲーム：ぷらなりんかねーしょん！

一から素材を自作して、アクションゲームを作ってみたという内容で話させていただきます。https://t.co/dlHJLSnhJ4
キャラクターグラフィック、アニメーション、利用したUniRx、UniTask、DOTweenなどを駆使して２Dアクションゲームを作ってみた備忘録になります。#u1w共有会 #unity1week
#u1w共有会
— Cz_mirror(Kazushige Mori) (@Cz_mirror) 2021年10月9日

作ろうと思った経緯

最初はお題「回」で何回でも復活するというコンセプトのゲーム。
当時はアクションゲームを作ったことがなく、グラフィックを作るスキルがなかった。
タイトルなどゲームで使えそうなものだけ作っていた。

次にキャラクターデザインに挑戦してみた

オリジナルのキャラクターデザイン

キャラクターを作る時にシルエット(特徴)を作るというテクニックが紹介されていたので、頭にプラナリアを載せて特徴をつくった。

www.youtube.com

2Dのアニメーション

動画を参考に作成
・頭をつぶれたおまんじゅうのように
・目を強調
・２頭身キャラの場合手足を長めに

www.youtube.com

アニメーションはこちらを参考に

aniduku.com

アニメーション制御はUniRxで制御

タイルマップ

回復用、ダメージ用のタイルマップを作成。
それぞれクラスを持たせて回復値やダメージの大きさを設定

ステージごとのBGM切り替えもタイルマップで設定。

シーンの切り替え

シーンをいきなり切り替えるのではなくフェードイン・フェードアウトを挟む

github.com

以上です。
発表者のみなさんお疲れさまでした。👏👏👏

感想

個人的によかったと思うのはLT6の調整のお話です。
クリアは簡単+やりこみ要素というのは、苦手な人得意な人ともに楽しめるいい調整だと思います。

ランキング上位ですとシロペンロードがまさにその通りでした。
あちらもクリアだけなら簡単ですが(簡単ではない)、チャレンジ要素もあるのでコンプリートしようと思うと、かなりのボリュームになるのがすごい。(それ抜きでも40ステージ用意されてる時点ですごい)

今回のu1wでもパズルゲームはたくさん投稿されていますが、難しすぎて○○で止まっちゃった系のコメントをちらほら見ます。
後に再開せずそのまま離れてしまう人のことを考えると、なんらかの救済措置やヒント表示機能を搭載したゲームが今後増えるのかもしれませんね。

他の投稿作品はこちら

unityroom.com

こちらは少し前に作ったランキング上位作品のリール動画です