Création d'une sphère 3d "interactive"

elkyu
Javascript

Bonjour,

J'ai besoin de votre aide pour me guider pour une réalisation personnelle.

Je vous explique le concept :

Je voudrais créer une sphère 3d avec dessus plusieurs "facettes", plusieurs visuels, images correspondant chacune à un projet par exemple. Au clique sur une de ces images j'aimerais un effet de zoom dans la sphère, comme si on entre dans la sphère et une fois dedans charger le contenu ou la page correspondant à l'image choisi.

Je ne sais pas si tout cela est très clair.

Je précise que je n'ai pas beaucoup de connaissance en javascript et que je ne sais pas trop par où commencer, comment l'aborder etc ..

Pour ce qui est de la sphère, il y a par exemple http://seenjs.io/ ou http://www.babylonjs.com/ qui permettent d'en créer, mais une fois la sphère créée je ne sais pas comment l'adapter, créer l'effet que je veux etc ..

Pouvez-vous m'aider ?
Peut-être avez vous des exemples de réalisation similaire à ce que je voudrais faire ?
Pouvez-vous m'indiquer la marche à suivre ?

Merci d'avance

4 réponses

Grafikart

Si tu ne connais pas le javascript tu va galérer car c'est du js sacrément avancé ce que tu veux faire :)

elkyu
Auteur

Je connais un peu mais pas de façon très avancé oui, mais je n'ai pas de délai de fixé pour ce projet donc je prendrai le temps qu'il faudra mais je réussirai ma petite sphère :)

lolotoobo

J'espère au moins que tu as des notions de maths :) Je te conseillerais d'utiliser tree.js. Sur leur site ou sur le google tu as plein d'exemples et de tutos, ou aller voir sur Codepen et cherches sphere, ou 3D.

Mais juste si je peux me permette je pense que ce n'est pas une bonne idée de vouloir plaquer une photo de tes projets sur une sphère d'entrée de jeu. Outre, le fait qu'il va te falloir beaucoup de projets, ca complexifie pas mal le bouot, alors si tu ne maitrises pas grand chose tu vas vite abandonner. Je te conseillerai plutot de commencer par un cube, et ajouter une face à la fois, une fois les bases appréhendées,

Je te dis courage :)

elkyu
Auteur

J'ai déjà regarder un peu du coté de three.js et j'ai trouvé ceci : http://lightgraffiti.littlesun.com/ qui peut me servir de base ...