[le1t00]

#impress.js #jquery #html5 #css3 #webdev

Jak ktoś pomoże i powie mi jak zrobić by trasa szła po "schodach" czyli zawsze po linii prostej, a nie jak teraz po skosach to wyślę mu dobre piwko :)

https://github.com/bartaz/impress.js

[kamdz]

@le1t00:

data-x

[danielm80]

@le1t00: Albo mowimy o czym innym, albo jestem glupi. Te divy sie przesuwaja przecierz poziomo :-/

[danielm80]

@le1t00: Ok wszystko jasne :| Sie musialem sam domyslic jaka navigacja, bo na chrome sie nie wyswietlil hint.

[kamdz]

@le1t00: hmm, to jest css3 tranform i jak dasz mu inny x i y to poleci po przekątnej, jak chcesz po prostej to daj jakiś pusty div przejściowy i idź najpierw do niego po x lub y (musi leżeć na tej samej płaszczyźnie co docelowy) a potem do tego właściwego po drugiej osi

[le1t00]

@kamdz: @danielm80:

Chcę aby zapierdzielało tak jak po tej niebieskiej linii

http://i.imgur.com/4ORvu.png

[kamdz]

@le1t00: napisałem Ci

[danielm80]

@kamdz: @le1t00: Ale chyba bedzie musial zmodyfikowac .js, bo jezeli bedzie mial pustego diva, to animacja sie na nim zatrzyma, bo bedzie czekala na kolejny event. A myk powinien byc osiagniety taki, ze te schody robi automatycznie. Czy cos zle zrozumialem?

[le1t00]

@kamdz: właśnie zauważyłem :D

Tylko nie wiem czy wiem jak zrobić by automatycznie dalej leciało.

Jak przy divie docelowym podam jego x i y to nie musze nigdzie tego w cssie ustawiać i on sam się ustawi tam gdzie chcę.

Przy takim zabiegu jak napisałes to nie wiem jak to rozwiązać :(

[le1t00]

@danielm80: zrozumiałes własnie bardzo dobrze i tutaj jest mój problem :D

[kamdz]

@le1t00: http://i.imgur.com/MdfIz.png ciągniesz do 1 po x, potem do 2 po y, i potem do swojego po x

@danielm80: niech po dojechaniu triggeruje kolejny impress().next()

[danielm80]

@kamdz: @le1t00: Ta.. pisze jak byk. Good job Mr. K.

You can also simply call impress() again to get the API, so impress().next() is also allowed.

[kamdz]

@danielm80: to śmieszne bo nigdy nie korzystałem z impressa, teraz tylko zajrzałem w source dema :3

[le1t00]

@kamdz: @danielm80: to zobaczę czy ogarnę to i będzie gift :)

[kamdz]

@le1t00: fajny design swoją drogą

[danielm80]

@kamdz: Ja jak zwykle zamiast czytac doku to mysle jak zmodyfikowac. No ale alko robi tez swoje.

@le1t00: Ogarniesz!

BTW bardzo ciekawy skrypt. http://artofflightmovie.com/ wykorzystuje cos podobnego, ale tylko w 2D

[kamdz]

@danielm80: oni mają jakiś cienki plugin do jquery który pętlami zmienia wartości... suabe i lagujące, tu jest css3 i spoko

[le1t00]

@danielm80: nawet spoko ogarnięte, chociaż mało ciekawych rzeczy tam wykorzystali :D

@kamdz: a dzięki dzięki

[danielm80]

@kamdz: @le1t00: Zwykly scrollTo + easing na duzym divie z overflow: hidden.

[le1t00]

@kamdz: @danielm80: śpicie czy czuwacie? :) Nie wiem gdzie impress().next() wstawić by leciało z palca :C