スライド
はじめに 「FilledSpriteShader」を Unity プロジェクトに導入することで Sprite で Radial 360 の fillAmount を設定できるようになります 使用例 使い方 Sprite Renderer のマテリアルに「SampleMaterial」を設定します （もしくは Shader が「Unlit/Fille…
はじめに 「2D Character Controller Tutorial」を Unity プロジェクトに導入することで シンプルな 2D のキャラクターコントローラを使用できるようになります 使用例 使い方 操作したいスプライトに「CharacterController2D」をアタッチします これで、左…
はじめに 「Unity-Shaders」を Unity プロジェクトに導入することで 雷のようなシェーダを使用できるようになります 使用例 使い方 マテリアルの Shader を「Custom/Lightning」に変更して各テクスチャを設定して、 このマテリアルをスプライトに割り当てる…
はじめに 「Flipbook Surface Shader for Unity」を Unity プロジェクトに導入することで 影の影響を受けるスプライトアニメーションを実装できるようになります 使用例 使い方 マテリアルの Shader を「Custom/SurfaceSpriteSheet」に変更することで使用で…
はじめに 「UnityShaderEffect」を Unity プロジェクトに導入することで スプライト用のグレーアウト、アウトライン、斜めシェーダを使用できるようになります 使用例 適用前 適用後 使い方 「Assets/2D/Sprite」フォルダ内のマテリアルやスクリプトを使用し…
はじめに 「SpriteOutline」を Unity プロジェクトに導入することで スプライトにアウトラインを表示できるようになります 使用例 適用前 適用後 使い方 マテリアルの Shader を「Sprites/SpriteOutline」に変更して スプライトに設定することで使用できます…
はじめに 上記のサイト様が公開されているシェーダを使用することで Photoshop の選択範囲ようなアウトラインを使用できるようになります 使用例 使い方 上記のシェーダを Unity プロジェクトに導入し、 マテリアルを作成して Shader を「Sprites/Outline (M…
はじめに 「Sprites-Outline」を Unity プロジェクトに導入することで スプライトでアウトラインを使用できるようになります 使用例 適用前 適用後 使い方 スプライトに「SpriteOutline」をアタッチすることで使用できます
はじめに 「CharacterController2D」を Unity プロジェクトに導入することで シンプルな 2D アクション用のキャラクター制御システムが使用できるようになります 使用例 クイックスタート 操作したいスプライトに下記のコンポーネントをアタッチします Chara…
はじめに 「CharacterController2D」を Unity プロジェクトに導入することで シンプルな 2D のキャラクターコントローラを使用できるようになります 使用例 使い方 操作したいスプライトに「CharacterController2D」をアタッチします また、空のゲームオブジ…
はじめに 「Ultimate Billboard」を Unity プロジェクトに導入することで 円柱型、球形のビルボード（フォグ適用可）を使用できるようになります 使用例 マテリアルの Shader を「Sprites/UltimateBillboard」を変更すると使用できます 項目 内容 Use Fog フ…
はじめに TexturePacker でパッキングしたテクスチャは SpriteRenderer や uGUI の Image で使用することができます 検証環境 Unity 2018.3.7f1 TexturePacker 4.12.1 準備 上記サイトから TexturePacker をインストールします また、 「TexturePacker Impor…
概要 using UnityEditor; using UnityEditor.U2D; using UnityEngine.U2D; public static class Example { [MenuItem( "Tools/Hoge" )] private static void Hoge() { var path = "【SpriteAtlas のパス】"; var atlas = AssetDatabase.LoadAssetAtPath<SpriteAtlas>( pat</spriteatlas>…
概要 using UnityEditor; using UnityEditor.U2D; public static class Example { [MenuItem( "Tools/Hoge" )] private static void Hoge() { SpriteAtlasUtility.PackAllAtlases( BuildTarget.Android ); } } SpriteAtlasUtility.PackAllAtlases を使用する…
概要 Sprite Atlas を使用している状態で Frame Debugger を見てもドローコールがまとめられていない場合、 Unity の「Project Settings > Editor」の 「Sprite Packer > Mode」が 「Always Enabled」になっているのであれば、 Unity エディタ再生中に Frame…
概要 パッキング対象のスプライトが多すぎたり大きすぎたりした場合、 「#1」「#2」のように連番付けされた別の Sprite Atlas にパッキングされます 別の Sprite Atlas にパッキングされるため Frame Debugger を見てみると描画がまとめられていない （ドロ…
はじめに 「Simple Sprite Trails」を Unity プロジェクトに導入することで 2D で斬撃エフェクトを実装できるようになります 使用例 使い方 斬撃エフェクトを表示したいスプライトに「Trail」という名前の子オブジェクトを作成して 「MeleeWeaponTrail」をア…
はじめに 「Sprite Ghost Trail Renderer」を Unity プロジェクトに導入することで 2D スプライトの移動の軌跡を描画できるようになります 使用例 使い方 「SpriteGhostTrailRenderer」をアタッチすることで使用できます
はじめに 「Uber Shader for Sprites」を Unity プロジェクトに導入することで スプライトでノーマルマップやスペキュラマップなどが使用できるようになります 使用例 クイックスタート この記事ではスプライトでノーマルマップを使用する方法を紹介していき…
使用例 使い方 上記のシェーダを Unity プロジェクトに導入して マテリアルを作成して Shader を「Particles/Negative」に変更して そのマテリアルをスプライトや uGUI の Image に設定します すると、そのスプライトや Image が重なっている箇所の色が反転…
使用例 使い方 上記のシェーダを Unity プロジェクトに導入して マテリアルを作成して Shader を「GUI/ReverseFont」に変更して そのマテリアルをスプライトや uGUI の Image に設定します すると、そのスプライトや Image が重なっている箇所の色が反転する…
はじめに 「NextGen Sprites」を Unity プロジェクトに導入することで 豊富にカスタマイズ可能なスプライト用のシェーダを使用できるようになります 使用例 その１ 使用例 その２ 適用前 適用後 色相変更 グレーアウト 輝度変更 コントラスト変更 UV スクロ…
はじめに 「Unity 2D Water」を Unity プロジェクトに導入することで 2D で水面を実装できるようになります 使用例 使い方 シーンに2つ目のカメラを配置して「ScreenSpaceWaterReflections」をアタッチします そして「Water」プレハブをシーンに配置すること…
はじめに 「Spritedow Animator」を Unity プロジェクトに導入することで Animator を使用せずにスプライトや UI のアニメーションを実装できるようになります 使用例 使い方 この記事ではスプライトのアニメーションを実装する方法を紹介していきます Unity…
はじめに 「Unity-2D-Sprite-cast-and-receive-shadows」を Unity プロジェクトに導入することで スプライトに影を落とすことができるようになります 使用例 使い方 スプライトを選択した状態で Inspector を Debug モードに変更して 「Receive Shadows」を…
はじめに 「PixelSpriteGenerator-Unity」ではドット絵を自動生成する処理を見ることができます 実装例
はじめに 「PixelArtGen」を Unity プロジェクトに導入することで ドット絵を自動生成できるようになります 使用例 使い方 ゲームオブジェクトに「Generator」をアタッチして 入力欄に文字列を設定することでドット絵を自動生成できます using UnityEngine; …
はじめに 「Pixel-Perfect-Retro-Camera」を Unity プロジェクトに導入することで ピクセルパーフェクトなカメラを使用できるようになります 使用例 通常のカメラ Unity Pixel Camera 使い方 カメラに親オブジェクトを作成して、その親オブジェクトに 「Snap…
はじめに 「Unity Pixel Camera」を Unity プロジェクトに導入することで ピクセルパーフェクトなカメラを使用できるようになります 使用例 通常のカメラ Unity Pixel Camera 使い方 カメラに「Pixel Camera」をアタッチすることで使用できます