XNA – Tvorba menu v Xna
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

XNA – Tvorba menu v XnaXNA – Tvorba menu v Xna

 
Hledat
Moderní platforma pro vytvoření vašeho nového webu – Wix.com.
Nyní už můžete mít web zdarma.
Vytvořte si vlastní webové stránky. Snadno, rychle a levně přes Saywebpage.com
Vybavení pro Laser Game
Spuštěn Filmový magazín
Laser Game Brno
Laser Game Ostrava

XNA – Tvorba menu v Xna

Google       Google       17. 12. 2008       21 139×

V tomto článku sa naučíme, ako vytvoriť triedu Menu, ktorá môže byť rýchlo a ľahko presunutá aj do iného programu v XNA. Navyše je veľmi jednoduché prispôsobiť túto triedu, keď už je raz hotová.

Reklama
Reklama

Toto je rovnaké menu, aké vytvoril Dane Anderson vo svojej XNA hry “Box Wars”. Tu je odkaz na video, ak chcete vidieť toto menu v akcii. V hre menu vyzerá rozmazane, lebo bol použitý bloom efekt. Takže už máte nejaké extra informácie o menu, ktoré budete vytvárať v tomto článku. Pustime sa teda do tvorenia triedy s názvom “Menu”, ktorú môžete veľmi jednoducho začleniť do vašej hry. Po vytvorení novej triedy vo vašom projekte by ste mali dostať kód podobný nasledujúcemu:

using System;
using System.Collections.Generic;
using System.Text;

namespace Box_Wars
{
    class Menu
    {
    }
}

Pred tým, než začneme písať kód, pridajme tieto riadky k našim using príkazom:

using Microsoft.Xna.Framework;
using Microsoft.Xna.Framework.Graphics;

Teraz môžeme začať s písaním kódu pre našu triedu. Najprv pridajme tieto premenné:

private static int MAX = 20;
private int menuItemCount;
private int curMenuItem;
private string[] menuItems;
private Vector2[] pos;
private double[] scale;
private Color unselected;
private Color selected;
private SpriteFont font;

MAX
maximálny počet prvkov povolených v tomto menu. Môžete ho zmeniť na ľubovoľnú hodnotu, ale pochybujem, že vaša hra bude niekedy mať viac ako 20 prvkov v jednom menu.
menuItemCount
celkový počet prvkov menu.
curMenuItem
index práve označeného prvku menu.
menuItems
pole, ktoré obsahuje všetky texty prvkov poľa.
pos
pole obsahujúce pozície každého prvku menu.
scale
pole obsahujúce hodnotu zväčšenia každého prvku menu.
unselected
farba neoznačeného prvku menu.
selected
farba označeného prvku menu.
font
SpriteFont, ktorý bude použitý na vypisovanie textu v menu.

Potom, čo ste pridali všetky premenné pre túto triedu, môžete pridať aj konštruktor:

public Menu(Color unslectedColor, Color selectedColor, SpriteFont sp)
{
    font = sp;
    menuItems = new string[MAX];
    pos = new Vector2[MAX];
    scale = new double[MAX];
    unselected = unslectedColor;
    selected = selectedColor;
    menuItemCount = 0;
    curMenuItem = 0;
}

Ďalej môžeme pridať funkciu, ktorá vám umožní jednoducho pridať prvky do vášho menu:

public void addMenuItem(string name, Vector2 p)
{
    if (menuItemCount < MAX)
    {
        menuItems[menuItemCount] = name;
        scale[menuItemCount] = 1.0f;
        pos[menuItemCount++] = p;
    }
}

Teraz pridajme možnosť pre jednoduché označenie nasledujúceho alebo predchádzajúceho prvku menu. Kód umožní užívateľovi označovať prvky menu dookola. To znamená, že ak sú naspodku zoznamu a stlačia tlačidlo pre ďalší prvok, prenesie ich to na začiatok. To spravíme týmito dvoma funkciami:

public void selectNext()
{
    if (curMenuItem < menuItemCount-1)
        curMenuItem++;
    else
        curMenuItem = 0;
}

public void selectPrev()
{
    if (curMenuItem > 0)
        curMenuItem--;
    else
        curMenuItem = menuItemCount-1;
}

Potom pridajme tieto prístupové metódy, ktoré vrátia index práve označeného prvku a jeho index:

public int getSelectedNum()
{
    return curMenuItem;
}

public string getSelectedName()
{
    return menuItems[curMenuItem];
}

Keď už toto máme hotové, je čas pridať posledné dve metódy našej triedy, Draw a Update. Metóda Update bude vyzerať takto:

public void Update(GameTime gameTime)
{
    for (int x = 0; x < menuItemCount; x++)
    {
        if (x == curMenuItem)
        {
            if (scale[x] < 2.0f)
                scale[x] += 0.04 + 10.0f * gameTime.ElapsedGameTime.Seconds;
        }
        else if (scale[x] > 1.0f && x!=curMenuItem)
            scale[x] -= 0.04 + 10.0f * gameTime.ElapsedGameTime.Seconds;
    }
}

V metóde Update prejdeme v cykle všetky prvky menu a pridáme efekty zväčšovania a zmenšovania sa na základe toho, či je prvok označený alebo nie. Toto je miesto, ktoré budete chcieť upraviť, keď budete chcieť pridať iné efekty.

Teraz môžete pridať metódu Draw:

public void Draw(SpriteBatch spriteBatch)
{
    spriteBatch.Begin();
    for (int x = 0; x < menuItemCount; x++)
    {
        if (x == curMenuItem)
        {
            Vector2 p = pos[x];
            p.X -= (float)(22 * scale[x] / 2);
            p.Y -= (float)(22 * scale[x] / 2);
            spriteBatch.DrawString(font,
                                   menuItems[x],
                                   p,
                                   selected,
                                   0.0f,
                                   new Vector2(0, 0),
                                   (float)scale[x],
                                   SpriteEffects.None,
                                   0);
        }
        else
        {
            Vector2 p = pos[x];
            p.X -= (float)(22 * scale[x] / 2);
            p.Y -= (float)(22 * scale[x] / 2);
            spriteBatch.DrawString(font,
                                   menuItems[x],
                                   p,
                                   unselected,
                                   0.0f,
                                   new Vector2(0, 0),
                                   (float)scale[x],
                                   SpriteEffects.None,
                                   0);
        }
    }

    spriteBatch.End();
}

Metóda Draw prispôsobuje vykresľovanie na základe veľkosti písma a jeho zväčšenia. Nakoniec máme kompletnú triedu Menu.

K tomuto článku je k dispozícii na stiahnutie zdrojový súbor a príkladový projekt.

Zdroj: http://www.ziggyware.com/readarticle.php?article_id=188

×Odeslání článku na tvůj Kindle

Zadej svůj Kindle e-mail a my ti pošleme článek na tvůj Kindle.
Musíš mít povolený příjem obsahu do svého Kindle z naší e-mailové adresy kindle@programujte.com.

E-mailová adresa (např. novak@kindle.com):

TIP: Pokud chceš dostávat naše články každé ráno do svého Kindle, koukni do sekce Články do Kindle.

Hlasování bylo ukončeno    
0 hlasů
Google
Autor programuje v Jave už 4 roky a podieľal sa niekoľkých opensource projektoch. Ovláda značnú časť Java SE, z EE trochu JSP a servlety a nedávno sa začal zaoberať ME. Ďalej ovláda C#, (X)HTML, JavaScript, PHP, SQL a trochu Pascal, Delphi, C, C++.

Nové články

Obrázek ke článku Zavádění Master Data Management v praxi

Zavádění Master Data Management v praxi

Předchozím článku jsme si vysvětlili, co jsou to Master Data, kdy je firma obvykle začíná řešit, v jakých krocích postupovat a jak nám může pomoci zvláštní nástroj pro evidenci Master dat. V tomto článku se podíváme na dvou příkladech, jak prakticky začít Master data řešit.

1. Nová Master Data, která potřebujeme někde spravovat
2. Zmapování existujících Master dat a určení jejich vlastníků

Reklama
Reklama
Obrázek ke článku 5 nesprávných důvodů, proč dělat vlastní mobilní aplikaci

5 nesprávných důvodů, proč dělat vlastní mobilní aplikaci

Myslíte si, že máte skvělý nápad na byznys apku a znáte všechno, co potřebujete? Možná vám vývoj software na míru rozmluví Vláďa Skoumal, z firmy studio SKOUMAL vyvijející mobilní aplikace 5.11. 2019 v 18:00 v Impact Hub Praha nebo tento jeho článek.


 

Obrázek ke článku Ericsson ConsumerLab Report: rozšířená realita je další úrovní gamingu

Ericsson ConsumerLab Report: rozšířená realita je další úrovní gamingu

Celkem 66 % uživatelů zajímá rozšířená realita v oblasti gamingu. Mezi nimi je i 35 % těch, kteří jinak hry nehrají.
Pro téměř 50 % respondentů by bylo zajímavé zapojení virtuální objektů do reálného světa. Objekty by zůstaly tam, kde je při hře „umístili“.
Až 43 % uživatelů láká využití rozšířené reality ve sportu

Obrázek ke článku Instalace nejnovější verze Apache 2.4, PHP 7.3, MariaDB 10.3 a Memcached na Windows 10

Instalace nejnovější verze Apache 2.4, PHP 7.3, MariaDB 10.3 a Memcached na Windows 10

Buďte při vývoji efektivní! Pomocí tohoto návodu během chvíle vytvoříte ze svého počítače lokální webový server. Vyzbrojíte jej vším, co budete při práci potřebovat: Apache 2.4, PHP 7.3, MariaDB 10.3 a Memcached. Je to plná polní pro webové vývojáře s Windows 10. Navíc poradíme, jak mít na localhostu více projektů pomocí VirtualHost.

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032019 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý