Javascript dentro livecode

Ora è possibile lanciare comandi javascript dentro le applicazioni HTML5 di livecode usando il codice:

do JScript as "JavaScript"

Per esempio si possono l'utente bhall2001 ha provato a creare un gioco del blackjack usando delle api javascript che si appoggiano a http://deckofcardsapi.com/ (poteva farlo anche sempliciemtente usando put URL). Il risultato è questo:

L'esempio è su http://bobhall.net/blackjack/index.html, mentre il sorgente è scaricabile da http://bobhall.net/blackjack/standalone.zip ed è il file "__boot.livecode".
Un altro esempio è cambiare lo sfondo di una pagina web utilizzando il codice javascript:
Module.canvas.parentNode.setAttribute("style","background: hsl(sHue,100%,50%)")
dove sHue varia continuamemnte da 0 a 360. Qui potete vedere un esempio: http://www.maxvessi.net/livecode/public/HTML5withJavascriptExample1

Esempio HTML5

Una delle novità di livecode 8 è l'esportazione in HTML5, cioè il vostro programma può essere eseguito anche dentro un browser. Ad esempio il seguente programma di disegno:

lo potete provare a questo link: http://hyperhh.org/html5/krikelKrakel-8.0.0-dp-7X.html

Sempre dello stesso autore potete provare altri esperimenti a questa pagina: http://hyperhh.org/html5/

Incorporare una app HTML5

Ieri abbiamo visto che è disponibile l'esportazione in HTML5, ma come possiamo incorporarla in una pagine web?
Semplice, basta inserire il seguente codice HTML:

<div><!--Don't change start !-->
  <canvas style="border: 0px none;" id="canvas" oncontextmenu="event.preventDefault()"></canvas>
  <script type="text/javascript">
    var Module = { canvas: document.getElementById('canvas') };
  </script>
  <script async type="text/javascript" src="standalone-community-8.0.0-dp-4.js">   </script>
</div><!--Don't change stop !-->

Chiaramente il codice in verde è l'indirizzo di dove si trova il vostro file javascript e gli altri file generati da livecode.
Una volta incorporata, apparira anche un'icona per scaricare il sorgente, ad esempio (dategli qualche secondo per caricare tutto):

• http://www.maxvessi.net/livecode/public/SuperCalculator/test1.html
• http://www.derbrill.de/aetest/

E' arrivata l'esportazione HTML 5

E' appena uscita una nuova versione di test di livecode 8, la DP4, che include l'esportazione del vostro programma come una pagina web.

Nella cartella dell'esportazione troverete:

• il file HTML
• il file javascript
• il file MEM

al momento dovete caricarli tutti su internet per far funzionare il programma.

Ecco degli esempi:

• http://livecode.com/products/livecode-platform/html5/demos/calculator/
• http://livecode.com/products/livecode-platform/html5/demos/bouncing-balls/
• http://www.maxvessi.net/livecode/public/SuperCalculator/SuperCalculator.html

Chiaramente la versione 8 di livecode è molto sperimentale, continuate ad usare la 7 se non vi serve l'esportazione in HTML.

HTML 5

Se vi ricordate, l'anno scorso livecode aveva promosso una raccolta fondi per aggiungere l'esportazione in web HTML 5 dei nostri programmi. Grazie a questa funzioni i nostri programmi potevano funzionare anche mettendoli su una pagina web.
Oggi sono stati rilasciati due esempi di cosa si può ottenere.
Il primo esempio lo trovate a questa pagina: http://livecode.com/products/livecode-platform/html5/demos/calculator/
si tratta di una calcolatrice:

mentre a quest'altra pagine potete vedere come funziona con le animazioni: http://livecode.com/products/livecode-platform/html5/demos/bouncing-balls/
Lo sviluppo dell'esportazione in HTML procede, speriamo di vedere qualcosa di più prima della fine dell'estate.