投稿記事

2021年 10月の記事 (31)

カッピ / 風薙鳥 2021/10/31 15:19

【オンラインRPG制作】インベントリの機能追加と新デザイン

ウィンドウを多機能に

インベントリ(所持アイテム一覧ウィンドウ)を改修しました。
見た目の一新と、一覧表示の対象の拡充です。

今までは別のウィンドウに並べる予定だった「装備」「技・術」をインベントリに組み込みました。
これで、メインメニューの項目がふたつ減ります。
メインメニューがすっきりする、あるいは別の項目を追加できる、といった利点があります。

「装備」「技・術」は、一覧から選択してスロットに登録、という流れはアイテムと似ています。
もちろん違う部分も多々あるんですが、アイテムと同じ扱いにできるところも少なからずあり、思いきってまとめてしまいました。

この記事が良かったらチップを贈って支援しましょう!

チップを贈るにはユーザー登録が必要です。チップについてはこちら

カッピ / 風薙鳥 2021/10/30 15:07

【オンラインRPG制作】ウィンドウの新しいデザイン

大きなUIの大きな変化

最も大きいUIであるウィンドウのデザインを、新たに作ってみました。
旧デザインで実装済みの、スキル一覧ウィンドウを元に試行錯誤しました。

他のUIと配色を合わせつつ、クールな印象に。
白文字を読みやすくするため、やや暗めの色に。

このデザインを、残る2つのウィンドウにも適用します。
今後の制作で、まだウィンドウは増える予定ですが、当初思っていたより少なくなるかもしれません。

ツールと手法

小物画像と同じく、Affinity Designerでデザインしています。
RPGツクールMZ標準のウィンドウ機能は使わず、独自にウィンドウを構成しています。
スマホ・マウス・キーボード・ゲームパッドといった複数の操作方法に対応しつつ、ゲームの仕様にマッチさせようと思うと、独自実装に行き着いちゃうんですよね。

この記事が良かったらチップを贈って支援しましょう!

チップを贈るにはユーザー登録が必要です。チップについてはこちら

カッピ / 風薙鳥 2021/10/29 18:22

【オンラインRPG制作】アバターのオンライン同期

見た目と動きの共有

装備とクラスエンブレムを、キャラの周囲に描画するようにしました。
そして、同じ見た目をオンライン同期し、他のプレイヤーの画面でも動くようになりました。

「種族」「クラス」「装備」は、アバターの主要3要素です。
それらに動きをつけて、各プレイヤーで共有できたことで、アバターの土台が完成。
あとは、武器盾以外の装備も動かすとか、クラスや装備の種類を増やすなどで、よりアバターにこだわれるようにしていきます。

こちらは、オンライン同期のテストの様子。
アバターの動きに合わせ、武器の位置も移動しています。
横や後ろを向いたとき、武器がアバターに隠れる仕組みを実装するのに、いくぶん苦戦しました。

この記事が良かったらチップを贈って支援しましょう!

チップを贈るにはユーザー登録が必要です。チップについてはこちら

カッピ / 風薙鳥 2021/10/28 18:54

【オンラインRPG制作】キャラメイク画面、スキルの組み合わせ

ニューゲームの前に

キャラメイク画面を実装しました。
種族とクラスを選択し、決まったらゲームスタートです。

今作は、モンスターとなって冒険します。
今のところ、3つの種族のモンスターを用意してあります。
今後増えると思いますし、今ある種族が進化したりもするかも。

種族とクラスは、それぞれいくつかのスキルを持っています。
その組み合わせで、キャラの得意なこと、不得手なことが変化するので、じっくり悩みましょう。

種族とクラスのスキルが、重複する場合もあって。
その時は、重複したスキルが合体し、ランクアップします。
スキルの総数は減りますが、ランクの上がったスキルが猛威を振るうかも?

この記事が良かったらチップを贈って支援しましょう!

チップを贈るにはユーザー登録が必要です。チップについてはこちら

カッピ / 風薙鳥 2021/10/27 19:00

【オンラインRPG制作】アイコン、エンブレムをもりもり描く

アイテムとクラスのアイコン

小物画像をもりもり描いています。
アイテムのアイコン、クラスのエンブレムが加わりました。

アイテムのアイコンは、武器や消費アイテムを中心に増やしました。
武器スキルで扱う武器に加え、魔法スキル用の杖もあります。
スキルにはない装備ですが、盾も描きました。
盾スキルも登場させてもいいかもしれませんね。

クラスは、つまり職業。
クラスのエンブレムは、所属クラスを見分けるのに活用します。

使用ツール

Affinity Designerなら、このような小物画像を、さくさく描けていいですね。
最初はうまく扱えなくて、使う機会が多くありませんでしたが、慣れてくるととても優秀です。
アイコンだけでなく、UIもほとんどAffinity Designerで描いています。

この記事が良かったらチップを贈って支援しましょう!

チップを贈るにはユーザー登録が必要です。チップについてはこちら

« 1 2 3 4 5 6 7

月別アーカイブ

記事を検索