ゲーム制作ツール ゲーム制作全般 フチ付きの画像を「綺麗に重ねる(?)」方法


This topic contains 0件の返信, has 1件の返信, and was last updated by  ろかん Lv.26 1 年 9 ヶ月.

  • 概要

    ゲームでのメッセージ背景の表示などで使えそうなテクニックになります。

    0
    結論として、上のような2つのフチ付きの画像を下のように綺麗に重ねる事ができるようになります。(↓はGIF画像です。クリックで動きます)

    1

    ポイント

    ポイントは画像をAとBのように「背景」と「フチ」に分解して利用することです。

    A
    2

    B
    3

    方法

    ① 始めに A の上に B を重ねて表示します。(これを C とします)
    4

    ② この CAB で挟み込むことで、フチ付きの画像を綺麗に重ねることを実現できます。
    まずは、C よりも上に背景となる A を重ねます。
    5

    ③ 次に、C よりも下にフチである B を重ねます。
    6

    ④ これで、フチ付きの画像を綺麗に重ねることができました。
    7

このナレッジに返信するにはログインしてください。