![見出し画像](https://assets.st-note.com/production/uploads/images/137831844/rectangle_large_type_2_fee5d17e8e5480afa2f21266900299fb.png?width=1200)
[UEFN]タイクーンでよくある、浮いている文字の実装方法
◆ 背景
今回タイクーンゲームを始めて作りましたが、作り方が書かれた記事が少なくて困った、、、
ということでタイクーンの作り方的な記事をどんどん書いていこうと思います。
~自己紹介~
Nissyと申します。慶應義塾大学SFC二年(休学中)です。僕が代表を務める株式会社FortStudioではフォートナイトのマップを作っています。一緒にワクワクするマップを作りたい!という方はぜひXのDMからご連絡ください!
🎮Abyss Exploration "Boss Fight"🎮
— Nissy | FortStudio CEO (@Nissy_fortST) March 5, 2024
♟️Defeat the strange monsters!
🪬Get powerful weapons from treasure chests!
🔥Boss Fight !!
【 Abyss in Saga : Boss Fight 】
Code : 9045-2332-7700#Fortnite #UEFN pic.twitter.com/pku0KYgfv3
◆ 実装内容
まず第一弾としてタイクーンでよくある浮いている文字の実装方法です。(第一弾は基本的な実装方法書けよ!と言われそうですが、この内容から書きます。理由は気分です。)
文字の部分だけ表示され、切り抜いているように表示させます。
![](https://assets.st-note.com/img/1713530053977-I9O8P6j4q4.png?width=1200)
![](https://assets.st-note.com/img/1713530157447-HmrDs9Ix72.png?width=1200)
また、タイクーンゲームを見ていると、文字が見えやすいようにユーザーの方向に向くようになっていますが、今回はその実装は省きます。
(rotateに関する記事はたくさんあるのでそちらを参考に!)
◆ 手順
文字の画像を用意する
UEFNにインポート・マテリアルの設定
Cubeの設置・設定
1. 文字の画像を用意する
まず浮かせたい文字の画像を用意しましょう。僕はCanvaで作ってスクショしました。
![](https://assets.st-note.com/img/1713530283194-Vvmr3mZLy6.png?width=1200)
その次は作った画像の背景(不要な部分)を切り抜きましょう。
remove.bgというサイトが便利です。
2. UEFNにインポート・マテリアルの設定
次に用意した画像をコンテンツブラウザにインポートします。
そしてコンテンツブラウザの空いている部分を右クリックして、マテリアルを作成します。
![](https://assets.st-note.com/img/1713529671919-AOIGYwXqbd.png)
それではマテリアルの設定をしていきましょう。
ブレンドモードをMaskedに変更します。
![](https://assets.st-note.com/img/1713529740370-9ko3Ntgdk8.png)
次にオパシティマスククリップ値を0.01に変更します。
(".01"と入力しても0.01となります。豆知識。)
![](https://assets.st-note.com/img/1713529768676-bX9hfx19Js.png)
次にインポートした画像を二つ以下のように配置し、接合します。
プレビューを平面に設定すると以下のようになります。
マテリアルはこれで完成!
![](https://assets.st-note.com/img/1713529833686-JodkIialso.png?width=1200)
3. Cubeの設置・設定
あとは配置するだけです。
流れとしては立方体を薄くし、それにマテリアルを付与します。
以下のように形状からキューブを選びます。
![](https://assets.st-note.com/img/1713529859140-UrIaUWOpvk.png?width=1200)
それぞれの辺の大きさを変更します。以下は例です。
![](https://assets.st-note.com/img/1713537954345-vn5VSN2swi.png?width=1200)
マテリアルの設定。
![](https://assets.st-note.com/img/1713529955956-Axld8cC0nb.png?width=1200)
影を消したい場合は以下のようにチェックを外してください。
![](https://assets.st-note.com/img/1713529998355-yUDmDkFir6.png?width=1200)
コリジョン(当たり判定)をなくしたい場合は以下のようにNoCollisionに設定。
![](https://assets.st-note.com/img/1713530009970-2DXas6IQYB.png?width=1200)
完成!!
![](https://assets.st-note.com/img/1713538088571-lscarwOfWO.png?width=1200)
◆ 最後に
作業自体は簡単ですが、これを知識0でこなすのは難しいかと思います。(僕もそうでした)
そこでこれからも自分が作ったマップに関して、あまり記事として共有されていないものがあれば書いていこうと思います。
UEFNがリリースされてまだ一年くらいなので、みなさんも積極的に共有していきましょう!
この記事が気に入ったらサポートをしてみませんか?