Threejs3D Code Play

Threejs3D Code Play ti aiuta a imparare Three.js modificando il codice e visualizzando il risultato come una scena 3D interattiva. Inizia con un esempio, modifica il codice HTML e JavaScript, quindi esegui la tua versione nell'app.

IMPARA ATTRAVERSO SCENE FUNZIONANTI

Esplora 99 esempi tra esperimenti didattici e scene animate predefinite. Inizia con forme, materiali, illuminazione e telecamere, quindi approfondisci particelle, shader e interazione. Prova un sistema solare, le onde dell'oceano o una scena astratta animata quando desideri un punto di partenza più ampio.

Cinque percorsi di apprendimento organizzano gli esempi in basi, geometria, colore e luce, movimento e un laboratorio creativo. Contrassegna le lezioni come completate, continua un percorso, aggiungi ai preferiti gli esempi utili e torna alle scene aperte di recente.

MODIFICA, ESEGUI E ANALIZZA

Apri un esempio nell'editor di codice o inizia un nuovo progetto con un'importazione di Three.js già presente. Utilizza l'evidenziazione della sintassi, annulla e ripristina, trova e sostituisci e vai alla riga mentre lavori. Passa all'anteprima di esecuzione per visualizzare il codice corrente e ispezionare i messaggi o gli errori della console. Trascina per ruotare e pizzica per ingrandire nelle anteprime delle scene incluse. Per le scene che lo supportano, i controlli in tempo reale ti consentono di esplorare colore, velocità di animazione, illuminazione, geometria e sfondi a tinta unita o sfumati. I controlli disponibili dipendono dalla scena.

CONSERVA I TUOI ESPERIMENTI

Salva i progetti con un nome e riaprili dalla sezione "I miei progetti". Apri i file HTML per continuare a modificare il lavoro esistente oppure usa "Salva con nome" per conservarne una copia separata.

Esporta o condividi un progetto come HTML o ZIP. Le esportazioni includono le librerie Three.js incluse; le risorse esterne personalizzate rimangono esterne. Estrai un file ZIP e condividi la sua cartella tramite HTTP per aprire il progetto al di fuori dell'app.

ANIMA IL TUO SFONDO

Sui dispositivi Android compatibili con il supporto nativo necessario, invia una scena animata all'anteprima dello sfondo animato del sistema e conferma la tua scelta. Le destinazioni disponibili per lo sfondo dipendono dal dispositivo.

Creata per studenti, hobbisti e sviluppatori web che desiderano esercitarsi nella programmazione 3D attraverso piccoli esperimenti. Gli esempi inclusi utilizzano librerie locali; le risorse remote personalizzate e la pubblicità potrebbero richiedere l'accesso a Internet. L'app contiene pubblicità.