Gå til hovedindhold
Version2 it for professionelle
Forsiden

Hovedmenu

  • It-nyheder
  • Blogs
  • It-job
  • It-firmaer
  • Whitepapers
  • Opret bruger
  • Log ind
Du kan logge ind med din e-mail-adresse
Der er forskel på store og små bogstaver i adgangskoden.
Glemt adgangskode?
Se kommentarer (14)
Emner HTML5, Smartphones, Spiludvikling

Dansk HTML5-spilmotor skal konkurrere med native apps

Den danske udvikler Mark Sederqvist er i gang med at udvikle en HTML5-spilmotor, som kan konkurrere med mobile spil udviklet i native kode. En prototype er allerede tilgængelig.

Af Theis Holtz Hansen Tirsdag, 3. april 2012 - 10:44

HTML5 er den nye standard til at programmere hjemmesider i - eller nærmere webapplikationer.

Men HTML5-apps kører endnu ikke så hurtigt, og det er derfor stadig en udfordring at give samme gode brugeroplevelse, som vi kender fra traditionelle applikationer. Det forsøger den danske udvikler Mark Sederqvist nu at lave om på. I hvert fald på spilfronten.

Han har det sidste års tid arbejdet på en spilmotor til HTML5, som skal kunne køre spil flydende på computere såvel som på ældre smartphones. For at bevise at det kan lade sig gøre, har han selv lavet spillet Gangsta Gangsta, der lige nu er tilgængeligt for alle som en prototype.

»Der er mange folk, der bliver chokeret, når de ser, at det her kører som en HTML5-applikation (spillet Gangsta Gangsta, red.). Og det er jo også lidt af et jordskælv, at det nu er muligt at lave det her,« siger Mark Sederqvist til Version2.

Sådan ser spillet Gangsta Gangsta ud, som minder om det populære Grand Theft Auto

HTML5 sparer tid og penge

Fordelen ved at lave et spil i HTML5 er, at man kun behøver at programmere spillet én gang. For alle tablets og smartphones kan køre HTML5, i modsætning til traditionelle applikationer, hvor man skal lave en ny version til Android, iOS, Windows Phone, pc og så videre.

Det sparer penge og tid på både udvikling og vedligeholdelse, fordi der kun er én kodebase at vedligeholde.

Hvis man så oven i købet vil lave et spil, hvor spillerne skal spille med hinanden på tværs at platforme, er man, ifølge Mark Sederqvist, nærmest ude i et umuligt projekt. Det problem eksisterer ikke med HTML5, da det er helt platformuafhængigt.

HTML5 kan dog ikke endnu helt konkurrere med de traditionelle applikationer på rå regnekraft, og derfor fokuserer Mark Sederqvist på de mere simple spil.

»Du kan ikke konkurrere med native apps på rå perfomance, men for en stor del af de spil, som folk spiller, der vil du kunne komme ret tæt på. De bedst sælgende spil er jo simple spil, som Wordfeaud og DrawSomething. Det er jo ikke tunge 3D spil. Jeg vil påstå, at man kan lave sådanne spil i HTML5, uden at brugerne kan mærke forskel,« siger Mark Sederqvist til Version2.

Han er dog sikker på at ydelsen på HTML5-apps kun bliver bedre med tiden. Det er et spørgsmål om at udvikle browsere der er gode nok, og som Mark Sederqvist selv formulerer det, så bliver der smidt uendelige ressourcer efter browserudvikling.

HTML5 er stadig umoden

HTML5 standarden er endnu ikke fuldt ud færdigudviklet. Rigtig mange af de nye funktioner virker i dag, men programmeringssproget er først planlagt til at være helt færdigt i 2022.

For Mark Sederqvist betyder det, at han ikke kan bruge HTML5 til lyddelen af sit spil. Der er nemlig endnu ikke nogen god standard i HTML5 til at håndtere lyd ordentligt.

Det problem har han løst ved at pakke sit spil ind i en 'browser wrapper' og tilføjet en smule kode, som gør det muligt at bruge lyd på samme måde som traditionelle applikationer.

Mark Sederqvist har programmeret spilmotoren alene, men hyret freelancere til at lave grafikken

Kort fortalt har han taget en browser og fjernet næsten alle dele af brugergrænsefladen og lagt spillet ind som den eneste side browseren kan køre. Udover muligheden for at tilføje kode som HTML5 endnu ikke kan klare, så har det den fordel, at det får spillet til at ligne en traditionel applikation i stedet for en hjemmeside.

Men lyddelen har måske været den mindste udfordring ved at bygge et spil i HTML5. For platformens umodenhed betyder, at man ikke kan trække på værktøjer, som andre har lavet endnu, på samme måde som man kan, hvis man for eksempel laver et spil til iPhone. Derfor har Mark Sederqvist været nødt til at bygge en spilmotor helt fra bunden.

»Du har canvas (HTML5’s grafikelement, red.), som kan tegne et eller andet på et skærmområde. Det kan tegne en streg fra A til B eller lægge et billede ind. Og at komme derfra til, at du har animationer, som kører, der er platformen så umoden, at du ikke kan trække på værktøjer, andre har lavet,« siger Mark Sederqvist.

Ifølge Mark Sederqvist er interessen for HTML5 så stor, at der i løbet af kort tid vil komme andre værktøjer og spilmotorer til platformen.

Derudover er der stadig nogle eksperimentelle funktioner, som skal kodes en smule anderledes i forskellige browsere. Det er dog så lidt, at Mark Sederqvist ikke ser det som et større problem.

Han vurderer, at det kun er en halv procent af sin egen kode, der er browser-specifik. Med tiden vil det også udligne sig, efterhånden som standarden bliver bedre klarlagt.

Ingen forretningsplan endnu

Mark Sederqvist har endnu ikke nogen forretningsplan for sin spilmotor. I første omgang vil han udvikle spillet Gangsta Gangsta, og se om det kan blive en succes.

»Hvis vi udgiver et spil, som virker på iOS, Android og internettet og det er en succes, så tror jeg mange vil få øjnene op for det. Især hvis det ikke er en succes, som kun er teknisk imponerende, men også er et fedt spil,« siger Mark Sederqvist.

Lige nu demonstrerer prototypen gameplayet og animationer. Men når spillet er helt færdig, skal spillerne kunne spille med hinanden og mod hinanden online.

Send Tweet
Udskriv

Mere om HTML5

Opret en konto eller log ind for at følge indhold på Version2 - og bliv opdateret via e-mail eller rss

Følg dette emne

LinkedIn fortryder HTML5-satsning: Mobil-apps kodes igen i 'native' sprog

Udgivet 19. apr 13.55Opdateret 22. apr 9.26

Danske iPaper måtte starte forfra med skift fra Flash til HTML

Udgivet 18. apr 9.11Opdateret 23. apr 15.41

HTML5-fejl kan fylde din harddisk til randen med cookies

Udgivet 1. mar 15.31Opdateret 1. mar 15.31

Nyt værktøj rydder op i gammel webkode til Internet Explorer

Udgivet 1. feb 11.43Opdateret 1. feb 11.43

IT-job & karriere

  • Se alle it-job
  • Importer din kompetenceprofil fra LinkedIn
World class front-end developer
Udgivet 1. maj 10.48
Er java.util.concurrency din ven?
Udgivet 2. maj 15.36
Junior Windows Software Engineer
Udgivet 25. apr 14.13
Projektleder medico-software
Udgivet 8. maj 16.34

Kommentarer (14)

Opret en konto eller log ind for at følge indhold på Version2 - og bliv opdateret via e-mail eller rss

Følg kommentarer
Rasmus Kaae 3. apr. 2012 - 11.02
 
Sejt :-)

Det ser da meget cool ud. Har prøvet det i chrome på pc. Virker det også på android?

  • Stem op 1
  • Stem ned 0
  • anmeld
  • Log ind eller opret en konto for at skrive kommentarer
Theis Holtz Hansen 3. apr. 2012 - 11.08
 
Re: Sejt :-)

Ja, du kan hente det som app. Google Play: Gangsta Gangsta

  • Stem op 1
  • Stem ned 0
  • anmeld
  • Log ind eller opret en konto for at skrive kommentarer
Robert Larsen 3. apr. 2012 - 11.37
 
JavaScript game engines
Ifølge Mark Sederqvist er interessen for HTML5 så stor, at der i løbet af kort tid vil komme andre værktøjer og spilmotorer til platformen.

Tja, mon ikke der en dag kommer en game engine mere:
https://gist.github.com/768272

  • Stem op 0
  • Stem ned 0
  • anmeld
  • Log ind eller opret en konto for at skrive kommentarer
Carsten Olsen 3. apr. 2012 - 11.39
 
Godt gået

Og så er han fra Danmark. Dette ER innovativt.
Lange-Grethe: Send ham et ridderkors ;-)

  • Stem op 0
  • Stem ned 0
  • anmeld
  • Log ind eller opret en konto for at skrive kommentarer
Rasmus Kaae 3. apr. 2012 - 12.13
 
Re: JavaScript game engines

Hehe - jeg faldt efterfølgende selv over http://www.limejs.com/

Jeg tror én af de vigtigste ting i forbindelse med udvikling af sådan en engine er tool support. Se blot hvor succesfuld Unity er blevet - en stor del må tilskrives deres brugervenlige tools.

  • Stem op 1
  • Stem ned 0
  • anmeld
  • Log ind eller opret en konto for at skrive kommentarer
Michael Peters 3. apr. 2012 - 14.22
 
Re: Godt gået

Send ham et ridderkors

Jeg er enig i at han skal have ros - men med debatten om innovations beskatning er det nærmere skattevæsenet der er interesseret i projektet. Dette er et godt eksempel på, at mindre investorer ville blive beskatte uhensigtsmæssigt.

  • Stem op 2
  • Stem ned 1
  • anmeld
  • Log ind eller opret en konto for at skrive kommentarer
Peter Frandsen 3. apr. 2012 - 16.35
 
GDC 2012: The Bleeding Edge of Open Web Tech

En lille time om interessante ting der sker på web spil fronten - der er bl.a. et afsnit der handler om hvad der er på vej omkring lyd.

http://www.youtube.com/watch?feature=player_embedded&v=_adMEEAtDwE

Et eksempel på et Native Client baseret spil: http://www.youtube.com/watch?v=sFDDiqN4C9A

  • Stem op 0
  • Stem ned 0
  • anmeld
  • Log ind eller opret en konto for at skrive kommentarer
Robert Larsen 3. apr. 2012 - 19.17
 
Re: JavaScript game engines
Hehe - jeg faldt efterfølgende selv over http://www.limejs.com/

Den har vi på komogvind.dk brugt til vores nyeste spil VoodooFriends, men har efterfølgende valgt, at lave vores egen engine (så svært er det altså heller ikke). LimeJS gør for mange ting for besværligt og koden er meget rodet.

  • Stem op 0
  • Stem ned 0
  • anmeld
  • Log ind eller opret en konto for at skrive kommentarer
Alexander Færøys billede
Alexander Færøy 3. apr. 2012 - 21.54
 
Web Audio API

Hej Mark,

I WebKit er der pt. en implementering af Web Audio API[1], som bl.a. virker i Chrome samt Safari nightly, men det virker desværre ikke på de mobile platforme endnu, da der stadig mangler forskellige håndskrevne implementering af de forskellige algoritmer til diverse hardware DSP'er.

Har du kigget på om det API løser de problemmer du har med lyd eller er det noget helt andet du leder efter?

  • Stem op 1
  • Stem ned 0
  • anmeld
  • Log ind eller opret en konto for at skrive kommentarer
Mark Sederqvist 4. apr. 2012 - 10.17
 
Re: Web Audio API

Hej Alexander, jeg har ikke prøvet Web Audio API endnu - på mobil pakker vi browservinduet ind i en native app vha. PhoneGap, og der får man lyddelen 'gratis' via PhoneGaps JavaScript->native bridge. Men udover at jeg helst så en standard vinde frem (såsom HTML5 audio :-)) så kan det helt sikkert være en god mulighed til standalone WebKit browsere.

  • Stem op 0
  • Stem ned 0
  • anmeld
  • Log ind eller opret en konto for at skrive kommentarer
Nicolai Buch-Andersen 4. apr. 2012 - 12.09
 
libgdx

Se eventuelt også libgdx: http://code.google.com/p/libgdx/

Spilet programmeres i Java + OpenGL og kan med en lille wrapper bringes til at køre på Desktop, Android eller HTML5. Jeg må dog indrømme at jeg selv kun har prøvet Desktop/Android-kombinationen. Ved ikke hvordan (eller om!) de håndterer lyd i HTML5, men projektet er Open Source, så man kan vel tage et kig i koden, hvis man er interesseret.

  • Stem op 0
  • Stem ned 0
  • anmeld
  • Log ind eller opret en konto for at skrive kommentarer
Jacob Christensen 4. apr. 2012 - 16.17
 
Re: Sejt :-)

Ihh jep!
Html5 Rocks! Er selv fanget af spillet http://www.lordofultima.com/ref/2488511909
Häber standard snart kommer ud sä vi kan programmere til iexplorer, chrome, firefox, safari... og ikke lave samme web pä flere sporg.
Hilsner fra Spanien, BCN.

  • Stem op 0
  • Stem ned 0
  • anmeld
  • Log ind eller opret en konto for at skrive kommentarer
Jacob Christian Munch-Andersen 15. apr. 2012 - 12.43
 
Ikke imponerende

Jeg synes nu ikke umiddelbart at det ser ud af noget særligt. Det er ganske almindelig 2D sprite grafik, hvor langt det meste af billedet er en simpel baggrund.

Billederne er relativt flotte, hvilket gør at spillet kommer til at se rimelig pænt ud, men det ændrer ikke på at grafikken rent teknisk ikke er noget særligt.

Som spil lider det af et dårligt interface og umiddelbart må jeg konstatere at det er alt for svært.

  • Stem op 0
  • Stem ned 0
  • anmeld
  • Log ind eller opret en konto for at skrive kommentarer
Mark Sederqvist 18. apr. 2012 - 22.06
 
Re: JavaScript game engines

Tja, mon ikke der en dag kommer en game engine mere: https://gist.github.com/768272

Jeg skylder at nævne at der i konteksten var tale om engines som kører både på standard browsere og mobile platforme - dette indskrænker valgmulighederne gevaldigt.

  • Stem op 0
  • Stem ned 0
  • anmeld
  • Log ind eller opret en konto for at skrive kommentarer

Tilføj kommentar

Opret en konto eller log ind for at følge indhold på Version2 - og bliv opdateret via e-mail eller rss

Følg kommentarer
Log ind herunder eller opret en bruger for at skrive kommentarer
Du kan logge ind med din e-mail-adresse
Der er forskel på store og små bogstaver i adgangskoden.
Glemt adgangskode?

Seneste nyt

Ethernet fylder 40: Fra datacenter til F16-fly

Udgivet 24. maj 15.55Opdateret 24. maj 15.55

Rygte: 48 millioner Xbox Live-konti hacket

Udgivet 24. maj 14.40Opdateret 24. maj 14.40

Shopamok: 41 domæner fra konkursbo sat til salg for 500 kroner

Udgivet 24. maj 14.08Opdateret 24. maj 14.08

300.000 cloud-servere giver ny Xbox supermuskler

Udgivet 24. maj 11.31Opdateret 24. maj 11.31

Yousee: Vi ville ikke skræmme kunderne

Udgivet 24. maj 10.44Opdateret 24. maj 11.32

Flere it-nyheder »

Tilmeld dig Version2's it-nyhedsbrev og vind den nye iPad.

Whitepapers

Version2 Insight: Softwaretest

Mediehuset Ingeniøren

Mobile Test Service - Device & Test Coverage

Testhuset

Succes historier om OPS – Optimized Print Services

Konica Minolta Business Solutions Denmark

OPS - Optimized Print Services

Konica Minolta Business Solutions Denmark

Mobile Test Service - Device Strategy & Planning

Testhuset
  • Flere whitepapers

Branchenyheder

CES 2013 - Fra hjernebølger til smart home

GlobalConnect

Udskriv fra din smartphone eller tablet via ny app på Google Play

Konica Minolta Business Solutions Denmark

Kapitaludvidelse på halv mia. skal åbne nordtysk marked

GlobalConnect

Digitale samarbejdsværktøjer vokser eksplosivt

Projectplace

Lyncs stormløb - høje ambitioner og køb af Skype

GlobalConnect

It-virksomheder

C-Tilsted
|
Huawei Technologies (denmark)
|
Valeo
|
Rasby
|
Mirsk Digital
|
Jayway
|
radoor & co aps
|
Codecompany.DK
|
Webitall
|
Zylinc
|
Surfray 2009
|
Abusiness
 

Information

  • Kontakt redaktionen
  • Job- og annoncesalg
  • Teknisk support
  • Om Version2
  • Brugerbetingelser
  • Cookie- & privatlivspolitik

Aktuelle emner

  • Agil udvikling
  • Business Intelligence
  • Cloud computing
  • Intranet
  • It-sikkerhed
  • NemID
  • Open source CMS
  • Projektledelse
  • Scrum
  • Sharepoint intranet
  • Storage
  • Ubuntu
  • Virtualisering
  • Windows 8
  • Windows Server 2012
  • iOS 6
  • iPhone 5

Tjenester

  • iPhone-app
  • RSS-feeds
Følg @version2dk
Tilmeld dig Version2's it-nyhedsbrev og vind den nye iPad.

Version2 udgives af

  • Mediehuset Ingeniøren A/S work Trekronergade 26 2500 Valby
  • Tlf. work 33265300