1 of 59

ツイート

ネットランキング

TextMeshPro

の実装手順

たなかゆう@am1tanaka

2 of 59

たなかゆう@am1tanaka

  • 現職
    • 池袋方面の専門学校　 ゲームプログラミング非常勤講師
    • 日野方面の大学　環境科学系 情報処理非常勤講師
  • 開発業務
    • X68000 -> PlayStation 2 (RenderWare利用) -> ガラケー受託開発
  • Unity歴
    • 2011年から(最初のブログが2011年11月だった)
    • Unity開発者認定試験　合格

3 of 59

unityroom

4 of 59

本日のメニュー

  • ツイートの実装をぱぱっと
  • ネットランキングの実装をぱぱぱぱっと
  • TextMesh Proの実装をぱぱぱっと
  • おまけ：簡易フレームワークとBGM/SE再生

5 of 59

ツイート実装をぱぱっと

詳しくは naichilab. WebGLからツイートするサンプル

6 of 59

  1. naichiさんのGitHubのリポジトリーからパッケージをダウンロード

7 of 59

2. インポート

8 of 59

3. 関数を一発呼び出し！

9 of 59

以上！！

10 of 59

ネットランキング実装をぱぱぱぱっと

詳しくは naichilab. 【Unity、WebGL】なるべく簡単にオンラインランキング機能をつけるサンプル

​

11 of 59

12 of 59

2. 会員登録

13 of 59

3. SNS連携でやりました

14 of 59

4. 認証！

15 of 59

5. メールアドレスを登録して、確認メール送信！

16 of 59

6. ニフクラからのメールを開いて、URLをクリック！

17 of 59

7. 利用規約ページが開くので、熟読して、チェック入れて、登録！

18 of 59

8. アプリ名を半角英数字もしくはアンダーバーで設定して新規作成！

19 of 59

9. 登録完了。このページは開いたままにしておきます

20 of 59

10. ニフクラのunity用ライブラリーを開いて、zipをダウンロード！

21 of 59

11. zipを展開してできるunitypackageをプロジェクトに追加！

22 of 59

12. インポート！

23 of 59

13. 空のゲームオブジェクトを作成して、NCMBSettingsに名前を変更

24 of 59

15. NCMBSettinsスクリプトを、作成したオブジェクトにアタッチ！

25 of 59

16. 登録完了ページを開いて、キーをそれぞれ・・・

26 of 59

17. NCMBSettingsの対応する欄に貼り付け！

27 of 59

18. naichiさんのリポジトリーを開いて、unitypackageをダウンロード！

28 of 59

19. インポート！

29 of 59

20. File -> Build Settingsを開いて、Rankingシーンをドラッグ＆ドロップ！

30 of 59

21. シーンにEvent Systemがなければ加える

31 of 59

22. RankingLoaderプレハブをシーンにドラッグ＆ドロップ！

32 of 59

23. ランキングの設定。数値の降順で3桁区切りでコンマを打つ例

33 of 59

24. ランキングを呼び出したいタイミングで、スコアを渡して呼び出し！

34 of 59

＼(^o^)／

35 of 59

ニフクラを無料プランで利用する場合の注意点

一ヶ月に一回は何かしないと消えちゃうかも知れませんのでお気を付けを！

https://mb.cloud.nifty.com/price.htmより

36 of 59

TextMesh Proの実装をぱぱぱっと

詳しくは @thorikawa. UnityのText Mesh Proアセットで日本語を使うときの手順

​

​

37 of 59

  1. Unity2017.x : アセットストアでTextMeshを検索してインポート

38 of 59

  • Unity2018.1.x : WindowメニューからPackage Managerを起動

39 of 59

2. Unity2018.1.x : Allボタン -> TextMesh Pro -> Installでインストール！

40 of 59

3. Unity2018.1.x : Unity再起動！

41 of 59

4. Unity2018.1.x/2018.2.x :

Window -> TextMesh Pro -> Import TMP Essential ResourcesからImport！

42 of 59

5. ttfかotfフォントをインポート！(ファイル名は半角英数に！)

43 of 59

6. Window -> TextMesh Pro -> Font Asset Creatorを呼び出し！

44 of 59

7. thorikawaさんのブログからここの値ページを開いてRawボタンクリック！

45 of 59

9. テキストを全て選択してコピー！

46 of 59

10. ブログに従って値を設定して、Character Sequenceに貼り付け！

47 of 59

11. 生成して保存！

48 of 59

12. TextMesh ProのオブジェクトにSDFアセットを設定！

49 of 59

完成！

50 of 59

おまけ：TextMesh Proのマテリアル

51 of 59

  1. EXTRA SETTINGS以降は同じマテリアルだと共通になる！！

52 of 59

b. アセット下にあるMaterialを選択して、ギアアイコンからCreateする！

53 of 59

このあと

  • 組み込みたい機能がありましたらご相談ください
  • その他、プログラミングやUnityの疑問点などもお気軽に！

54 of 59

使用アセット

  • フォントな. ロゴたいぷゴシック
    • http://www.fontna.com/blog/1226/

55 of 59

フレームワークのリポジトリー

56 of 59

おまけ-音の使い方の概要-

57 of 59

制御用のSound Controllerスクリプトを作成して、クリップを持たせる

58 of 59

設定した順通りにenum定義

59 of 59

こんなんで簡単に呼び出す