Tämä on jatkoa kahvtauokoa edeltäneestä HTML ja pelit jutusta (joss Ville oli). Eli ty nyt olisi tarkoitus katsoa enemmän demoja ymmärtääkseni. Aikataulu on hieman myöhässä, onneksi, sillä jäin suustani aika pahasti kiinni kun Google yritti rekrytoida (no ne kyllä sanoi että "emme yritä rekrytoida, mutta jos jätät käyntikorttisi, voimme ilmoittaa työmahdollisuuksista niiden ilmetessä" En jättänyt, vaikka Google Education kuulostaa kyllä kivalta, he nimittäin kouluttavat paitsi teknisissä asioissa, myös esim. Mindfulnessiamindfulnessia, yksityskohta jonka takia meinasin suostua. Epäilen kuitenkin että se olisi niin insinöörimäistä että pysyn mielummin kulttuurialalla )
HTML5 pelidemoja
Tekijä esitteee demoja, ja sitten keskustellaan koodista ja katsotaan sitä.
...
Keskeinen tekniikka on HTML5 Webworkerien käyttö. Keskeinen pointti tässä on kuinka paljon tehokkaammin koodi suoriutuu kun käyttää Webworkereita.
Futchball game
Opiskelijoide kurssilla Opiskelijoiden ohjelmointikurssilla tekemä peli, yksi parhaimmista mitä kurssilla on tehty kuulema.
Pelataan vastakkain netin yli. Käyttää websocketteja jotta toimis, ja samaa 3d-kirjastoa kuin esim. Angry Birds. Peli sisältää myös chatin. Kaksi pelaa vastakkain, mutta useita voi olla mukana katsomossa (seuraamassa).
Käyttää "Request Animation Frame" tekniikkaa, joka mahdollistaa sen että ruutu päivitetään vain tarvittaessa, eikä koko aikaa, joka mahdollistaa korkeamman framerate:n pelille.
Käyttää myös Webworkereitä.
Virtual texturing WebGL
Demo miten todella tarkan / yksityiskohtaisen pelimaailman saa pyörimään sulavasti selaimessa: http://schumann.elis.ugent.be/
Tyyppi on ollut C++ ohjelmoija ihan oikeissa pelifirmoissa (ollut tekemässä grafiikkaohjlmointia esim Rage-pelille), mutta tekee nyt väikkäriään. On tehnyt tämän JavaScript-demon koodauksen C++ -tyylisesti, eli on vaikeasti ymmärrettävää koodia. On tehnyt tämän JavaScript-demon koodauksen C++ -tyylisesti, eli on vaikeasti ymmärrettävää koodia.
Philippe W3C:stä
Ei pelinkehittäjä, mutta demoaa kuinka helposti voi saada yksinkertaisia pelejä aikaiseksi.
http://www.w3.org/2011/Talks/1118-brazil-plh/Memory.html
Käyttää lähinnä HTML:ää ja CSS:ää, javascriptiä vai pelilogiikkaan (eli milloin peli loppuu). Suurin osa jutuista ei ole grafiikkaa, vaan merkkejä.
http://www.w3.org/2011/04/coloring/
SVG-kuva jota voi värittää. Koska se on SVG voidaan sanoa mikä muoto kuvassa vastaanottaa hiiritapahtuman (mouseEvent). Jännää että se lataa SVG-kuvat eri saitilta, tuo sen ulkoa omaan ohjelmaan ja mahdollistaa sen värittämisen. Nice.
3D Explorer
Tämä ei ole peli, mutta sillä on pelipotentiaalia. Ei ole evrkossa, mutta livenä, hän kääntelee kännykkäänsä, ja näytöllä oleva 3d-objekti, liikkuu samalla tapaa. Eli puheliemsta tulee vähän kuin Wii-ohjain.
Bocoup - Really amazing Demo
Boaz Sender esittelee
- CSS animaation koodin. Siisti pyörivä häkkyrä, jossa esineitä voi klikata: http://static.bocoup.com/code/html5logo-3d/
- Fieldrunners (ipad-peli), ladattavissa Chrome-storesta http://fieldrunners.com/ . Äänet tehty webaudio API:lla. HTML5-audio tageeillä hoidetaan koko äänipuoli tässä. Pelin eka leveli on ilmainen, sen jälkeen voi ostaa lisää niitä.
- Katsahdus "Don't Look At Me" -peliin. Käyttää box2dweb -2d-kirjastoa. (ei taida olla verkossa.) Nyt tutkimme koodia, javascriptiä paljon jne...
Google Swiffy -demo
Swiffy muuttaa Flashin HTML5:si: http://www.google.com/doubleclick/studio/swiffy/
Tukee koko actionscrip2:sen ja kaikki animaatiot jne. Nämä on tehty swiffyllä: http://www.onehourpersecond.com/
Demot toimivat yllättävän hyvin, mutta olen varma että tässä on yhä bugeja
LOPPU/FIN