Bonjour,
Je suis étudiant en dernière année d'architecture (excusez moi par avance pour mes grosses lacunes dans votre domaine).
Je souhaite réaliser un site internet avec un objet interactif afin de visualiser la totalité des recherches pour mon mémoire.
Mon idée étant de faire un réseau 3D dans le même esprit que celui-ci :
http://www.wfu.edu/~...gure/index.html
Il semblerait qu'il a été réalisé sous Actionscript.
J'avoue être assez débutant dans le domaine.
Auriez des pistes de recherches à me donner pour que je puisse le réaliser.
Votre aide me serait très précieuse.
Par ailleurs milles excuses si vous considérer que mon post n'est pas dans la bonne rubrique.
Hors ligne
Bonsjours...
Effectivement, cette section relève plus de la galerie...
La "Hello World" aurait peut-être été plus appropriée...
Mais bon, ce n'est pas gênant pour moi...
Ce qui l'est plus, par contre, c'est que ton lien n'est pas complet...
Pas pratique...
Bienvenue et bon courage, sinon.
Hors ligne
Merci pour ton accueil
aie effectivement....
voici donc :
http://www.wfu.edu/~ylwong/portfolio/3d … index.html
Sais tu comment puis je faire pour déplacer mon post ?
Hors ligne
Bonjour et bienvenue,
(sujet déplacé!)
Si tu veux utiliser ce type d'animation pour la structuration / navigation dans un site, tu peux utiliser processingJS (javascript), processing (java) ou actionscript (flash). Ce sont 3 langages qui permettent de publier le résultat sur le web et d'interagir avec les langages du web traditionnels (html, xhtml, css, etc.). C'est possible de compiler de l'actionscript avec des outils open-source, sans nécessiter de licence flash mais je ne l'ai jamais fait et je ne saurais pas t'en dire plus... processingJS est bien développé et tu trouveras facilement du code d'exemple, l'inconvénient c'est la compatibilité avec les navigateurs, en particulier avec internet explorer, mais ce n'est peu-être pas un problème pour toi?
Ce type de structure s'appelle des graphes et de nombreux algorithmes y sont associés, tu trouveras des exemples à foison,
au pif :
http://www.openprocessing.org/visuals/?visualID=9967
http://www.openprocessing.org/visuals/?visualID=10643
Hors ligne
Merci pour ces infos (et désolé pour le temps pris à répondre)
Un ami m'a aidé
L'objet 3D est réalisé et je construit le site
J'ai utilisé processing.js pour le mettre en ligne, avec :
<script src="processing-1.1.0.min.js"></script>
<canvas data-processing-sources="thomas05.pde"></canvas>
Mais cela ne marche pas :
safari : Unable to execute pjs sketch: WebGL context is not supported on this browser.
firefox : Unable to execute pjs sketch: ReferenceError: PeasyCam is not defined
chrome : Unable to execute pjs sketch: ReferenceError: PeasyCam is not defined
IE : pas de message et pas de chargement
Que faire ?
merci d'avance
voir ici : www.inter-dit.com
Hors ligne
Bonjour,
La compatibilité de processingjs avec les navigateurs (c'est ce que je t'évoquais plus haut), est un casse-tête. Pour ce que j'en sais, et je ne suis pas vraiment à jour, ça évolue assez vite, IE n'affichera pas car pas encore compatible avec canvas (mais il devrait l'être un jour!). Pour safari, le message d'erreur est assez clair, c'est un problème avec webGL.
En plus processingJS n'est pas compatible avec les bibliothèques java pour processing, c'est pour ça que tu obtiens le message "peasycam n'est pas défini" sur chrome et firefox.
Je ne sais pas si pour de la 3D, processingJS est un bon choix, mais tu peux exporter ton programme en applet java et l'inclure dans ta page, là aussi il y a du changement, je te conseille de lire cet article avant : http://www.openprocessing.org/blog/?p=109
Hors ligne
merci pour ces infos
effectivement je viens de voir de mon côté que les librairies n'étaient pas prises en charge
en java (avec la codification de ton lien) il ne le reconnait pas.
Je vais donc essayer de réécrire mon code en se passant de peasycam.
Je te tiens au courant si cela marche.
Hors ligne
Autre question (j'en profite)
Sachant qu'il s'agit d'un outil de navigation pour mon site,
j'ai nommé chaque noeud de ma structure et les a liéé à des pages existantes
en utilisant link()
Ma question est, comment ciibler ces liens à afficher non pas dans une nouvelle fenêtre,
mais dans une frame existante de mon site ?
Hors ligne
tom-penter a écrit:
Ma question est, comment ciibler ces liens à afficher non pas dans une nouvelle fenêtre,
mais dans une frame existante de mon site ?
Pour ça, tu devras nommer tes frames en javascript et faire pointer le lien avec
link("http://tonsite", "laframe");
Dans le fichier html de ton frameset, il faut indiquer
<frame name="laframe" src="laframe.html">
Ça devrait fonctionner
Hors ligne
Bon, j'ai retravaillé le code sans peasycam
mais j'ai toujours des peoblèmes
- la caméra n'est pas positionné sur le 0 du repère.
- il m'est impossible de tourner et zoomer sur l'objet.
visible ici : www.inter-dit.com
Une idée ?
Hors ligne
Bon je reviens vers toi,
Tout fonctionne maintenant
si tu veux jeter un coup d'oeil c'est là
www.inter-dit.com
le coup de la frame nickel !
concernant la portabilité sur le web :
j'ai finalement fait un applet et inséré le code HTML ainsi formé dans la page de mon site
et pour la cam, un ami m'a aidé à modifier le code sous processing pour pouvoir se passer de la cam.
Dis moi si tu veux regarder le code (je te l'envoie) après tout les conseils que tu m'as donné.
Merci encore
Hors ligne
Bonjour,
Tu peux regarder aussi du côté de la librairie generativedesign (http://www.generative-gestaltung.de/cod … ivedesign/). Notamment les class Node et Spring. Il y a plein d'exemples livrés avec le livre du même nom.
Ca permet de faire de jolies choses assez rapidement. Je l'ai testé un peu, sur un graph en 2D (à partir de l'exemple M_6_1_03). C'est possible de le faire en 3D, les classes de la librairie le gèrent. Il faut que j'améliore un peu la lisibilité malgré tout, quand les labels se montent dessus... En attendant ça donne ça (viser les bulles avec la souris pour voir les connections, cliquer pour réorganiser) http://cri.dedi.velay.greta.fr/sites/de … index.html
En tout cas tu vas t'amuser... Bon courage aussi
Jej
Hors ligne
Joli boulot
merci pour les tuyaux, je vais regarder
Hors ligne