PHP - Drehen um Y-Achse?

[Reb00t]

Hallo Leute!

Auf meiner Website möchte ich gerne ein Schachbrettmuster erstellen, dessen Kacheln sich in zufälliger Reihenfolge um die Y-Achse drehen und dadurch ein zufälliges Bild sichtbar wird. Danach soll dieses wieder zurückgedreht werden. Da sich mein Wissen um PHP sehr in Grenzen hält und ich auch nur für diese eine Stelle ein Script möchte, frag ich jetzt hier einfach mal ob jemand eine Idee hat wie man das umsetzen könnte. Flash beherrsche ich zwar, möchte aber lieber vermeiden eine SWF in die HP einzubetten.

lg, Reb00t

 

[Orlandoo]

AW: PHP - Drehen um Y-Achse?

Dafür ist PHP wenig geeignet, denn PHP wird auf dem Webserver ausgeführt. Die errechneten Ergebnisse müssen dann jedesmal an den Rechner des Seitenbesuchers gesendet werden - für eine flüssige Animation ungeeignet. Für Deine Anforderung solltest Du eher in Richtung Javascript (oder halt doch Flash) gehen. Javascript wird auf dem Rechner des Seitenbesuchers ausgeführt, so dass die berechneten Daten direkt dargestellt werden könnnen und nicht erst vom Webserver übertragen werden müssen.

 

[tr4ze]

AW: PHP - Drehen um Y-Achse?

Wie Orlandoo geschrieben hat, das ist eine Aufgabe für Javascript.

Hier mal ein Jquery Plugin das wohl genau das macht -> http://dev.jonraasch.com/quickflip/examples/hover-quickflips

 

[Reb00t]

AW: PHP - Drehen um Y-Achse?

Vielen vielen Dank!

Dieses jQuery Plugin macht genau das was ich will!

lg

 

[Reb00t]

AW: PHP - Drehen um Y-Achse?

So ich hab das jetzt soweit eingebaut und es funktioniert auch absolut geil!

Ich rufe folgende Funktion auf um immer 2 zufällige Kacheln umzudrehen:

(function(){
var divs = $(".quickFlip").get().sort(function(){ 
            return Math.round(Math.random())-0.5;
           }).slice(0,1);
		   
var divs2 = $(".quickFlip2").get().sort(function(){ 
            return Math.round(Math.random())-0.5;
		   
$(divs).quickFlipper();
$(divs2).quickFlipper();

setTimeout(arguments.callee, 10000);
})();

Allerdings bleiben diese Kacheln dann auch umgedreht und ich will aber, dass die Kacheln anschließend wieder umgedreht werden und 2 komplett andere Kacheln umgedreht werden. Meine Programmierfähigkeit beschränkt sich leider nur auf Obj.-C und AS2 daher weiß ich überhaupt nicht wie ich das hier angehen soll.

Nochmal im Überblick:

> 2 Zufallszahlen (A,B)
> Kacheln umdrehen
> 10sec. warten
> Kacheln A,B wieder umdrehen
> 2 neue Zufallszahlen (C,D)
> usw.

lg

//EDIT:

Hat sich inzwischen erledigt...
Für alle die es interessiert:

(function() {
	var divs = null;
	var divs2 = null;
    
	var flipOver = function() {
			
		$(divs).quickFlipper();
		$(divs2).quickFlipper();
	
		divs = $(".quickFlip").get().sort(function(){ 
				return Math.round(Math.random())-0.5;
		}).slice(0,1);
		   
		divs2 = $(".quickFlip2").get().sort(function(){ 
			return Math.round(Math.random())-0.5;
		}).slice(0,1);
		   
		$(divs).quickFlipper();
		$(divs2).quickFlipper();
			
	}
	setInterval(flipOver,3000);
	
})();