質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.12%

Cubeにひびが徐々に入っているように見せたい

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 1
  • VIEW 1,175

kimkim

score 66

 前提・実現したいこと

Scene内に配置してあるCubeにひびが徐々に入っていくように見せたいと思っています。

そこで、Cubeのすぐ手前にひびの画像を配置して、それをマスクのような物を利用して
徐々に見せていこうかと思ったのですが、うまくできません。

何かいい方法はあるでしょうか。

イメージ説明
イメージ説明
↑このひびを左から右に徐々に見えるようにしてひびが入っていくようにしたいです。

情報不足などありましたら随時追記していくのでご指摘お願いいたします。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

+8

ご質問者さんのおっしゃる方針でよさそうに思いますが、「うまくいかない」とはどういった状況でしょうか(実現方法が思いつかない...など)?
スプライトへのマスク掛けでしたらスプライトマスク - Unity マニュアルがご参考になりそうです。

マニュアルをもとにちょっとやってみましたところ、下図のような構成にして、マスク用スプライトを動かしてやれば徐々にひび画像を表示できそうです。

スプライトマスク

 追記

上記のやり方ですと、ひびが平坦で、キューブの上にひびの絵が描かれただけのように見えてしまってご不満かもしれません。
下図のような濃淡のあるひび画像を作っておいて...
ひび
キューブの前面にQuadを配置し、そのマテリアルを下記のような濃淡をもとに面の向きを決定するような形にすると...

Shader "Custom/Crack"
{
    Properties
    {
        _Color ("Color", Color) = (1, 1, 1, 1)
        _MainTex ("Albedo (RGB)", 2D) = "white" {}
        _BumpMap ("Normal", 2D) = "bump" {}
        _Glossiness ("Smoothness", Range(0, 1)) = 0.5
        _Metallic ("Metallic", Range(0, 1)) = 0.0
        _CrackTex ("Crack (Grayscale)", 2D) = "white" { }
        _Progress ("Crack Progress", Range(0, 1)) = 1.0
        _CrackHeight ("Crack Height", Range(0, 0.1)) = 0.05
    }

    SubShader
    {
        Tags { "Queue" = "AlphaTest" "RenderType" = "Opaque" }
        LOD 200

        CGPROGRAM

        #pragma surface surf Standard fullforwardshadows
        #pragma target 3.0

        sampler2D _MainTex;
        sampler2D _BumpMap;
        sampler2D _CrackTex;
        float4 _CrackTex_TexelSize;

        struct Input
        {
            float2 uv_MainTex;
            float2 uv_BumpMap;
            float2 uv_CrackTex;
        };

        half _Glossiness;
        half _Metallic;
        fixed4 _Color;
        float _Progress;
        float _CrackHeight;

        #define PROGRESS_EXPONENT 2.0
        #define CAVITY_EXPONENT 2.0

        inline float getAlpha(float2 uv, float2 edge)
        {
            return 1.0 - saturate(tex2D(_CrackTex, uv).r + smoothstep(edge.x, edge.y, uv.x));
        }

        void surf(Input IN, inout SurfaceOutputStandard o)
        {
            float2 edge = pow(_Progress, float2(PROGRESS_EXPONENT, 1.0 / PROGRESS_EXPONENT));
            float alpha = getAlpha(IN.uv_CrackTex, edge);
            clip(alpha - 0.00001);
            float cavity = 1.0 - pow(alpha, CAVITY_EXPONENT);
            float alphaYP = getAlpha(IN.uv_CrackTex + float2(0.0, _CrackTex_TexelSize.y), edge);
            float alphaXP = getAlpha(IN.uv_CrackTex + float2(_CrackTex_TexelSize.x, 0.0), edge);
            float alphaYN = getAlpha(IN.uv_CrackTex + float2(0.0, -_CrackTex_TexelSize.y), edge);
            float alphaXN = getAlpha(IN.uv_CrackTex + float2(-_CrackTex_TexelSize.x, 0.0), edge);
            float3 tx = float3(_CrackTex_TexelSize.x * 2.0, 0.0, (alphaXN - alphaXP) * _CrackHeight);
            float3 ty = float3(0.0, _CrackTex_TexelSize.y * 2.0, (alphaYN - alphaYP) * _CrackHeight);
            float3 normal = normalize(normalize(cross(tx, ty)) + UnpackNormal(tex2D(_BumpMap, IN.uv_BumpMap)));
            fixed4 c = tex2D(_MainTex, IN.uv_MainTex) * _Color;
            o.Albedo = c.rgb * cavity;
            o.Metallic = _Metallic;
            o.Smoothness = _Glossiness;
            o.Alpha = c.a;
            o.Normal = normal;
            o.Occlusion = cavity;
        }
        ENDCG

    }
    FallBack "Diffuse"
}


下図のように陰影の付いたひびにすることもできるかと思います。
陰影付きひび

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.12%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる