Rotierender Würfel
- Ersteller kkapsner
- Erstellt am
ein schlauer
Lounge-Member
Läuft mit: FF 3.6.8, OP 10.61, Webbrowser 2.30.2 (Webkit) unter Ubuntu
ABNetworks.DE
New member
Wow, sieht wirklich beeindruckend aus! Dass das mit JS möglich ist, hätte ich nicht gedacht. Hab mir den Quelltext mal angeschaut, aber auf die schnelle nicht den Befehl/die Befehle gefunden, die aus den DIV-Tags ein 3 dimensionales Gebilde machen. Kannst du mir sagen, wo das im Quelltext geschieht? Danke!
ein schlauer
Lounge-Member
Das ist die Eigenschaft, die genutzt wird: https://developer.mozilla.org/En/CSS/-moz-transform
kkapsner
Super Moderator
... und damit werden die 6 DIVs nicht zu einem 3D-Objekt "verschmolzen", sondern einfach nur so transformiert, dass es so aussieht als ob.
Im Grunde genommen habe ich mir virtuell ein 3D-Koordinatensystem gebaut, dass ich mit den geeigneten Matrizen so transformiere, dass die Drehungen entstehen. Aus der Transformationsmatrix des Koordinatensystems kann ich jetzt auslesen, wie jede Seite des Würfels auf 2D projiziert aussehen muss. Das Ganze noch für alle Browser aufgeareitet und fertig.
Im Grunde genommen habe ich mir virtuell ein 3D-Koordinatensystem gebaut, dass ich mit den geeigneten Matrizen so transformiere, dass die Drehungen entstehen. Aus der Transformationsmatrix des Koordinatensystems kann ich jetzt auslesen, wie jede Seite des Würfels auf 2D projiziert aussehen muss. Das Ganze noch für alle Browser aufgeareitet und fertig.
![Junkee[]](/data/avatars/m/26/26576.jpg?1671603977){kind=avatar}
Arcsinh
Lounge-Member
ich finde denn Würfel echt toll und habe ihn mir lange angesehen. Da ist mir etwas aufgefallen.
Wenn man längere zeit auf den Würfel starrt, und sich auf nichts konzentriert dann scheint es so als wäre der Würfel aus Gummi und würde die ganze Zeit wackeln wie so ein gliber Würfel.
Wenn man längere zeit auf den Würfel starrt, und sich auf nichts konzentriert dann scheint es so als wäre der Würfel aus Gummi und würde die ganze Zeit wackeln wie so ein gliber Würfel.