Javascript 3D

3D en JAVASCRIPT

3D javascript :

MAJ : Une page avec tous les modes d'affichage, modles low-meshes, le chargement est long, donc soyez patient, et le rsultat final pas optimis pour tre fluide.
Le mme avec d'autres modles, plus gros , donc plus beaux. Mme remarque, les textures et les modles sont longs charger.
Ce code permet de lire des animations , comme ici avec un perso de quake2.
Cliquez ici pour voir le nombre d'images par seconde.
Dcouvrez d'autres variations d'un tore, et envoyez les moi.
Un paysage survoler en Voxel, comme dans Magic Carpet. Attention trs lent.
Les anciens liens '3D en Js' restent disponible ==> flat (script bugg car je faisais un test : affichage d'une ligne sur deux), Gouraud, Cell (code court et rapide), texture, textures anime, la prcdente homepage.

3D VML :

Le VML est un langage support uniquement par IExplorer. Sous FF son homologue est le SVG. Associ au Js, il est rapide et bnficie des avantages du dessin vectoriel: pas de marches d'escalier, par exemple.
3D en VML et javascript, remplissage FLAT Shading et CELL. (La page la plus vielle et la plus visite de ce site)
Ces animations en temps rels permettent de crer des squences pr-calcules, conomes en mmoire pour du Js.

3D JAVA :

Mario, un cube, une main, un canard. On peut faire beaucoup mieux en Java, ce n'est qu'un test.
Remplissage Texture, texture anime, et un effet que j'aime bien. (vus sur Ben's Java Dmo).

Autres codes en javascript :

Des punchs en javascript. (Punch = code inutile ou pas en moins de 20 lignes).
Un jeu d'apprentissage clavier.
Un petit calcul sur l'ge de 2 personnes.
Un slecteur de couleurs HTML.
Un tutorial pour afficher des lignes en DHTML. (nouvelle version venir)

Si vous souhaitez convertir un objet 3D et l'utiliser en Js, voici 3 scripts trs utiles:
  • 3ds_2_asc : transforme modles 3DS en ASC, utilisable en Js (avec asc_2_js).
  • asc_2_js : transforme vos modles *.asc en tableaux utilisables en JS.
  • jpg_2_js : transforme les textures (png, jpeg, gif) en tableaux utilisables en Js.
  • paint_faces : permet d'assigner une couleur aux faces d'un objet.


  • Et sur un autre site, un script de calcul de focale pour astronomes amateurs, CFAA.
    Vos commentaires, questions et suggestion, ici.
    frame='+mdl%7+'
    rotation='+Math.round(mouse_x/3%360)+'
    pixel size='+pix+'px + -
    camera['+camera[0]+','+camera[1]+','+camera[2]+']' document.getElementById('debug').innerHTML=infos } main()