コンテンツへスキップ

Shin Naka’s Dev Log

Notes from building things.

メインメニュー
  • HOME
  • WALK ASIA
  • Dev Log
  • THE NAKADEMY AWARDS

【Beach of the Dead 開発記録 Ep11】砂のテクスチャの描き方【お塩】

Shin Naka(なかしん) 2021年6月26日 1 分読み取り
01356A4A-27F3-4A98-B509-34C3975B9B51

Table of Contents

Toggle
    • Share this post:
  • はじめに
    • 塩
    • Get Velocity
    • Raycast
    • 【Beach of the Dead 開発記録 Ep01】俺が主人公の俺ゲーを作るぜ!【インディーゲーム】
    • 【Beach of the Dead 開発記録 Ep02】納得のいく仮モデルが出来た話【Blender】
    • 【Beach of the Dead 開発記録 Ep03】俺の野望【Blender】
    • 【Beach of the Dead 開発記録 Ep04】ビジュアルスクリプティングの話 【Bolt vs PlayMaker】
    • 【Beach of the Dead 開発記録 Ep05】Macでゲーム開発【MacBook Pro】
    • 【Beach of the Dead 開発記録 Ep06】血のテクスチャの描き方【ヨーグルト】
    • 【Beach of the Dead 開発記録 Ep07】動画から音を抜いてUnityで鳴らす方法【iMovie】
    • 【Beach of the Dead 開発記録 Ep08】タイトルは『Beach of the Dead』に決定!【DeepL】
    • 【Beach of the Dead 開発記録 Ep09】iPhoneでモーションキャプチャー【TDPT】
    • 【Beach of the Dead 開発記録 Ep10】Xbox Oneのコントローラー設定【Input Manager】
    • 【Beach of the Dead 開発記録 Ep12】そろそろ限界なのか?【Xcode】
    • 【ゲーミングチェア】AKRacing Premium RAVENの組み立て所要時間は【約一時間】
    • 【Beach of the Dead 開発記録 Ep13】スト2っぽく6ボタン化計画
    • 【Beach of the Dead 開発記録 Ep14】UnityをアップデートしたらUnity Package Manager Errorとか【涙目】
    • 【自己紹介】なんで俺ゲーム作ってるんだっけ?
    • 【Beach of the Dead 開発記録 Ep15】パンガン島のフルムーンパーティみたいな炎の作り方
    • 【Beach of the Dead 開発記録 Ep16】iPhoneで動かす方法【Xcode】
    • 【Beach of the Dead 開発記録 Ep17】炎から炎のテクスチャを作る方法【フライパン】
    • 【Beach of the Dead 開発記録 Ep18】ソロゲーム作りで一番重要な事
    • 【Beach of the Dead 開発記録 Ep19】AR Beach of the Dead🔨👓
    • 【Beach of the Dead 開発記録 Ep20】テストプレイのやり方
    • 【Beach of the Dead 開発記録 Ep21】『ビーチ・オブ・ザ・デッド』ついに配信開始!
    • 【Beach of the Dead 開発記録 Ep22】『ビーチ・オブ・ザ・デッド』反省会
    • 【Beach of the Dead 開発記録 Ep23】Beach of the Dead ver1.0.10 アップデート情報(Android 13対応・APIレベル修正・データセキュリティ)
    • 【Beach of the Dead 開発記録 Ep24】『ビーチ・オブ・ザ・デッド』メニューリニューアル&広告削除!久しぶりに思い出しながらアップデートしてます【WALK ASIAリンク追加】
  • 著者について
    • Shin Naka(なかしん)
    • Share this post:

Share this post:

Share on X (Twitter) Share on Facebook Share on Email Share on SMS

はじめに

歩いた時に足元から出る、砂のエフェクトを作りたいのです。

皆さんは砂のテクスチャを描く時はどうしてますか?

自分ならフォトショップで描くかなぁ。

けど私物のMacBook Proにはフォトショップが入ってませんので、別の方法を考えましょう。

以前にヨーグルトで血を作りましたので、今回もその手法でいきましょう。

塩

今回は、お塩です。

マット板が電灯でテカらないように、電気を消してiPhoneのナイトモードで撮影しました。

つぶつぶが良い感じですね。ビーチの砂を塩から作るのは理にかなっていると言えます。

あとはMacBook ProのAffinity Designerで、その画像をマスクにして抜くだけ。

それをパーティクルに貼れば、ほらこの通り!

歩くと足元から砂が出るようになりました。

砂エフェクトだけ出しても砂に見えないので、地面にも適当に砂マテリアル(仮)を追加しました。

そしたらこないだ行ったインドのゴアみたいな風景になってしまいました!

【インド旅行記】EP03 ゴア空港からアンジュナビーチへ タクシーで行く方法

イイヨイイヨー。

しかしこの砂エフェクトを出すだけの事に、とても苦労したので以下に書き記します。

Get Velocity

歩くと出るエフェクトといえば、実は既にゾンビに転化した後は血のエフェクトが地面に垂れています。

あれは死んだら出す様にしてあるだけで、出っぱなしです。要調整案件で仮の仮の実装です。

というか、偶然の産物です。

本格的に歩いたら出る様にするには、自キャラの速度を求めて、動いてるかどうか判定する必要があります。

なのでGet Velocityを使いました。Velocityが0.5か、それ以上だとエフェクトを出すようにしました。

そしたら足元からエフェクトが出ました!

これで話はおしまいの様ですが、エフェクトが出るようになった途端、Raycastがぶっ壊れました。

Raycast

Raycastとは、茹でる前のそうめんみたいな細い棒なんです。

それを自キャラから発射して、ゾンビに接触するかどうかで至近距離にゾンビがいることを判定していました。

黄緑色の細い棒がRaycastです。

で、そのRaycastが砂エフェクトが出る様になったとたん、真下に落ちていくようになったのです。

ゲーム開発って、コレを実装したらアレがぶっ壊れるみたいなののオンパレードだよな。

もうココで二日くらい悩みました。

RaycastとGet Velocityは相性が悪いのかな?と思い、それらを使わない別の方法なども検討しました。

しかしRaycastが真下に落ちるって、「重力かよ!」と自分にツッコミを入れた時にヒラメキました。

Get Velocityを使うには、自キャラがRigidbodyでないと駄目だったのです。

なのでRigidbodyを追加して、設定の「Use Gravity」のチェックを外した所、Raycastが落ちなくなりました。

本当にRaycastは重力で落ちてたんだ。。。

ホンマに何が何やらわかりませんわ。

しかし、こんな事に気づくようになった俺って日々進化してるなと思います。

なんでこんな事が理解できるカラダになったんだ。

鍼が効いてるのかな?

もうここまで来たら、意地でも完成させてやるからな。

待ってろよ! App Store!

【Beach of the Dead 開発記録 Ep01】俺が主人公の俺ゲーを作るぜ!【インディーゲーム】

【Beach of the Dead 開発記録 Ep01】俺が主人公の俺ゲーを作るぜ!【インディーゲーム】

Share this post: Share on X (T…

【Beach of the Dead 開発記録 Ep02】納得のいく仮モデルが出来た話【Blender】

【Beach of the Dead 開発記録 Ep02】納得のいく仮モデルが出来た話【Blender】

Share this post: Share on X (T…

【Beach of the Dead 開発記録 Ep03】俺の野望【Blender】

【Beach of the Dead 開発記録 Ep03】俺の野望【Blender】

Share this post: Share on X (T…

【Beach of the Dead 開発記録 Ep04】ビジュアルスクリプティングの話 【Bolt vs PlayMaker】

【Beach of the Dead 開発記録 Ep04】ビジュアルスクリプティングの話 【Bolt vs PlayMaker】

Share this post: Share on X (T…

【Beach of the Dead 開発記録 Ep05】Macでゲーム開発【MacBook Pro】

【Beach of the Dead 開発記録 Ep05】Macでゲーム開発【MacBook Pro】

Share this post: Share on X (T…

【Beach of the Dead 開発記録 Ep06】血のテクスチャの描き方【ヨーグルト】

【Beach of the Dead 開発記録 Ep06】血のテクスチャの描き方【ヨーグルト】

Share this post: Share on X (T…

【Beach of the Dead 開発記録 Ep07】動画から音を抜いてUnityで鳴らす方法【iMovie】

【Beach of the Dead 開発記録 Ep07】動画から音を抜いてUnityで鳴らす方法【iMovie】

Share this post: Share on X (T…

【Beach of the Dead 開発記録 Ep08】タイトルは『Beach of the Dead』に決定!【DeepL】

【Beach of the Dead 開発記録 Ep08】タイトルは『Beach of the Dead』に決定!【DeepL】

Share this post: Share on X (T…

【Beach of the Dead 開発記録 Ep09】iPhoneでモーションキャプチャー【TDPT】

【Beach of the Dead 開発記録 Ep09】iPhoneでモーションキャプチャー【TDPT】

Share this post: Share on X (T…

【Beach of the Dead 開発記録 Ep10】Xbox Oneのコントローラー設定【Input Manager】

【Beach of the Dead 開発記録 Ep10】Xbox Oneのコントローラー設定【Input Manager】

Share this post: Share on X (T…

【Beach of the Dead 開発記録 Ep12】そろそろ限界なのか?【Xcode】

【Beach of the Dead 開発記録 Ep12】そろそろ限界なのか?【Xcode】

Share this post: Share on X (T…

【ゲーミングチェア】AKRacing Premium RAVENの組み立て所要時間は【約一時間】

【ゲーミングチェア】AKRacing Premium RAVENの組み立て所要時間は【約一時間】

Share this post: Share on X (T…

【Beach of the Dead 開発記録 Ep13】スト2っぽく6ボタン化計画

【Beach of the Dead 開発記録 Ep13】スト2っぽく6ボタン化計画

Share this post: Share on X (T…

【Beach of the Dead 開発記録 Ep14】UnityをアップデートしたらUnity Package Manager Errorとか【涙目】

【Beach of the Dead 開発記録 Ep14】UnityをアップデートしたらUnity Package Manager Errorとか【涙目】

Share this post: Share on X (T…

【自己紹介】なんで俺ゲーム作ってるんだっけ?

【自己紹介】なんで俺ゲーム作ってるんだっけ?

Share this post: Share on X (T…

【Beach of the Dead 開発記録 Ep15】パンガン島のフルムーンパーティみたいな炎の作り方

【Beach of the Dead 開発記録 Ep15】パンガン島のフルムーンパーティみたいな炎の作り方

Share this post: Share on X (T…

【Beach of the Dead 開発記録 Ep16】iPhoneで動かす方法【Xcode】

【Beach of the Dead 開発記録 Ep16】iPhoneで動かす方法【Xcode】

Share this post: Share on X (T…

【Beach of the Dead 開発記録 Ep17】炎から炎のテクスチャを作る方法【フライパン】

【Beach of the Dead 開発記録 Ep17】炎から炎のテクスチャを作る方法【フライパン】

Share this post: Share on X (T…

【Beach of the Dead 開発記録 Ep18】ソロゲーム作りで一番重要な事

【Beach of the Dead 開発記録 Ep18】ソロゲーム作りで一番重要な事

Share this post: Share on X (T…

【Beach of the Dead 開発記録 Ep19】AR Beach of the Dead🔨👓

【Beach of the Dead 開発記録 Ep19】AR Beach of the Dead🔨👓

Share this post: Share on X (T…

【Beach of the Dead 開発記録 Ep20】テストプレイのやり方

【Beach of the Dead 開発記録 Ep20】テストプレイのやり方

Share this post: Share on X (T…

【Beach of the Dead 開発記録 Ep21】『ビーチ・オブ・ザ・デッド』ついに配信開始!

【Beach of the Dead 開発記録 Ep21】『ビーチ・オブ・ザ・デッド』ついに配信開始!

Share this post: Share on X (T…

【Beach of the Dead 開発記録 Ep22】『ビーチ・オブ・ザ・デッド』反省会

【Beach of the Dead 開発記録 Ep22】『ビーチ・オブ・ザ・デッド』反省会

Share this post: Share on X (T…

【Beach of the Dead 開発記録 Ep23】Beach of the Dead ver1.0.10 アップデート情報(Android 13対応・APIレベル修正・データセキュリティ)

【Beach of the Dead 開発記録 Ep23】Beach of the Dead ver1.0.10 アップデート情報(Android 13対応・APIレベル修正・データセキュリティ)

Share this post: Share on X (T…

【Beach of the Dead 開発記録 Ep24】『ビーチ・オブ・ザ・デッド』メニューリニューアル&広告削除!久しぶりに思い出しながらアップデートしてます【WALK ASIAリンク追加】

【Beach of the Dead 開発記録 Ep24】『ビーチ・オブ・ザ・デッド』メニューリニューアル&広告削除!久しぶりに思い出しながらアップデートしてます【WALK ASIAリンク追加】

Share this post: Share on X (T…

作成中のグラフィックは @oknaka のインスタで晒しています。

作成中の動画は @oknaka のYouTubeで晒しています。

作成中のBGMは @tigeronbeat のインスタで晒しています。

フォローよろしくお願いします。

著者について

アバター

Shin Naka(なかしん)

Administrator

東京を拠点に、旅の記録〈Walk Asia〉、制作の記録〈Shin Naka’s Dev Log〉、観た映画の私的アワード〈THE NAKADEMY AWARDS〉を個人のログとして書いています。 完成した作品は TIGER ON BEAT 名義で発表しています。

ウェブサイトにアクセス すべての投稿を表示

Share this post:

Share on X (Twitter) Share on Facebook Share on Email Share on SMS

投稿ナビゲーション

前: 【Beach of the Dead 開発記録 Ep10】Xbox Oneのコントローラー設定【Input Manager】
次へ: 【Beach of the Dead 開発記録 Ep12】そろそろ限界なのか?【Xcode】

関連記事

image

【Beach of the Dead 開発記録 Ep24】『ビーチ・オブ・ザ・デッド』メニューリニューアル&広告削除!久しぶりに思い出しながらアップデートしてます【WALK ASIAリンク追加】

Shin Naka(なかしん) 2025年4月26日
image

【Beach of the Dead 開発記録 Ep23】Beach of the Dead ver1.0.10 アップデート情報(Android 13対応・APIレベル修正・データセキュリティ)

Shin Naka(なかしん) 2025年3月29日
image

【Gold 開発記録 Ep04】GitHubにPushできないと思ったら〜、そもそもGitLabでした〜、チクショー!!ゲーム開発の記憶どこいった?

Shin Naka(なかしん) 2025年3月27日

Trending News

【Spark AR】ゾンビ・ボイス・チェンジャーの作り方 dawn 1

【Spark AR】ゾンビ・ボイス・チェンジャーの作り方

2021年2月25日
【Spark AR】Instagramフィルター『Vinyl / レコード』の作り方 5ECD9AE9-246B-4B1F-9B84-209EF3F9A87A 2

【Spark AR】Instagramフィルター『Vinyl / レコード』の作り方

2021年2月1日
【Spark AR】ARエフェクト『Halo / 後光』の作り方 icon 3

【Spark AR】ARエフェクト『Halo / 後光』の作り方

2021年1月21日
【Spark AR】Altern 8のマスクの作り方 icon_altern8 4

【Spark AR】Altern 8のマスクの作り方

2021年1月11日
【Spark AR】『ピヨり』ARエフェクトの作り方 icon_stun 5

【Spark AR】『ピヨり』ARエフェクトの作り方

2021年1月6日

Posts Slider

IMG_3808

【物理SIMからeSIMへ引越し方法】iPhone 17 Pro MaxでiCloudなしでもスムーズに移行する手順まとめ

Shin Naka(なかしん) 2025年10月12日
image

【iPhone15】SIMカードの入れ方 入れ替え方法【向きは?】

Shin Naka(なかしん) 2023年10月12日
image

【iPhone SE】SIMカードの入れ方 入れ替え方法【向きは?】

Shin Naka(なかしん) 2023年5月27日
image-2

コンプライアンス・スクリーニング

Shin Naka(なかしん) 2023年2月24日
image

Apple StoreでSIMフリー版の5G iPhoneを買った時のauでやる事

Shin Naka(なかしん) 2021年9月25日

About Shin Naka

Shin Naka(なかしん)

東京を拠点に、旅の記録〈Walk Asia〉、制作の記録〈Shin Naka’s Dev Log〉、観た映画の私的アワード〈THE NAKADEMY AWARDS〉を個人のログとして書いています。 完成した作品は TIGER ON BEAT 名義で発表しています。

見逃したかもしれません

IMG_3808

【物理SIMからeSIMへ引越し方法】iPhone 17 Pro MaxでiCloudなしでもスムーズに移行する手順まとめ

Shin Naka(なかしん) 2025年10月12日
image

【Beach of the Dead 開発記録 Ep24】『ビーチ・オブ・ザ・デッド』メニューリニューアル&広告削除!久しぶりに思い出しながらアップデートしてます【WALK ASIAリンク追加】

Shin Naka(なかしん) 2025年4月26日
image

WordPressでAddToAnyが表示されない原因とは?SNSシェアボタンが出ない時の対処法

Shin Naka(なかしん) 2025年4月22日
image

【Beach of the Dead 開発記録 Ep23】Beach of the Dead ver1.0.10 アップデート情報(Android 13対応・APIレベル修正・データセキュリティ)

Shin Naka(なかしん) 2025年3月29日
Copyright © All rights reserved. | MoreNews by AF themes。