Zurück   Flashforum > Alternative Technologien > HTML und CSS

Antwort
 
LinkBack Themen-Optionen Ansicht
Alt 20-07-2011, 10:17   #1 (permalink)
Neuer User
 
Registriert seit: Jul 2011
Beiträge: 1
Bilder drehen wie ein Riesenrad

Hallo,

ich möchte mit HTML5 eine Animation machen die wie folgt aussieht: mehrere Personen sind im Kreis angeordnet und sollen sich drehen (so ähnlich wie ein Riesenrad). Hat jemand eine Idee, wie man das am besten realisiert?
Ich habe es mal so probiert:

Code:
@-moz-keyframes adrian {
	0% {
		-moz-transform: translate(0px,0px);
	}
	12,5% {
		-moz-transform: translate(140px,-40px);
	}
	25% {
		-moz-transform: translate(280px,-90px);
	}
	37,5% {
		-moz-transform: translate(400px,-40px);
	}
	50% {
		-moz-transform: translate(450px,60px);
	}
	62,5% {
		-moz-transform: translate(400px,200px);
	}
	75% {
		-moz-transform: translate(280px,230px);
	}
	87,5% {
		-moz-transform: translate(160px,200px);
	}
	100% {
		-moz-transform: translate(0px,0px);
	}
	
	}
Das Problem ist nur, dass es nicht flüssig läuft (hält alle 25% für ein paar Sekunden an), man muss sehr viel rumprobieren, um die Positionen zu finden und es dreht sich auch nicht so ganz im Kreis (eher abgehackt).

Für euer Hilfe bin ich sehr dankbar :-)

Grüße, niggie
niggie ist offline   Mit Zitat antworten
Alt 20-07-2011, 11:29   #2 (permalink)
Inventar
 
Benutzerbild von Nightflyer
 
Registriert seit: Jul 2002
Beiträge: 7.038
Würd ich aller Unkenrufe zum trotz mittels einer JS-Funktion machen die per setInterval() alle 10ms die Position der Bilder ändert
__________________
(\__/)
(='.'=)
(")_(")
Nightflyer ist offline   Mit Zitat antworten
Antwort

Lesezeichen

Stichworte
animation, drehen, html5

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks sind an
Pingbacks sind an
Refbacks sind an


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
3D-Modell von Achterbahn, Riesenrad usw. gaspode 3D 2 16-09-2009 12:49
Bilder drehen marcorei Flash 8 1 31-01-2008 18:52
Hilfe bei Riesenrad Bewegungstweening Alerionh Flash 4 und Flash 5 2 12-09-2004 06:32
Riesenrad... MrYoschy Flash MX 5 18-08-2002 14:29
Bilder drehen? Hotliner f.Hell Flash 4 und Flash 5 2 11-10-2001 22:14


Alle Zeitangaben in WEZ +1. Es ist jetzt 13:39 Uhr.

Domains, Webhosting & Vserver von Host Europe
Unterstützt das Flashforum!
Adobe User Group


Copyright ©1999 – 2014 Marc Thiele