Interactieve database/3D-viewer op webpagina

[WouterHaz]

Mijn vraag

Voor een stageproject maak ik met behulp van fotogrammetrie 3D-modellen van een collectie primatenschedels. Nu leek het mij leuk om deze modellen te combineren met informatie in een soort van interactieve database die in een browser geopend kan worden, zodat de uiteindelijke digitale collectie goed toegepast kan worden in een lesprogramma van de universiteit.

Wat ik hoop te bereiken met deze webpagina:
- Digitale collectie van 3D-modellen die te vinden zijn gebaseerd op taxonomische indeling (soort, familie, etc.)
- Mogelijkheid om meerdere modellen weer te geven om ze te kunnen vergelijken
- Verschillende overlays om de verschillende botonderdelen van een schedel te kunnen onderscheiden
- Tevens benamingen die de verschilende botonderdelen aanwijzen
- Vak met informatie over het exemplaar (kaart met leefgebied, geslacht, leeftijd, etc)
- Misschien een meetfunctie als dat mogelijk is

Ik heb wat rondgezocht en vind dan dingen als WebGL en Three.js maar ik heb echt geen idee waar ik zou moeten beginnen. Ik heb verder ook nul ervaring met dit soort dingen. Ik weet niet of er mogelijkheden zijn hiervoor met weinig tot geen codering, maar dat zou dan wel mijn voorkeur hebben.
Ik gebruik Agisoft Photoscan om de modellen te maken.

De vraag is dus: waar moet ik mee gaan werken als ik de hierboven beschreven webpagina wil maken?

Alvast bedankt!

[q-enf0rcer.1]

Je zit met three.js zeker in de goede richting, ik weet alleen niet of het programma dat jij gebruikt ook de mogelijkheid heeft om te exporteren naar een format dat wordt ondersteunt door three.js. Kan zijn dat je hiervoor nog een andere tool moet gebruiken. Wat je wilt is maatwerk, er bestaat hier verder geen kant en klare oplossing voor, dat betekent dus dat je zelf aan de slag moet gaan of iemand moet inhuren die dit voor je kan maken.

Ik zou als ik jou was three.js combineren met Angular.js, dat vereist uiteraard wel dat je eerst kennis opdoet van JavaScript. Met deze twee frameworks zou ik persoonlijk binnen een dag klaar zijn een kleine databank + 3D viewer met een grafische schil er omheen te maken. De rest van de punten gaat denk ik redelijk wat tijd inzitten, ik kan me voorstellen dat er bijvoorbeeld geen layer support is, en ook geen mogelijkheid om het 3D gebeuren interactief te maken met klikbare zones etc.

Edit: zie net dat er wel layer support is, nice

[WouterHaz]

Waar zou ik het beste kunnen beginnen met angular/three.js?

[q-enf0rcer.1]

Je kunt eerst even kijken naar de intro op:

https://angularjs.org/

Ik zou daarna een tutorial volgen waar je meteen leert werken met UI Router, dat is een router waarmee je wat flexibeler bent in vergelijking met de default router.

https://scotch.io/tutorials/angular-routing-using-ui-router

Daarna kun je hier een kijkje nemen om Three.js te implementeren in AngularJS:

http://twofuckingdevelope...mixing-angularjs-threejs/

[ Voor 9% gewijzigd door q-enf0rcer.1 op 25-05-2017 12:02 ]