Utilizzo di JSON da Processing-JS

Question

Voglio scrivere un'applicazione usando processing-JS e vorrei poterlo caricare con dati lato server. Non ho ancora scritto sul lato server, quindi posso usare qualsiasi cosa, ma sembra ovvio che AJAX sarebbe usare JSON per caricare i dati nella pagina.

Come posso accedere a quei dati dal mio codice di elaborazione? È qualcosa di così semplice come i dati rientrano nell'ambito o potrebbe essere collegato all'oggetto finestra e accessibile direttamente dal codice di elaborazione?

Aggiorna : permettimi di affinare un po 'la domanda. Sono a mio agio con JSON (ma grazie per i collegamenti) e con la scrittura di codice sia per il client che per il server; la mia vera domanda (che certamente potrebbe essere un po 'sciocca) è: se ottengo dati con, ad esempio, JQuery e voglio manipolarli in processing-js, sono nello stesso spazio dei nomi? Devo fare qualcosa di speciale per accedervi?

Answer 1

Il tuo codice di elaborazione ottiene " sciatto " analizzato e convertito in JavaScript. Tutto ciò che il parser non capisce viene semplicemente ignorato, il che significa che puoi mescolare liberamente bit di codice JavaScript con il tuo Elaborazione e, in generale, & Quot; funzionerà solo & Quot ;.

Dai un'occhiata qui per maggiori informazioni: http://processingjs.org/reference/articles / best-pratice

Answer 2

Puoi utilizzare jQuery come this per ottenere risultati JSON dal tuo server e iterarli per fare qualunque cosa. Sono sicuro che non ci sarebbero problemi con l'utilizzo di processing-JS e jQuery insieme.

Answer 3

Penso che dovresti visitare www.json.org
Qui spiega come utilizzare json sia lato server che lato client all'interno di un'app Web.
Praticamente ci dovrebbero essere molte implementazioni di librerie lato server che puoi includere nelle tue applicazioni web per trasformare gli oggetti della tua piattaforma in oggetti json.
Di sicuro esiste un'implementazione che trasforma gli oggetti Java in oggetti JSON. Per interpretare i dati lato client penso che tu possa usare un'altra libreria che dovrebbe essere sullo stesso sito web. L'unico problema è che non so se è possibile utilizzare script javascript nell'elaborazione di javascript per utilizzare oggetti javascript

Answer 4

Spara, speravo che ci sarebbe stata una risposta migliore qui. Ecco un tutorial sul sito Web di processing.js. Tutto ciò che fanno è elaborare il JSON utilizzando JavaScript e utilizzarlo per chiamare le funzioni nel codice di elaborazione.

Apparentemente non vuoi semplicemente passare in JSON. Tuttavia, puoi passare in XML, anche se non esiste il supporto XPath, quindi devi estrarre i tuoi cicli for se vuoi ottenere qualcosa da esso.

Answer 5

Per passare i dati da JQuery / Javascript a Processing.js, si chiama la funzione di ambito globale Processing.getInstanceById, che fornisce un riferimento all'oggetto Processing PApplet (bene, l'equivalente javascript):

// get a reference to the Processing PApplet object:
var proc = Processing.getInstanceById("the_id_of_your_canvas");

Quindi puoi chiamare qualsiasi funzione disponibile nel tuo schizzo di elaborazione, ad es .:

// call any function that is defined inside the Processing sketch
// in this case, one of the built in ones:
proc.frameRate(4);

Quindi scrivi il tuo codice di analisi JSON in Javascript / JQuery e puoi quindi passare i dati a funzioni di elaborazione del genere.