Gli smartphone hanno sviluppato capacità di elaborazione e di analisi enormi e anche in relazione ai contenuti hanno seguito questo trend.
Il vecchio detto: un'immagine vale più di 1000 parole è stato poi sostituito nel corso del tempo dal detto: un video più di 1000 immagini.
3Dera®
si propone come soluzione pronta all'uso per le esigenze di gestione dei contenuti 3D, per portare contenuti 3D in soluzioni Web
Il core è sviluppato in WebAssembly, una tecnologia molto vicina al linguaggio macchina, molto ottimizzata e performante.
Lo strato superiore 3DeraJS è una libreria JavaScript che consente agli sviluppatori Web di interagire con il core di 3Dera®.
Le linee guida dietro lo sviluppo della libreria 3DeraJS sono state:
Autonomia e completa personalizzazione, preset e supporto sempre disponibili
- Autonomia per lo sviluppatore ossia la possibilità di partire con preset già pronti per scenari comuni ma lasciando la possibilità di espansione e personalizzazione secondo le peculiarità del progetto che si va ad implementare.
- Il team 3Dera® resta a disposizione laddove ci sia bisogno di un maggiore coinvolgimento del cliente o ottimizzazioni più evolute.
Le caratteristiche di 3Dera® ti hanno incuriosito?
3Dera® internamente complesso, intuitivo da usare
Preset per ambienti, qualità della texture, controllo completo di ogni elemento
I Preset di 3Dera® sono costituiti dalla scena già impostata che consente di visualizzare oggetti in un ambiente standard senza doversi occupare di implementare tutti i dettagli.
Il punto distintivo di 3Dera® è di lasciare agli sviluppatori il controllo completo di ogni elemento, dalla qualità della texture (molti configuratori online per risparmiare spazio e ottimizzare riducono la qualità della texture ma ci sono molti casi in cui invece è necessario che la qualità della texture resti alta) ai movimenti della camera ecc.
Le caratteristiche di 3Dera® ti hanno incuriosito?
Integrazione della libreria JS manualmente o tramite package manager
Il pacchetto è disponibile sia per TypeScript che per JavaScript.
Inizializzazione dell'engine che comprende due fasi
La prima è quella in cui diciamo a 3Dera® qual’è l'elemento Canvas della pagina in cui vogliamo andare a renderizzare la scena.
La seconda parte è quella di avvio vero e proprio della scena che ci consente di interagire con l’oggetto.
Scopri la semplicità di integrazione del framework 3Dera®
Un tipico esempio di 3D integrato nel web con 3Dera®
Il prodotto di un e-commerce
- La prima istruzione permette l'inizializzazione del preset es. ORBIT che è il classico prodotto da e-commerce es. una scarpa in primo piano, con il mouse si ha la possibilità di interagire con l'oggetto per girarlo, avvicinarlo, allontanarlo.
- La seconda istruzione è il caricamento tramite pacchetto zip del modello 3D dell’oggetto da mostrare nel configuratore 3D.
E con sole due righe ho la possibilità di ruotare la scarpa, zoomarla, interagirci anche su mobile con le gestures touch con le dita.
Integra 3Dera® nel tuo progetto web
Altri preset già disponibili in 3Dera® sono quelli per gli ambienti virtuali
ad esempio stanze o visualizzazioni a 360°.
Iniziamo a dar vita al nostro progetto. Implementando gli eventi del mouse e della tastiera ad esempio al click del mouse andiamo ad associare una funzione per cambiare il colore, il materiale, ecc. del mio oggetto o di una sua parte.
Un ulteriore step riguarda le personalizzazioni dell’oggetto ad esempio l’incisione dentro un anello di una scritta. Per aggiungere una scritta dinamica al modello 3D si deve definire dentro il modello un'area nella quale si può caricare un oggetto custom e a livello di JavaScript si prende un'immagine renderizzata in realtime e la si assegna all'area custom del modello 3D.
Integra 3Dera® nel tuo progetto web
3Dera®
è un progetto in continua evoluzione
nel breve periodo:
saranno sviluppati ulteriori preset
sarà creato più materiale informativo e di esempio per gli sviluppatori
sarà implementata l’integrazione con Machine Learning più avanzati e con pipeline di CAD/CAM
