[c.....m]

nudziło mi się ostatnio, to zrobiłem sobie takie coś:

http://codepen.io/codecalm/details/eppjjM

#css #html5 #webdev #codepen

[takecare]

@codecalm: okeeeej;)

[kubakabana]

@codecalm: dzwon z tym do Microsoftu ( ͡° ͜ʖ ͡°)

[c.....m]

@kubakabana: liczę, że telefon będzie od nich ( ͡° ͜ʖ ͡°)

[kubakabana]

@codecalm: ( ͡€ ͜ʖ ͡€)( ͡€ ͜ʖ ͡€)( ͡€ ͜ʖ ͡€)

[InnyKtosek]

@codecalm: Troszku oszukujesz bo tu więcej zasługi SVG niż HTML czy CSS ale i tak propsy bo w życiu bym nie zgadł, że tak się da w SVG :)

Ciekaw jestem czy używając Canvas udałoby się uzyskać z 30fps.

[maciejpiotr_]

@codecalm: lepsze by to bylo jako grafika myślenia na w10/wp10

[kiler129]

@codecalm: Udostępnisz na licencji MIT? ( ͡° ͜ʖ ͡°)

[c.....m]

@InnyKtosek: nie zgodze się, to css korzysta z filtrów svg, a nie odwrotnie :)

[c.....m]

@kiler129: u mnie na githubie są wszystkie źródła ;)

[InnyKtosek]

@codecalm: No ale to własnie filtry SVG stanowią IMHO clou całego efektu :)

[c.....m]

@InnyKtosek: grunt, ze odpowiednie ich wykorzystanie potrafi przyniesc fajny efekt :)

[gagit]

@codecalm: a czym to się różni od tej animacji z inspiracji?
tak czy siak, śliczne :3

[InnyKtosek]

grunt, ze odpowiednie ich wykorzystanie potrafi przyniesc fajny efekt :)

@codecalm: Jasne, że tak :) Przy okazji, rysowanie kółek w SVG jest (podobno) szybsze od warstw HTML z border-radius: 50%. Możesz spróbować zyskać na tym kilka FPS.

[c.....m]

@gagit: ideą było pokazać, ze da się to zrobić w css :)

[c.....m]

@InnyKtosek: svg ogólnie mega sprawa, na coraz więcej można sobie pozwolić. A integracja tego z html czy css to juz miodzio :)

[c.....m]

@InnyKtosek: a co do tych fps, to masz klatkowanie? U mnie sie to mega plynnie zachowuje, nie widac zadnych lagów

[InnyKtosek]

@codecalm: U mnie nie ale widziałem, że ktoś tu na to narzekał. W ogóle na FF coś nie działa tak jak powinno :-/

[gagit]

@codecalm: ojacie faktycznie, dopiero zerknęłam w kod - w takim razie jeszcze ładniejsze :D

[kiler129]

@codecalm: Widzę ;) Nawet sobie zagwiazdkowałem, ale nie dołączyłeś pliku LICENSE.(md|txt) co oznacza:

Generally speaking, the absence of a license means that the default copyright laws apply. This means that you retain all rights to your source code and that nobody else may reproduce, distribute, or create derivative works from your work. This might not be what you intend.

Zapytałem o MIT bo to najlepsza licencja dla takich rzeczy ;)

[c.....m]

@kiler129: niedopatrzenie, już poprawiłem :)