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
750
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
320
イラレの生成AI + Unity (VectorGraphics) で遊びたい! / Illustrator Generative AI and Unity Vector Graphics
lycoris102
0
710
⌨️ a Key is Landmine 💣のデザイン / Design of "a Key is Landmine"
lycoris102
0
190
[Unity] プレビュー版 Cinemachine 3.0 紹介
lycoris102
1
1.9k
Unityとキャリアとコミュニティの話 / Unity, Carrier, Community
lycoris102
1
200
GOOLF!のデザイン⛳️ / Design of GOOLF!
lycoris102
0
670
[Unity] Mobile3D(2D)テンプレートとモバイル向けパッケージ紹介 / Mobile templates and packages for mobile
lycoris102
0
9.8k
期待値と言語化の話 / Verbalize Expectations
lycoris102
1
4.9k
Sweet^2 Honey Hive
lycoris102
2
1.5k
Other Decks in Technology
See All in Technology
ひとり情シスなCTOがLLMと始めるオペレーション最適化 / CTO's LLM-Powered Ops
yamitzky
0
370
AI技術トレンド勉強会 #1MCPの基礎と実務での応用
nisei_k
1
240
SFTPコンテナからファイルをダウンロードする
dip_tech
PRO
0
590
CI/CDとタスク共有で加速するVibe Coding
tnbe21
0
230
実践! AIエージェント導入記
1mono2prod
0
140
菸酒生在 LINE Taiwan 的後端雙刀流
line_developers_tw
PRO
0
1.1k
BrainPadプログラミングコンテスト記念LT会2025_社内イベント&問題解説
brainpadpr
0
150
成立するElixirの再束縛(再代入)可という選択
kubell_hr
0
840
AIのAIによるAIのための出力評価と改善
chocoyama
0
490
米国国防総省のDevSecOpsライフサイクルをAWSのセキュリティサービスとOSSで実現
syoshie
2
790
doda開発 生成AI元年宣言!自家製AIエージェントから始める生産性改革 / doda Development Declaration of the First Year of Generated AI! Productivity Reforms Starting with Home-grown AI Agents
techtekt
0
200
AWS Summit Japan 2025 Community Stage - App workflow automation by AWS Step Functions
matsuihidetoshi
1
140
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Agile that works and the tools we love
rasmusluckow
329
21k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
60k
Why You Should Never Use an ORM
jnunemaker
PRO
56
9.4k
Designing for Performance
lara
609
69k
Music & Morning Musume
bryan
46
6.6k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
700
Producing Creativity
orderedlist
PRO
346
40k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
490
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
GitHub's CSS Performance
jonrohan
1031
460k
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で ษڧձόφʔを作った話