Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Unityで勉強会バナーを作った話 / Make Banners With Unity
Search
lycoris102
December 15, 2018
Technology
1
760
Unityで勉強会バナーを作った話 / Make Banners With Unity
20181215 【年末だよ】Unity お・と・なのLT大会 2018
lycoris102
December 15, 2018
Tweet
Share
More Decks by lycoris102
See All by lycoris102
コンプリボドゲ2024 ジグザグザクザク 遊び方
lycoris102
0
340
イラレの生成AI + Unity (VectorGraphics) で遊びたい! / Illustrator Generative AI and Unity Vector Graphics
lycoris102
0
760
⌨️ a Key is Landmine 💣のデザイン / Design of "a Key is Landmine"
lycoris102
0
200
[Unity] プレビュー版 Cinemachine 3.0 紹介
lycoris102
1
2k
Unityとキャリアとコミュニティの話 / Unity, Carrier, Community
lycoris102
1
210
GOOLF!のデザイン⛳️ / Design of GOOLF!
lycoris102
0
690
[Unity] Mobile3D(2D)テンプレートとモバイル向けパッケージ紹介 / Mobile templates and packages for mobile
lycoris102
0
10k
期待値と言語化の話 / Verbalize Expectations
lycoris102
2
4.9k
Sweet^2 Honey Hive
lycoris102
2
1.5k
Other Decks in Technology
See All in Technology
未経験者・初心者に贈る!40分でわかるAndroidアプリ開発の今と大事なポイント
operando
6
750
Oracle Cloud Infrastructure IaaS 新機能アップデート 2025/06 - 2025/08
oracle4engineer
PRO
0
110
Snowflake Intelligenceにはこうやって立ち向かう!クラシルが考えるAI Readyなデータ基盤と活用のためのDataOps
gappy50
0
280
2025/09/16 仕様駆動開発とAI-DLCが導くAI駆動開発の新フェーズ
masahiro_okamura
0
140
DroidKaigi 2025 Androidエンジニアとしてのキャリア
mhidaka
2
390
20250912_RPALT_データを集める→とっ散らかる問題_Obsidian紹介
ratsbane666
0
100
Rustから学ぶ 非同期処理の仕組み
skanehira
1
150
Generative AI Japan 第一回生成AI実践研究会「AI駆動開発の現在地──ブレイクスルーの鍵を握るのはデータ領域」
shisyu_gaku
0
330
AIエージェント開発用SDKとローカルLLMをLINE Botと組み合わせてみた / LINEを使ったLT大会 #14
you
PRO
0
130
AWSで始める実践Dagster入門
kitagawaz
1
750
react-callを使ってダイヤログをいろんなとこで再利用しよう!
shinaps
2
270
EncryptedSharedPreferences が deprecated になっちゃった!どうしよう! / Oh no! EncryptedSharedPreferences has been deprecated! What should I do?
yanzm
0
490
Featured
See All Featured
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
The Invisible Side of Design
smashingmag
301
51k
The Pragmatic Product Professional
lauravandoore
36
6.9k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Embracing the Ebb and Flow
colly
87
4.8k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.9k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.9k
A designer walks into a library…
pauljervisheath
207
24k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
The Power of CSS Pseudo Elements
geoffreycrofte
77
6k
Being A Developer After 40
akosma
90
590k
Transcript
青木とと(ˊᗜˋ*) @lycoris102 Unity おとなのLT大会 2018 Unityで ษڧձόφʔを作った話
だれ? @lycoris102 青木とと ねんれい:28 しごと: 株式会社キッズスター かぞく: 妻と2歳半の息子 #Unity (認定デベロッパー)
#Unity1Week (ゲームジャム/ハッカソン) #ポッドキャスト (とと.fm) #勉強会主催/サポート #ボードゲーム (大喜利系大好き) #音ゲー (ポップンメイン) もし良かったらTwitterなどフォローしてくださると嬉しい!
今年作ったゲーム #Unity1Week 過去に10回開催されたUnity1週間ゲームジャム ですが今のところ皆勤賞です
今年携わった勉強会 今年は都内でUnity関連の勉強会いっぱい開催された印象あるんじゃ
勉強会のサポート イベントページの作成 バナー画像の作成 リマインドメッセージの送付 会場の設営/撤収 受付 …etc Gotanda.unityは主催なのでもう少し色々裏でごにょりごにょりやってます 今回はこれの話
作ったバナー Gotanda.unityのロゴデザインは前職のデザイナーさんに作っていただきました
Made with Unity ParticleSystem (Mesh GPU Instancing) Unicessing
UnityECS完全に理解した 背景を ECS…ではなく ParticleSystem で実装 適当にCubeやローポリの素材を浮かせておけばれっぽく見えるのズルい!!
Meshを描画する ParticleSystem を生成後 [Renderer] -> [RenderMode] を Mesh にし適応したい Mesh
を設定する
Warnings が表示される 65535頂点 までしか描画できない Meshを描画する 実行環境は Unity2018.2.16
Mesh GPU Instancing Unity2018.1 から適応可能 [Renderer] -> [Enable Mesh GPU
Instancing] にチェックを付ける 正直デフォルトでチェック付いてるのであまり意識せずに使っているはず
Mesh GPU Instancing Profiler を見ると Instancing の項目にて Batched Draw Calls
が増えていることが分かる Unity2018.1 から適応可能
詳細はQiitaにて [Unity] ParticleSystemでMeshを描画してバナー等の背景に使うといい感じになる https://qiita.com/lycoris102/items/6bf631b35d2769b2d475
UnityNetwork完全に理解した 背景を Unicessing で実装 ネットワークっぽい感じをどうやって出そうか悩んでいた……
Unicessing @n_ryotaさんが開発したAsset “Processingっぽく図形を描いて遊べるアセット”
Unicessing実装例 VTJOH6OJDFTTJOH VTJOH6OJUZ&OHJOF QVCMJDDMBTT6OJDFTTJOH4BNQMF6(SBQIJDT \ QSJWBUFJOUMJOF$PVOU QSJWBUF7FDUPS<>QPTJUJPOT QSPUFDUFEPWFSSJEFWPJE4FUVQ \
QPTJUJPOTOFX7FDUPS<MJOF$PVOU> GPS JOUJJUIJTMJOF$PVOUJ \ QPTJUJPOT<J>OFX7FDUPS 3BOEPN3BOHF G G 3BOEPN3BOHF G G ^ ^ QSPUFDUFEPWFSSJEFWPJE%SBX \ GPS JOUJJUIJTMJOF$PVOUJ \ UIJTESBX-JOF QPTJUJPOT<J> ^ ^ QSJWBUFWPJEESBX-JOF 7FDUPSQPTJUJPO \ TUSPLF $PMPS MJOF QPTJUJPOY QPTJUJPOZ NPVTF9 NPVTF: %SBX-JOF ^ ^ ランダム座標に生成した10個の点とマウスの座標を直線で結ぶサンプル
Unicessing実装例 VTJOH6OJDFTTJOH VTJOH6OJUZ&OHJOF QVCMJDDMBTT6OJDFTTJOH4BNQMF6(SBQIJDT \ QSJWBUFJOUMJOF$PVOU QSJWBUF7FDUPS<>QPTJUJPOT QSPUFDUFEPWFSSJEFWPJE4FUVQ \
QPTJUJPOTOFX7FDUPS<MJOF$PVOU> GPS JOUJJUIJTMJOF$PVOUJ \ QPTJUJPOT<J>OFX7FDUPS 3BOEPN3BOHF G G 3BOEPN3BOHF G G ^ ^ QSPUFDUFEPWFSSJEFWPJE%SBX \ GPS JOUJJUIJTMJOF$PVOUJ \ UIJTESBX-JOF QPTJUJPOT<J> ^ ^ QSJWBUFWPJEESBX-JOF 7FDUPSQPTJUJPO \ TUSPLF $PMPS MJOF QPTJUJPOY QPTJUJPOZ NPVTF9 NPVTF: %SBX-JOF ^ ^ Start() 時に呼ばれる Update() 時に呼ばれ 基本的に毎フレーム描画しなおす Setup() Draw() Proccesingライクな関数群 (一例) stroke() / line() Using Unicessingし UGraphicsを継承したクラスを作ると 以下が提供される Processingの関数リファレンス: https://processing.org/reference/
OpenProcessing Processing で作られた ジェネレーティブアートやゲームの 投稿サイト 基本的な部分は分かるが、それをどう組み合わせたらいい感じに作れるか分からなかったマン
OpenProcessing パーリンノイズを用いたTerrain演出
PerlinNoiseTerrain Unity (Unicessing) に移行し C#に文法に合わせる
PerlinNoiseTerrain 実行! 任意のGameObject にアタッチして……
お化粧 PostEffect Unity公式の提供する 全体の色彩を調整 Post Processing Colorful FX
UnityNetwork完全に理解した TextMeshProで文字を乗せて…… バナー完成!
詳細はQiitaにて [Unity] Uniccesingで作った演出をバナー等の背景に使うといい感じになる https://qiita.com/lycoris102/items/b9e7d2e999ee33e5560b
グラフィックツールに精通してなくても Unityだけで いい感じなバナーを作れる!! みんなもUnityでバナーを作って遊ぼう!
Unity2018.3で入った ParticleSystemForceFieldが 楽しい!! 時間があればおまけDEMO
来年の勉強会開催予定 UnityAudio完全に理解した Gotanda.unity #10 Unity Designer’s Cafe☕ 1/29(火) 株式会社ミクシィ 1/23(水)
株式会社アカツキ 未定 株式会社ワンダープラネット Unity1Week Meetup in Tokyo2019 1/12(土) Unity Technologies Japan 来年もよろしくお願いいたします!
青木とと(ˊᗜˋ*) @lycoris102 Unity おとなのLT大会 2018 Unityで ษڧձόφʔを作った話