IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

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


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre à l'essai
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2015
    Messages
    5
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 32
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2015
    Messages : 5
    Par défaut Création d'une sphère 3d "interactive"
    Bonjour,

    Tout d'abord désolé si je ne suis pas exactement au bon endroit sur ce forum, je ne suis pas un habitué de ce site.

    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

  2. #2
    Membre chevronné

    Profil pro
    Inscrit en
    Octobre 2010
    Messages
    311
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2010
    Messages : 311
    Par défaut
    Salut,
    Si j’avais à réaliser cet effet, j’utiliserai la techno WebGL,
    Pour chaque projet image, j’instancierais un quadrilatère que je projetterai sur une sphère par une position en coordonnées sphériques et une résolution (hauteur et largeur) en angle d’ouverture.
    Pour la transition , j’ajouterai un facteur d’interpolation linéaire qui a l’état 0, serai la projection du quadrilatère sur la sphère et a l’état 1 serait la projection du quadrilatère sur le plan 2D

    Si j’ai le temps, cet am je posterai un bout code pour t’aider à débuter.

  3. #3
    Membre à l'essai
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2015
    Messages
    5
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 32
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2015
    Messages : 5
    Par défaut
    Bonjour,

    Merci de cette réponse et du temps que tu prend pour t'y intéressé. Je regarderai tout ça ce soir en rentrant, calmement.

    Un début de code m'aiderai beaucoup oui ! Encore merci !
    Il va pleuvoir des lignes de codes pendant ce week end de 3 jours je sent.

  4. #4
    Membre chevronné

    Profil pro
    Inscrit en
    Octobre 2010
    Messages
    311
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2010
    Messages : 311
    Par défaut
    Bon ! voilà ce que j’ai réalisé

    Je pense que c’est un bonne base de départ, pour le moment je rasterise, un quadrilatere par projet, dans l’espace 2D Equirectangulaire, le centre de chaque projet est exprimé par Array contenant la Longitude et la Latitude.
    Cette vue a l’avantage de définir les positions des quadrilatères sur la sphère

    Bon pour la prochaine étape, je dois réviser un peu les équations de projection de perspective

    Tu as de la chance que je m’ennuis royalement au boulot en ce moment de plus lundi je bosse ( jour de solidarité pour les vieux)

  5. #5
    Membre à l'essai
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2015
    Messages
    5
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 32
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2015
    Messages : 5
    Par défaut
    Merci pour tout ça, je pense comprendre la façon dont tu amènes le truc.
    Je vais prendre tout ça et essayer d'en faire quelques chose ce week end.

    Merci beaucoup encore une fois

  6. #6
    Membre chevronné

    Profil pro
    Inscrit en
    Octobre 2010
    Messages
    311
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2010
    Messages : 311
    Par défaut
    J’ai peut-être été un peu vite et trop optimiste

    Un simple quad ne peut pas être projeté sur une sphère, tel quel , seule ces sommets peuvent l’être , dans l’espace 3D orthogonal le quad va couper la sphère et ne pas suivre la courbe de la sphere.

    Je vois 3 solutions pour palier à ce problème :
    1. Subdiviser le quadrilatère en plus de 2 triangles , afin de disposer de sommets suffisant pour approximer au mieu la courbe de la sphere
    2. Mapper en tant que texture le résultat de ma projection Equirectangulaire sur une sphère polygonnal
    3. Sortir des sentiers battus et utiliser uniquement le pixel shader pour rayer les polygone de l’équation en s’inspirant des techniques de raytracing temps réel ( le raymarching )

Discussions similaires

  1. Création d'une sphère ouverte des 2 cotés
    Par Décembre dans le forum MATLAB
    Réponses: 7
    Dernier message: 22/10/2012, 20h23
  2. [VBA-Excel] Création d'une boîte de dialogue interactive
    Par ash_rmy dans le forum Macros et VBA Excel
    Réponses: 6
    Dernier message: 28/07/2006, 11h55

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo