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 (8)
Emner Webapplikationer

Pacman i HTML5 bruger mere processorkraft end Flash-versionen

En udvikler har programmeret Pacman-spillet kun med webstandarder. En af konklusionerne var, at spillet slugte mere maskinkraft end den tilsvarende Flash-udgave.

Af Jesper Kildebogaard Tirsdag, 27. juli 2010 - 12:27

Pacman-spillet er genfødt - igen - men denne gang som et rent HTML5-spil.

Udvikleren Dale Harvey har kodet det klassiske spil med canvas- og audio-tags fra HTML5, samt muligheden for at gemme data lokalt i browseren med localStorage, mest for at teste mulighederne i de kommende webstandarder.

Og resultatet blev fint - men havde været bedre i Flash, rent performance-mæssigt, konkluderer han.

For mens simple elementer som tekst er fjollet at lave i Flash, i forhold til plugin'ets appetit på processorkraft, er spil som Pacman bedre egnet i Flash, skriver Dale Harvey i sit blog-indlæg.

HTML5-versionen æder nemlig mere maskinkraft end Flash-udgaven, fordi Flash gennem årene er blevet rigtig godt optimeret til at afvikle spil, mener han.

Han stødte også på andre forhindringer i sin HTML5-spiludvikling. For eksempel er det ikke nemt at få lov at køre lyd i loop via audio-tagget, og han fandt aldrig en løsning, der virkede på alle platforme.

Browsernes forskellige fortolkninger af funktionen, der viser hvor meget af en fil, der er loadet, gav også noget bøvl.

Og så er samspillet mellem HTML5-spil og resten af websiden i sagens natur anderledes end Flash-spil, som er helt selvstændige elementer på siden. Med HTML5 er spillet helt ligestillet resten af indholdet på siden, og det er som regel en fordel, mener Dale Harvey.

Så kan man for eksempel flytte rundt på siden, mens man spiller.

Pacman har fået en del opmærksomhed på det seneste, da spillet havde 30-års jubilæum i maj måned. I den anledning havde Google en meget omtalte hyldest til spillet, hvor Google-logoet i to dage var et spilbart Pacman-spil.

Googles udviklere havde brugt Javascript og CSS til at få spøgelser og den sultne 'pizza' til at gå op i en højere enhed.

Send Tweet
Udskriv

IT-job & karriere

  • Se alle it-job
  • Importer din kompetenceprofil fra LinkedIn
EPIserver Web Developer
Udgivet 14. maj 9.33
.Net Web Developer
Udgivet 8. maj 15.44
Salesforce.com - udviklere til Vallensbæk
Udgivet 30. nov 2011 10.44
Senior metodekonsulent med interesse for BPM og SCRUM
Udgivet 2. maj 9.59

Kommentarer (8)

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

Følg kommentarer
Ove Andersen 27. jul. 2010 - 12.38
 
Here

Her er HTML5 versionen af Pacman: http://arandomurl.com/2010/07/25/html5-pacman.html
Det bruger ikke synligt nogle mærkbart kræfter på mit system, når jeg kigger på joblisten.

  • Stem op 0
  • Stem ned 0
  • Log ind eller opret en konto for at skrive kommentarer
Henrik Mikael Kristensen 27. jul. 2010 - 13.01
 
Re: Here

Den bruger meget CPU kraft her på OSX/Safari, så man kan konkludere at det underliggende afviklingsmiljø, som altid, har betydning for, hvor effektivt en applikation afvikles, uanset om det er Flash, HTML5, Java, etc.

  • Stem op 0
  • Stem ned 0
  • Log ind eller opret en konto for at skrive kommentarer
Jesper Lund Stocholms billede
Jesper Lund Stocholm 27. jul. 2010 - 13.03
 
Re: Here

Where?

Det virker ikke her (FF 3.6.8, Win7)

  • Stem op 0
  • Stem ned 0
  • Log ind eller opret en konto for at skrive kommentarer
Ove Andersen 27. jul. 2010 - 13.13
 
Re: Here

Virker fint her (FF 3.6.8, Win7 x64). Tog dog lige 10-15 sekunder første gang jeg besøgte siden..

  • Stem op 0
  • Stem ned 0
  • Log ind eller opret en konto for at skrive kommentarer
Thomas Vestergaard 27. jul. 2010 - 13.43
 
Re: Here

Virker også fint her (Opera 10.60, Win7 x86), når det først er loaded.

  • Stem op 0
  • Stem ned 0
  • Log ind eller opret en konto for at skrive kommentarer
NA NA 27. jul. 2010 - 14.01
 
Sammenligning

Er jeg den eneste der synes det kunne have været relevant at prøve en implementation i flash så man kunne sammenligne ?

På min 2-3 år gamle pc lå CPU usage og svingede mellem 0-2 % da jeg kørte html 5 udgaven (Firefox/Win 7) kan ikke rigtig se at det skulle være noget problem.

  • Stem op 0
  • Stem ned 0
  • Log ind eller opret en konto for at skrive kommentarer
Nils Lundberg 27. jul. 2010 - 14.41
 
Test med tre browser på Mac OS X 10.6.4

Jeg tog og lavede en lille testet med tre browser: Firefox3.6.8 Opera10.60 og Safari5 på min 3 år gamle macbook(2GHz,4GBRam)

Testen bestod i at gennemføre og komme til level 2 og så få tracket Cpu forbrug.

Firefox brugte mindst cpu - retter sagt næsten ikke noget.

Opera brugle en smule mere under spillet end firefox men brugte meget cpu tid på at loade siden.

Safari brugte 90-100% cpu på den ene kerne, meget dårligt.

  • Stem op 0
  • Stem ned 0
  • Log ind eller opret en konto for at skrive kommentarer
Christian W. Moesgaard 28. jul. 2010 - 02.01
 
Re: Test med tre browser på Mac OS X 10.6.4

@Nils Lundberg
Godt klaret.
Jeg skulle lige til at nævne, at en udtalelse om, at "HTML5 bruger mere processorkraft end Flash" er noget vås uanset hvordan man vender og drejer det.

HTML5 er implementeret i browseren, så alt efter hvilken browser og hvilket OS man bruger vil man få forskellige resultater.

For at indvikle det yderligere kan Flash også opføre sig forskellet alt efter OS. På Windows kører det for eksempel ganske udemærket, men på Mac kører det ret middelmådigt, og på Linux kører det nærmest ikke uden at man hacker en smule, og selv da går det ned en gang i mellem og performance er elendig.

HTML5 er jo kun en specifikation. Ikke en implementering. Det skal man i den grad have for øje inden man dømmer det.
PS: Det overrasket mig ikke at Firefox klarer sig bedst på HTML5-fronten, i hvert fald performance-messigt.

  • Stem op 0
  • Stem ned 0
  • 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

Meego-afløseren Tizen klar til at tage kampen op med Android

Udgivet 23. maj 16.01Opdateret 23. maj 16.01

Massiv logning af danskernes internetbrug - men politiet bruger kun IP-adressen

Udgivet 23. maj 15.22Opdateret 23. maj 15.22

198 IBM-medarbejdere fritstillet med øjeblikkelig virkning

Udgivet 23. maj 14.28Opdateret 23. maj 15.10

Mystisk Project X afsløret: Rent flashlager giver fænomenal IOPS-ydelse

Udgivet 23. maj 14.19Opdateret 23. maj 14.19

Region sparer licens-millioner på at lukke ”Grønt System”

Udgivet 23. maj 13.22Opdateret 23. maj 13.22

Flere it-nyheder »

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

Whitepapers

Kick-start your master data management initiative

Affecto Denmark

Affecto Data Quality Assessment: Er din indsigt og beslutning baseret på validt data?

Affecto Denmark

Framework til datamigrering i SAP miljøer - spar op til 50% på dine Data Migration udgifter

Affecto Denmark

Få et Data Warehouse (DW) review hos Affecto

Affecto Denmark

Ressourcehåndtering

Projectplace
  • Flere whitepapers

Branchenyheder

Konica Minoltas stand på drupa 2012 slog besøgsrekord

Konica Minolta Business Solutions Denmark

Komplex it er blevet Brocade Premier Partner

Komplex IT

Øg din effektivitet og produktivitet med bizhub C654/C754

Konica Minolta Business Solutions Denmark

Brugerfjendtlige it-løsninger gør brugerne til en sikkerhedstrussel

Projectplace

Athena IT-Group A/S med solid indtjening

Athena IT-Group

Seneste debat

  1. HTML5 – det nye sort?

    12 comments.
    Last update 1 time 5 minutter
    Skrevet af Kristian Dalgård
  2. Netflix bruger sit eget API 42 milliarder gange - om måneden

    2 comments.
    Last update 1 time 42 minutter
    Skrevet af Martin Jensen
  3. Dart: Dynamisk Statisk Programmering

    20 comments.
    Last update 3 timer 13 minutter
    Skrevet af Lars Bjerregaard
  4. Microsoft fjerner umoderne bling-effekter i Windows 8

    49 comments.
    Last update 3 timer 27 minutter
    Skrevet af Jesper Lund Stocholm
  5. NemID sender Mac-styresystem fra 2009 ud i kulden

    31 comments.
    Last update 3 timer 31 minutter
    Skrevet af Jan Peter Bagge
  6. Clojure-opfinder fupper publikum med falske kodefakta

    2 comments.
    Last update 3 timer 38 minutter
    Skrevet af Allan Ebdrup
  7. Skulle du aldrig lave en WP app?

    33 comments.
    Last update 3 timer 39 minutter
    Skrevet af Lars Bjerregaard
  8. Meego-afløseren Tizen klar til at tage kampen op med Android

    3 comments.
    Last update 5 timer 31 minutter
    Skrevet af Bjørn Froberg

Mere debat »

It-virksomheder

Incube
|
BEC
|
Twins Consulting
|
Timesheet Reporter
|
Bownty ApS
|
Netop Business Solutions
|
NetDesign
|
Computerfriend.DK
|
Esec
|
Ciklum
|
4C Management Consulting
|
Reload!
 

Information

  • Kontakt redaktionen
  • Job- og annoncesalg
  • Teknisk support
  • Om Version2
  • Brugerbetingelser
  • Privatlivspolitik

Aktuelle emner

  • Agil udvikling
  • Android
  • Bruttolønsordning
  • Business Intelligence
  • Cloud computing
  • Download Windows 8
  • HTML5
  • Harddisk-priser
  • IE9
  • Intranet
  • It-sikkerhed
  • Kindle Fire
  • Multimedieskat
  • NemID
  • OS X Mountain Lion
  • Open source CMS
  • Projektledelse
  • Scrum
  • Sharepoint intranet
  • Storage
  • Ubuntu 11.10
  • Virtualisering
  • Windows 8
  • Windows Phone 7
  • iOS 5
  • iPhone 4S

Tjenester

  • Android-app
  • 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 Skelbækgade 4 1717 København V
  • Tlf. work 33265300