OpenBloxストーリーII 6月9日

親愛なるブロクサー、

OpenBloxがどのように統合されたかを説明する最初のブログ投稿で、最初にブロックチェーンスペースに入ることを選択した理由と、ゲーム内アセットとしてNFTを選択した理由について説明しました。

簡単なTLDR:ゲーマーとして、私たちはプレーヤーが一元化された電力構造なしで資産を所有できるようにしたいと考えていました。

また、1時間にわたるディスカッションに基づいて、アートやゲームなどのさまざまなソースからのインスピレーションに基づいてキャラクターを開発するプロセスを共有しました。

この投稿では、最初のアプリであるRougeBloxのユーザーインターフェイスを開発する方法について詳しく説明します。

RougeBloxはローグライクカードゲームです。各プレイヤーは、Blox NFTをキャラクターとして使用して、冒険を開始します。旅はランダムに作成され、同じ経験がないことを確認し、物事をエキサイティングに保ちます。

プレイヤーがゲームを進めるにつれて、彼らは自分のデッキを構築し、戦略的なプレイのためのこれまで以上のオプションを開きます。途中で、彼らは多くの敵やボスと戦い、多くの経験を積むでしょう。

詳細については、ホワイトペーパーをご覧ください。

それでは、最初に降りなければならないこと、つまりロゴから始めましょう。

ロゴ

上記は、ロゴ用にモックアップした6つの初期デザインの1つです。ご覧のとおり、たとえばMinecraftのロゴのように、文字は少し後ろに傾いています。

ただし、雲や葉は農業との関連性が高いため、このロゴがターン制ストラテジーカードゲームに適しているとは感じませんでした。その代わりに、私たちは別のデザインを好むことになりました。以下は、要素の配置方法、選択する色、文字を表示する角度、フォントサイズ、名前の付け方に関するさまざまな反復と会議の結果です。

スプラッシュスクリーン

何よりもまず、この用語に精通していない場合、スプラッシュスクリーンとは何ですか?

スプラッシュ画面は、起動画面と呼ばれることもあります。アプリやウェブサイトを最初に操作したときにユーザーに表示されます。通常、画像、ロゴ、および(該当する場合)ソフトウェアの現在のバージョンが含まれています。

RougeBloxスプラッシュ画面については、リリースした最初の3つのレースを中心に作成を開始しました。

  • テクノ

それらのそれぞれは、独自の機能を備えた別々のレイヤーに住んでいます。したがって、すべてのスプラッシュ画面はさまざまなインスピレーションを利用しています。

花の世界の風景、緑の層など、シンプルなものから始めました。

チーム全員が同意できるバージョンができるまで、ネイティブ要素をさらに追加しました。これは、おそらく以前に見たことがあるバージョンです。

あなたが今慣れ親しんでいる別の画面は、Technoを実際に追加するまで、次の背景から始まりました。

それなし
テクノで

ゲームを開いたときにユーザーに表示されるメインのスプラッシュ画面は、ゼルダや、主人公が自分の世界を見下ろしている他のゲームに触発されました。

それは大まかなスケッチから発展しました:

よく知っている最後の画面へ:

そしてもちろん、カードを使用するゲームでは、さまざまな攻撃すべての設計と、プレイヤーが対戦相手と戦うために活用できる防御策を考え出す必要がありました。

以下のような非常に概念的な最初のスケッチから

私たちはお気に入りを選び、すべての異なる種族とその特定の効果に合うようにそれらを進化させました。

進行中のさまざまなカードすべてについて、過去数か月にわたってTwitterフィードで共有してきましたが、デザインがさらに進歩するたびに共有を続けます。テクノカードをのぞいて、

https://cdn.embedly.com/widgets/media.html?type=text%2Fhtml&key=a19fcc184b9711e1b4764040d3dc5c07&schema=twitter&url=https%3A//twitter.com/openblox_io/status/1515983904292937731&image=https%3A//i.embed.ly/1/image%3Furl%3Dhttps%253A%252F%252Fabs.twimg.com%252Ferrors%252Flogo46x38.png%26key%3Da19fcc184b9711e1b4764040d3dc5c07

それとも昆虫が好きですか?

https://cdn.embedly.com/widgets/media.html?type=text%2Fhtml&key=a19fcc184b9711e1b4764040d3dc5c07&schema=twitter&url=https%3A//twitter.com/openblox_io/status/1520323350341603329&image=https%3A//i.embed.ly/1/image%3Furl%3Dhttps%253A%252F%252Fabs.twimg.com%252Ferrors%252Flogo46x38.png%26key%3Da19fcc184b9711e1b4764040d3dc5c07

ゲームの開発は非常に簡単に思えるかもしれませんが、デザイナー、より広範なチーム、および関係する開発者の間で多くのやり取りがあります。

これらの記事で、私たちがどのように取り組んできたかについてもう少し洞察を提供し、OpenBloxとRougeBloxの作成に取り組み続けることを願っています。

私たちのプロセスについてもっと質問するには、Discordに参加してください。

Twitter | 不和ウェブサイトブログFacebook | 電報YouTube

タイトルとURLをコピーしました