[Beta 0.6] Html5 Game Creator

[civic71]

Ottimo gli darò un occhiata


Edit :

ma qual' è la reale estensione di questa ed altre immagini ?

Codice: Seleziona tutto

images/player_f",1,".png")

Perché quelle con il frame non capisco il reale url ( per scaricarle )

[Mrk]

Braverrimo!

[Tizzio]

Ottimo gli darò un occhiata


Edit :

ma qual' è la reale estensione di questa ed altre immagini ?

Codice: Seleziona tutto

images/player_f",1,".png")

Perché quelle con il frame non capisco il reale url ( per scaricarle )

Come ho scritto nella guida
se il frame è singolo quindi come argument "1"

basterà avere un'immagine chiamata player_f.png

se sono di più devi scrivere il numero
"images/personaggio",4,".png"

dovrò avere:
-personaggio0.png
-personaggio1.png
-personaggio2.png
-personaggio3.png

lo trovate macchinoso?
mi è sembrata la soluzione più facile

[Nix]

Codice: Seleziona tutto

sprite_add("images/player_?.png",8);

Secondo me è meglio così

[civic71]

Si è semplice ma quando poi ho voluto scaricare l' immagine presente nel tuo sito , ieri avevo utilizzato questo url
http://html5gamecreator.altervista.org/ ... yer_f1.png e mi dava appunto errore 404 .

Ora ho capito che avrei dovuto utilizzare questo url
http://html5gamecreator.altervista.org/ ... ayer_f.png


Quindi ho scaricato l'intero gioco , script e l'ho provato off line e funziona bene ( 13 fps )


Edit :

Oggi ho fatto dei test modificando un tuo esempio.Ho cambiato il background con un altro di 816x540 . Questo ha rallentato di molto il gioco con un notevole calo degli fps;

Per ovviare a ciò ho deciso di mettere il background al difuori del canvas . Ho tolto prima "draw_background(background);" dallo script codice.js . Poi ho modificato il codice html inserendo lo style al div :

Codice: Seleziona tutto

<div id="container" style="background-image:url(images/519.jpg);width:640px; height:400px;">
    <canvas id="canvas" width="640" height="400" >
	Il tuo browser non supporta html5! Ti consiglio di scaricare un Browser decente 
	(Ti consiglio questi:Google Chrome; Firefox 4; Internet Explorer 9).
    </canvas> 
	<center><img id="BtnImgStart" style="cursor:pointer;" src="LINK IMMAGINE" /> </center>  
</div> 

In questo modo ho avuto un buon aumento degli fps pur visualizzando un background di grandi proporzioni ... che ne pensi ?



Edit 2 :

Ho un problema : quando elimino un dei mostri esso non è più visibile ma continua ad essere considerato per le collisioni .
Ciò comporta che se nel punto.x è morto un mostro , lì non potrò saltare premendo UP.... ma se invece ho saltato prima ed il personaggio cade in quella posizione, il personaggio non toccherà terra .


Comunque mi sto divertendo nel sperimentare ... ho aggiunto suoni e sto cercando di fare un giochino



Edit 3 :


Nello script html5GCLibrary1.0 . ho notato questo codice :

Codice: Seleziona tutto

function point_distance(x1,y1,x2,y2){
	return Math.sqrt(Math.pow((x2- x1),2) + Math.pow((y2- y2),2))
}

non dovrebbe esserci y2 - y1 ?

[civic71]

OK ho fatto un giochino per sperimentare .
E' composto di un solo livello.
Muovete il personaggio con le frecce destra e sinistra , mentre fatelo saltare con Up.
Arrivati a "Break TIME" avrete concluso il demo.
Il giochino l'ho testato solo su Opera.
Considerate che verranno caricati file audio quali wav e ogg.
Io ho 11- 12 fps online , ma se lo gioco off line arrivo anche a 19
Spero che vi funzioni e non dite nulla alla Namco
Potete provarlo in questa mia pagina web :
http://gamequiz.altervista.org/files/ht ... cLand.html

[Jak]

Ho cliccato ma non capisco come iniziare:

Se clicco il secondo foglio spezzato(sotto la scritta civic vs namco) mi viene la pagina di tizzio,
se clicco il primo mi viene questo:

Non posso fare niente ed i fogli fanno l stessa identica cosa di prima(il primo ovviamente non fa niente)
forse sono immagini che non riesco a caricare? boh, dimmi te
In compenso non si è impiantato FF(quindi non è crashato, è solo che nella tua pagina non si può fare una mazza) e sul task manager mi segna valori della cpu usata all'1%

[Scario]

OK ho fatto un giochino per sperimentare .
E' composto di un solo livello.
Muovete il personaggio con le frecce destra e sinistra , mentre fatelo saltare con Up.
Arrivati a "Break TIME" avrete concluso il demo.
Il giochino l'ho testato solo su Opera.
Considerate che verranno caricati file audio quali wav e ogg.
Io ho 11- 12 fps online , ma se lo gioco off line arrivo anche a 19
Spero che vi funzioni e non dite nulla alla Namco
Potete provarlo in questa mia pagina web :
http://gamequiz.altervista.org/files/ht ... cLand.html

L'ho provato sia con Opera che con Chrome, con entrambi funziona ma la barra "time" diminuisce solo quando arrivo al break time. Non ho cpaito però che senso ha dare un punteggio durante il gioco se tanto alla fine interessa solo il tempo =)

[Jak]

Su chrome funge perfettamente a 30 fps, deve essere FF che da problemi. E' stranissimo perchè l'esempio di tizzio funge perfettamente

[civic71]

Su chrome funge perfettamente, deve essere FF che da problemi. E' stranissimo perchè l'esempio di tizzio funge perfettamente

Nel esempio di Tizzio non vi erano i suoni . Forse FF non supporta il formato ogg ... ma è solo una teoria.

L'ho provato sia con Opera che con Chrome, con entrambi funziona ma la barra "time" diminuisce solo quando arrivo al break time.

Bo! Ho fatto in modo che diminuisca pochissimo alla volta .... ma questo poco dovresti visualizzarlo per ogni step .

Non ho cpaito però che senso ha dare un punteggio durante il gioco se tanto alla fine interessa solo il tempo =)

Ho cercato di copiare dal gioco originale : punteggi dal tempo e anche dal solo movimento del personaggio in avanti e in dietro, oltre che mangiando i fantasmini e le ciliegine... ( per trovare le ciliegine dovete saltare sugli idranti come nel gioco originale )

I suoni li sentite ( musichetta e qualche effetto sonoro ) ?

Credo che le potenzialità di Html5 Game Creator siano molto buone non solo per i giochi.
Spero che Tizzio aggiunga ulteriori funzioni
Con l'aggiunta dei cookie si potrebbero fare più livelli .
Se avete fatto anche voi dei demo postateli che sono curioso

[Jak]

Su chrome i suoni si sentono tutti.
Comunque quando arrivo al break time arriva il messaggio ed il gioco si ferma. E' normale?(noto che a scario al break time il gioco continua sennò il tempo non scenderebbe)
Il tempo è continuo durante tutto il livello(cioè che diminuisce in maniera corretta)

[civic71]

Su chrome i suoni si sentono tutti.
Il tempo è continuo durante tutto il livello(cioè che diminuisce in maniera corretta)

Ottimo

il demo finisce proprio lì.
Se non conoscete questo vecchio gioco del 1984 , su youtube trovate i video della versione originale : http://www.youtube.com/results?search_q ... -land&aq=f

Se qualcuno è interessato potrei farne una versione da scaricare nel pc per poi modificarla a proprio piacimento.

[Tizzio]

Scusate in questo periodo ho un esame quindi non ho molto tempo da stare al pc appena finisco riprendo il progetto.
Comunque civic il tuo gioco è una figata

Appena posso finisco

[civic71]

Comunque civic il tuo gioco è una figata

Grazie , ma è solo merito del tuo codice ed al tuo esempio.

Ho visto che nel web esiste un programmino da 99 dollari , con il quale è possibile realizzare giochi in html 5 con chicche tipo la fisica.
Ma la comodità del liguaggio simile al gml
Peccato però che html 5 non sia ancora standardizzato fra i vari browser .

Appena posso finisco

Ultimamente Opera ha aggiunto qualche novità al suo browser Mobile con qualche funzione per html5. Ciò potrebbe comportare in futuro la possibilità di giocarli anche nei browser dei telefonini

[condors94]

nemmeno a me funziona e uso firefox..

[civic71]

Già purtroppo i browser differiscono ancora per alcune funzioni Html 5.
Sarebbero comunque superabili con qualche script... ma non mi va di scaricarmi FireFox per testare il tutto.

Per esempio , salvandolo questo codice come file.html e aprendolo con il browser , riuscirete a capire quale tipologia di audio sia supportata. Ma le differenze potrebbero dipendere da altre funzioni.

Codice: Seleziona tutto

<!doctype html>
<head>
    <title>Using multiple file formats in JavaScript</title>
    <!-- Uncomment the following meta tag if you have issues rendering this page on an intranet site. -->    
    <!--  <meta http-equiv="X-UA-Compatible" content="IE=9"/> --> 
 
    <script type/javascript>
        function checkAudioCompat() {
            var myAudio = document.createElement('audio');

            if (myAudio.canPlayType) {
                // CanPlayType returns maybe, probably, or an empty string.

                if ( "" != myAudio.canPlayType('audio/mpeg')) {
                    alert("mp3 supported");
                }

                if ( "" != myAudio.canPlayType('audio/ogg; codecs="vorbis"')) {
                    alert("ogg supported");
                }

                if ( "" != myAudio.canPlayType('audio/mp4; codecs="mp4a.40.5"')) {
                    alert("aac supported");
                }
            }
            else {
                alert("no audio support");
            }
        }
    </script>
</head>
<body>
    <button onclick="checkAudioCompat();">
        Test for audio format type
    </button>
</body>
</html>

Nel frattempo ho fatto un giro per il web ed ho potuto vedere che è possibile tramite webGL creare giochi in 3D.... ma solo nel caso si abbiamo le openGL 2.0 ed il mio pc non ce le ha

[Jak]

Aggiorna i driver e vedrai che ce le hai.
Se un giocatore non ha i driver aggiornati si attacca, è colpa sua dopotutto quindi non preoccuparti della compatibilità.

[civic71]

Aggiorna i driver e vedrai che ce le hai.

Si lo feci l'anno scorso , e ora ho openGL 1.5.x. Le 2.0 sono del 2004 mentre il mio pc è del 2001 .
Dovrei quindi cambiare scheda... ma non ho voglia

[Jak]

Aggiorna i driver e vedrai che ce le hai.

Si lo feci l'anno scorso , e ora ho openGL 1.5.x. Le 2.0 sono del 2004 mentre il mio pc è del 2001 .
Dovrei quindi cambiare scheda... ma non ho voglia

Cosa centra quando sono uscite? Se ti vanno directx 8.1 ti vanno anche le opengl 2.0
Chiaro che potrebbe variare da scheda a scheda quindi che scheda hai che faccio una ricerca?
AH dimenticavo, opengl1.5 son del 2003

[Tizzio]

Riciao!
Civic anche io mi sono informato su webgl
ma ancora è inutile perchè è supportato solo da Ffox4 e Chromium
comunque a me il tuo gioco (con chrome) funziona alla perfezione 30/30fps

esiste un metodo per i suoni.
ovvero:
carica 2 formati di suoni: mp3 e wav
usa la funzione che ho creato "browser_is"
e fai

Codice: Seleziona tutto

var formato;
if ( browser_is("chrome"))
{
    formato=".mp3"
}
else
{
    formato=".wav"
}
var musica = new Audio("mia_musica"+formato);