Bu örnekte irrlicht motorundaki dahili grafik arayüzünün kullanımını ele alacağız. Grafik arayüzden kısaca bahsettikten sonra pencere,buton,kaydırma çubuğu,sabit yazılar ve liste kutularının kullanımını örnekleyeceğiz.

Açıklayacağımız program şuna benzeyecek:

Her zamanki gibi başlık dosyalarını ekleyip, ad uzayı kullanımını belirtiyoruz. Sonra kütüphane dosyamızı 'link' ediyoruz. Ayrıca 'Device' nesnemize bir gösterici, bir sayaç değişkeni(pencere oluşum yerini ayarlamak için) ve bir liste kutusu nesnesini gösteren bir gösterici tanımlıyoruz.

#include <irrlicht.h>
#include <iostream>

using namespace irr;

using namespace core;
using namespace scene;
using namespace video;
using namespace io;
using namespace gui;

#pragma comment(lib, "Irrlicht.lib")

IrrlichtDevice *device = 0;
s32 cnt = 0;
IGUIListBox* listbox = 0;

Olay kotarıcı(Event Receiver) sadece klavye ve fare olaylarını algılamakla kalmaz, kullanıcı arayüzünün sağladığı tüm olayları(buton tıklama,listeden bir eleman seçme vb.) işleyebilir. Arayüz elemanlarına tepki verebilmek için bir olay kotarıcı oluşturuyoruz.Bu örnekte sadece arayüz olaylarına reaksiyon gösteren bir olay kotarıcı yazacağız. Bir olay gerçekleştiğinde (buton tıklama gibi) olay çağırıcısının (olay yaratan arayüz elemanı[tıklanan buton vb.]) id'sini alıyoruz(arayüz nesnesini oluştururken id'sini biz belirliyoruz) ve bu elemanın göstericisini elde ediyoruz. Burada fazladan şuna değinmek istiyorum. Irrlicht motorunda s32,u32,f32 vb. değişken tipleri ile karşılaşabilirsiniz. Bunlar aslında sadece birer isim değişikliğidir. s32 'signed integer' anlamında 32 bitlik bir int'dir. f32'yi sizde tahmin ediyorsunuzdur, 32 bitlik bir float.

class MyEventReceiver : public IEventReceiver
{
public:
	virtual bool OnEvent(SEvent event)
	{
		if (event.EventType == EET_GUI_EVENT)
		{
			s32 id = event.GUIEvent.Caller->getID();
			IGUIEnvironment* env = device->getGUIEnvironment();

            switch(event.GUIEvent.EventType)
            {

Eğer bir kaydırma çubuğunun çubuk pozisyonu değiştirilirse(burada bizim id'sini belirlediğimiz nesnenin olayını işliyoruz), pozisyona göre tüm arayüz elemanlarının görünürlük(transparancy) oranını değiştiriyoruz.Bu basit bir işlem: Tüm renk ayarlarının bulunduğu bir 'skin' nesnesi vardır. Sadece bu nesnedeki tüm renklerin 'alpha' değerlerini değiştiriyoruz.

case EGET_SCROLL_BAR_CHANGED:
	if (id == 104)
	{
		s32 pos = ((IGUIScrollBar*)event.GUIEvent.Caller)->getPos();
					
		for (s32 i=0; i<EGDC_COUNT ; ++i)
		{
			SColor col = env->getSkin()->getColor((EGUI_DEFAULT_COLOR)i);
			col.setAlpha(pos);
			env->getSkin()->setColor((EGUI_DEFAULT_COLOR)i, col);
		}
	}
break;

Eğer bir buton tıklandı ise, bu bizim 3 butonumuzdan biri olabilir :).Id'sine göre kontrol ediyoruz. Eğer ilki ise motoru kapatıyoruz. İkincisi ise üzerinde yazı bulunan bir pencere oluşturuyoruz. 3. buton tıklanırsa bir dosya açma arayüzü oluşturuyoruz. Ayrıca liste kutusuna 'log' benzeri yapılan eylemi belirten yazı ekliyoruz. Olay kotarıcı için yapılacaklar bu kadar.

       case EGET_BUTTON_CLICKED:
              if (id == 101)
              {
                 device->closeDevice();
                 return true;
              }

              if (id == 102)
              {
                 listbox->addItem(L"Window created");
                 cnt += 30;
                 if (cnt > 200)
                   cnt = 0;

                 IGUIWindow* window = env->addWindow(
                       rect<s32>(100 + cnt, 100 + cnt, 300 + cnt, 200 + cnt), 
                       false, // modal?
                       L"Test window");

                 env->addStaticText(L"Please close me",
                       rect<s32>(35,35,140,50),
                       true, // border?,
                       false, // wordwrap?
                       window);

                 return true;
              }

              if (id == 103)
              {
                 listbox->addItem(L"File open");
                 env->addFileOpenDialog(L"Please choose a file.");
                 return true;
              }

              break;
          }
       }
       return false;
    }
 };

Şimdi biraz eyleme geçelim. Önce irrlicht device'ı oluşturuyoruz. Önceki örneklerdeki gibi kullanıcıya hangi sürücüyü kullanmak istediğini soruyoruz(DX,GL vb).