Dizajn, konceptualizacija i razvoj računalne RPG igre korištenjem suvremenih web tehnologija

master's thesis

• Author: Barbara Deskar
• Mentor: Tibor Skala (mentor)
• Committee member: Maja Rudolf (predsjednik povjerenstva)
• Committee member: Tibor Skala (član povjerenstva)
• Committee member: Nikolina Stanić Loknar (član povjerenstva)
• Granter: University of Zagreb; Faculty of Graphic Arts; Zagreb
• Defense date and country: 2022-09-27, Croatia
• Scientific / art field, discipline and subdiscipline: TECHNICAL SCIENCES; Graphic Technology

Abstract

U ovom će radu biti prikazane i pojašnjene tehnologije čija kombinacija
omogućuje korištenje 3D grafike na webu, te će se samim time proučiti njihov
potencijal pri razvoju računalnih igara. Analizirat će se WebGL, API za
renderiranje 2D i 3D grafika visokih performansi unutar web preglednika te
biblioteke koje su se iz njega razvile. Također će se proučiti tehnike 3D
modeliranja i pripadajući softver. Primarne metode istraživanja bit će proučavanje
postojećih primjera igara ovog žanra te tehnika izrade igara u sličnom kontekstu.
Praktični dio ovog rada uključuje dizajn, kreiranje potrebnih elemenata (2D i 3D)
te razvoj računalne RPG igre. Najprije će se temeljem istraživanja detaljnije
specificirati koncept i ključne mehanike kao i priča igre. U produkcijskoj će fazi
biti kreirani elementi vizualnog identiteta, ponajprije logo i korisničko sučelje.
Projekt će se graditi prateći modularnu strukturu, od definicije osnovnih
segmenata koji omogućuju funkcioniranje same aplikacije, do implementacije
upravljanja glavnim likom i mehanika sukoba. Programski će se definirati
generiranje okoliša u skladu s tematikom igre. Definirano korisničko sučelje
inkorporirat će se u aplikaciju kako bi se ujedinio doživljaj igranja. Prilikom razvoja
projekta koristit će se metode i alati koji su standard industrije. Tako je cilj
organizacija koda po najboljim praksama, te će se redovito izvršavati kontrola
verzija. Grafički elementi, a posebice 3D grafika će također biti optimizirani u
procesu izrade kako bi se finalno omogućile bolje performanse.
Cilj je rada istražiti mogućnost primjene navedenih alata u izradi funkcionalne
računalne igre, te ispitati granice i potencijal takvih alata. Proučit će se doseg koji
samostalno može imati jedna osoba unutar sfere takvog projekta koji je zamišljen
kao pregled osobnih vještina i pokazatelj napretka u struci. Sukladno navedenom
ispitat će se sljedeća hipoteza: “JavaScript biblioteka Three.js i pripadajući alati
(HTML, CSS, Parcel, Cinema4D i Figma) omogućuju pojedincu dizajniranje i
kreiranje funkcionalne računalne igre.”

Abstract (english)

This thesis will present and explain technologies whose combination allows the
use of 3D graphics on the web, and thus study their potential in computer game
development. The paper will analyze WebGL, an API for rendering highperformance 2D and 3D graphics within the web browser, and the libraries that
evolved from it. 3D modeling techniques and related software will also be studied.
The primary research methods will involve examining existing examples of
games of this genre as well as techniques for making games in a similar context.
The practical part of this paper includes design, creation of necessary elements
(2D and 3D) and finally development of a computer RPG game. First, based on
research, the concept and key mechanics as well as the story of the game will be
specified in more detail. In the production phase, visual identity elements will be
created, primarily the logo and user interface. The project will be built following a
modular structure, starting with the definition of the basic segments that enable
the application itself to function, to the implementation of the main character
movement and battle mechanics. The environment will be generated in
accordance with the theme of the game. The previously defined user interface
will be incorporated into the application to unify the gaming experience. Industry
standard methods and tools will be used through the development of the project.
Thus, the goal is to organize the code according to best practices, with version
control performed regularly. Graphic elements, especially the 3D models will be
optimized in the process to enable better performance overall.
The aim of this paper is to examine the limits and potential of the aforementioned
tools. The limits of how much a single person can independently do within the
sphere of such a project will be tested. It is designed as an overview of personal
skills and an indicator of progress in the profession. Accordingly, the following
hypothesis will be tested: "JavaScript library Three.js and associated tools
(HTML, CSS, Parcel, Cinema4D and Figma) allow an individual to design and
create a functional computer game."

• Keywords: Three.js; Cinema4D; RPG; računalne igre; web aplikacija
• Keywords (english): Three.js; Cinema4D; RPG; computer games; web app
• Language: croatian
• URN:NBN: urn:nbn:hr:216:639029
• Study programme: Title: Graphic technology; specializations in: Graphic technology, Design of graphic products; Course: Graphic technology; Study programme type: university; Study level: graduate; Academic / professional title: sveučilišni/a magistar/magistra inženjer/inženjerka grafičke tehnologije (sveučilišni/a magistar/magistra inženjer/inženjerka grafičke tehnologije)
• Type of resource: Text
• File origin: Born digital
• Access conditions: Closed access
• Created on: 2024-06-20 10:58:35