jak przygotować animację w css3/javascript

0

Siema... mam mały problem mam taka animację(dopiero zaczynam :D)
[code]
@-webkit-keyframes Stance
{
0%
{
background-image: url(Skille/Uzumaki/pl/Stance/1.png);
}
50%
{
background-image: url(Skille/Uzumaki/pl/Stance/2.png);
}
100%
{
background-image: url(Skille/Uzumaki/pl/Stance/3.png);
}
}

@-webkit-keyframes Run
{
0%
{
background-image: url(Skille/Uzumaki/pl/Run/1.png);
}
100%
{
background-image: url(Skille/Uzumaki/pl/Run/2.png);
}
}
...
#Postac
{
position: absolute;
width:23px;
height:35px;
-webkit-animation: Stance 50ms infinite alternate;
animation: Stance 50ms infinite alternate;
}
[/code]
I teraz chciałem zrobić taką prostą grę platformową i jak zrobić , by na przykład to Stance, zmienić na Run.A przy opisie animacji na przykład zmienić ściezkę do grafiki.Albo jak przy opisie animacji dodać jakąś wartość naprzykład "left :10px".Potrzebne mi to jest by naprzykład jak nacisne klawisz by zmieniła się animacja. Mam też pytanie do was ... czy tak się to robii???. Czekam na odpowiedź :D!!! Z góry dzięki

1

Żarty sobie robisz? Dałeś kawałek kodu CSS z którego nic nie wynika i pytasz się jeszcze o podstawy podstaw. :|

0

Przepraszam , nie wiem czy ciebie jakoś obraziłem czy jak. Jestem początkującym programistą.Wiem , że można zmienić wartość pliku CSS za pomocą Java script wykorzystując funkcję JQuery, jednak nie działa mi to jeśli chodzi o zmianę wartości przy animation. Czy dodawanie lub modyfikowanie samej animacji. Nie wiedziałem , że zwrócenie sie z problemem do lepszych jest dla nich jakąś urazą. Liczyłem , że po prostu pomogą sorry i chyba temat można OFF bo po tym co tu zobaczyłem znajdę sobie jakieś inne forum gdzie się na de mną zlitują... Co do wypowiedzi kolegi wyżej , jak kawałek CSS ??? A co byś chciał więcej jak tam nic więcej nie ma ... to jest prosta animacja która ma się zmieniać z jednej na drógą w zależności od tego jaki klawisz jest wciśnięty.

1

Nie, żebym się czepiał ale czumu stawiasz spacje przed przecinkiem? :|

Przepraszam , nie wiem czy ciebie jakoś obraziłem czy jak.

Java albo script:

<script> document.write("Witaj!") </script>

ale tu pewnie chodziło Ci o javascript, a i jeszcze "funkcję JQuery" jak już to poprzez biblioteki jQuery. ;)

Wiem , że można zmienić wartość pliku CSS za pomocą Java script wykorzystując funkcję JQuery, jednak nie działa mi to jeśli chodzi o zmianę wartości przy animation.

Jakbyś pokazał więcej napisanego kodu, albo byś spakował projekt i wrzucił na forum to byłoby duże prawdopodobieństwo, że ktoś Ci pomoże, a czy za Free lub Not for free - to już inna kwestia. Przecież łaski nikt tu nie robi, że komuś pomaga, ale ciężko nam wykryć i naprawić problem jeśli mamy np. taki fragment kodu CSS.

Nie wiedziałem , że zwrócenie sie z problemem do lepszych jest dla nich jakąś urazą. Liczyłem , że po prostu pomogą sorry i chyba temat można OFF bo po tym co tu zobaczyłem znajdę sobie jakieś inne forum gdzie się na de mną zlitują...

Mała uwaga, są osoby na tym świecie co nie lubią błędów ortograficznych,stylistycznych, itd. wręcz ich nie znoszą. Jeśli posiadasz słownik/słowniki to zajrzyj od czasu do czasu do nich. ;)

drógą
lub
po prostu
i to (
A co byś chciał więcej

  • dziwnie to trochę brzmi... :| )
0

@Riktorius:
Docentem się nie przejmuj, on tak lubi.
Ogólnie źle się za to bierzesz. Animacje CSS to nie jest coś za pomocą czego bym pisał jakąkolwiek grę, a po prostu prostą animację na stronie. Animowałbym tylko przez javascript, używając oczywiście css sprites (wszystkie klatki animacji w jednym pliku, nie osobno, bo jak takich plików będzie 1000 to strona się będzie otwierać pół wieku). Zapewne użyłbym do tego canvas - ale tu uwaga - to wymaga jako takiej wiedzy, coś ponad skromne podstawy jednak. W Twoim przypadku po prostu jeden styl przypisujesz do jednej klasy, drugi do drugiej, a potem poprzez js zmieniasz klasę elementu. Zauważ, że tu nie masz żadnej kontroli nad tym w której klatce to nastąpi. Jeżeli animacja miałaby być płynna to to nigdy by nie wyszło.

1 użytkowników online, w tym zalogowanych: 0, gości: 1