Hello!
Minulla on tämä minun sivuni yhä rakentumassa, olen aloittanut sivuni rakentamisen Javan avulla (Java2D).
Nyt on tilanne että mietityttää siirtyminen HTML5 ja Canvas käyttöön, peleistäni tulisi aika paljon yksinkertaisempia HTML5 kera, mutta, houkuttaa ihan tosissaan kuitenkin.
Minulla on tässä tämä minun Applettini -> http://temp4322.dy.fi/PeliAppletti.html
Minulla on tässä tämä minun testi HTML5 koodi -> http://temp4322.dy.fi/testi/index.html
Applettini on minusta aika onnistunut ja olin harkinnut rakentavani sotalautapelejä sillä, mutta nyt sitten tämä HTML5 on alkanut houkuttelemaan.
Minulla on ideana, että pudottaisin animaatiot pois tuosta sivustostani, ja odottaisin että HTML5 kestää vastaavan grafiikan mitä tuo Applet on, ennen kuin animaatiot takaisin laitan.
Ideana on myös että käyttäisin Java SE socketteja HTML5 Javascript kautta nettiliikenteeseen.
Rakentaisin yksinkertaisen Appletin joka ladattaisiin HTML5 koodin yhteydessä, tämä Appletti sisältäisi vain SEND ja RECV koodit palvelimeen.
Sivustoni toimisi live ja tallenne pohjalla tarjoten eritoten näitä minun sotalautapelejäni.
Tahtoisin taas kerran hieman mielipidettä tästä HTML5 puolesta, ohjelmointi yksinkertaistuisi kovin, minä kun en ole mikään ihan oikea ohjelmoija, harrastan näitä sotalautapelejäni vain.
Mitkä kohdat estävät/hidastavat rakentamasta tuollaista Applettia, taikka siis tuon Appletin kaltaista ohjelmaa HTML5 kielessä, mitä ongelmia tulen kohtaamaan jos siirryn tähän HTML5 kieleen ? ( Esim. Ruudunpäivitys ja animaatiot, oikea hiiri näppäin taikka hiiri rulla )
Ei kovinkaan syvää ymmärrystä Java taikka Javascript kielistä ;)
Kiitos..
------
Ei nyt mitenkään pahalla, mutta Java-sovelmasi grafiikat eivät ole mitenkään erityisiä ja selaimet hanskaavat tuollaiset leikiten jo nyt. Laskentatehon puolesta siis, teknisistä ominaisuuksista en ole varma. WebGL:n valmiit speksit julkaistiin vasta tällä viikolla, joten se varmasti alkaa yleistyä nopeammalla tahdilla nyt. Tosin ainakaan shakkisi ei vaadi WebGL:ää oikeastaan mihinkään muuhun kuin varjostuksiin, mikäli niitä nyt ei muuten saa kätevästi toteutettua.
Tutustu vaikka akvaarioon ja flipperiin.
"Right clickin" kaappaamista et oikeastaan voi käyttää. Selaimissa pitää aina voida päästä käsiksi selaimen omaan context menuun, ja minua suuresti ärsyttävät sivut, jotka yrittävät korvata kyseisen valikon omalla toteutuksellaan. Minä kun olen Firefoxista estänyt context menun piilottamisen. Lähinnä sitä yritetään käyttää epätoivoisena kopioinninestona. Rullan kaappaamisesta ei minulla ole kokemuksia, mutta oletan senkin olevan epävarmaa. Joudut vähintään pitämään huolen siitä, ettei sivu voi kasvaa selaimen näyttöaluetta suuremmaksi, jotta rullalle ei tule muuta käyttöä.
Lautademo!
Toimiiko tämä minun testi koodi kenelläkään firefoxissa taikka operassa -> http://temp4322.dy.fi/testi/index.html
Tuon kaltaista ajattelin laittaa, vielä Applet taustalle joka toimittaa TCP paketit in/out !
Minulla on Mint 10 ja siinä toimii ainoastaan Chromium uusin näillä HTML5 peleillä ?
------
Hm, ainakaan tuo http://temp4322.dy.fi/testi/index.html joka kääntyy osoitteeseen http://www.jumalautapelit.eu/testi/index.html ei toimi Firefoxilla, tulee näkyviin vain yksivärinen palkki ja näyttääpä virheilmoitusta pukkaavan. IE:llä taas tulee vain ilmoitus, ettei selain tue canvasia. Parempi olisi testata miten hyvin toimisi excanvas.js:llä, joka aika hyvin emuloi tukea paitsi että voi olla hidas.
Kun saat virheet korjattua, niin IE-testi voisi olla aika hyvä: jos silläkin toimii tarpeeksi nopeasti, niin tuskin on isoja huolia (vaikka kaikilla ei olisi ihan yhtä nopeaa konetta kuin sinulla).
Huom. excanvas.js:stä on liikkeellä eri versioita, mm. sellaisia jotka eivät tue tekstin kirjoittamista lainkaan, mutta seuraava tukee:
http://explorercanvas.googlecode.com/svn/trunk/
Kannattaa ottaa tuosta kopio niin toimii nopeammin (varsinkin jos aikoo tehdä offline-version...). Ja koodiksi riittää sitten
<!--[if IE]>
<script src="excanvas.js"></script>
<![endif]-->
Jahka varmistuu, tukeeko IE 9 canvasia kunnolla (ja nimenomaan tietyn sovelluksen oloissa), tuota if-ehtoa tietysti kannattaa virittää.
Ainakin joskus muinoin Firefox suoritti noi [if IE]-lohkotkin. Kysehän ei ole millään muotoa standardista tavasta eritellä selaimia vaan kommentit ovat kommentteja.
IE tuki canvakseen !
IE9 tukee jo aika hienosti HTML5 Canvasta, tämä ymmärtääkseni, muista en sitten tiedä mutta niin taitaa olla kuitenkin ne toimivat HTML5 selaimet ainoastaan Google Chromium ja IE9, turha taitaa olla vielä edes mainita muita, vaikkakin on moni maininnut toimiviksi myös Operan ja Firefoxin ?
---
Yucca ehditkö vielä editoita tuon minun domainin pois, en tahdo hakuosumia ?
Käytän tuota dy.fi päätettä jotta en jouda täyttämään netti hakukoneita domainillani.
---
Tässä vielä tämä minun HTML5 demoni, siintään saa sorsan näkyviin kun oikea klikkaa ruutua ja valikoi näytä lähdekoodi, osaako joku sanoa miksi ei toimi kaikilla, mitkä kohdat voisi taikka tulisi kiertää muilla tavoin ?
http://temp4322.dy.fi/testi/index.html
---
The Alchemist kirjoitti:
Ainakin joskus muinoin Firefox suoritti noi [if IE]-lohkotkin. Kysehän ei ole millään muotoa standardista tavasta eritellä selaimia vaan kommentit ovat kommentteja.
Aika kummallinen olisi Firefox jos kommentteja suorittaisi. En usko.
Jos sinulla on parempi tapa ohjata vain IE (tai vain IE:n tietyt versiot) näkemään tietty koodi, kerro toki. Vai onko parempi, että jätämme IE:n käyttäjät huomiotta taikka käytämme uusia piirteitä vasta, kun taatusti kukaan ei enää käytä selainta, joka ei tue niitä?
The Alchemist kirjoitti:
Ainakin joskus muinoin Firefox suoritti noi [if IE]-lohkotkin. Kysehän ei ole millään muotoa standardista tavasta eritellä selaimia vaan kommentit ovat kommentteja.
Mitä yrität sanoa? Kommentit ovat kommentteja, ja juuri sen takia Firefox ei missään tapauksessa suorita oikein kirjoitettua CC-lohkoa, koska se on Firefoxin näkökulmasta vain kommentti. Luultavasti olet siis mokaillut jotain lohkojesi kanssa.
<body> <!--[if IE]> Tämä on kommentti Firefoxille; vain IE tulkitsee koodin. <![endif]--> <!--[if !IE]>--> Tämä on tavallista koodia, mutta IE jättää tämän tulkitsematta. <!--<![endif]--> </body>
Metabolix kirjoitti:
The Alchemist kirjoitti:
Ainakin joskus muinoin Firefox suoritti noi [if IE]-lohkotkin. Kysehän ei ole millään muotoa standardista tavasta eritellä selaimia vaan kommentit ovat kommentteja.
Mitä yrität sanoa? Kommentit ovat kommentteja, ja juuri sen takia Firefox ei missään tapauksessa suorita oikein kirjoitettua CC-lohkoa, koska se on Firefoxin näkökulmasta vain kommentti. Luultavasti olet siis mokaillut jotain lohkojesi kanssa.
Joo ei toki, ei toki, katsoin ihan väärin tuon käytetyn notaation. Ja näin varmaan onkin käynyt. ;)
Aihe on jo aika vanha, joten et voi enää vastata siihen.