
Animowane silniki
zuchtomekGURU
111piorunówZasady działania różnych typów silników przedstawione w formie animacji.
Komentarze (16)
Fajne ale jezu ale ta strona jest archaiczna, co to wgl za technologia jest. Ta animacja to jest jeden obrazek o wyskokości 9000px który przesuwa się szybko od góry do dołu niczym taśma filmowa tworząc animacje xD. Jako osoba która weszła w web dev w czasach powszechnego użycia Reacta i innych zawsze rozwalają mnie takie "stare" rozwiązania xD. W sensie to nawet nie jest gif mimo, że zapisane w formacie gif, to jest literalnie jedna sprite map na której są wszystkie klatki animacji na raz.
@Catharsis Chrome był w 2009 nowością, pisanie czegokolwiek w tamtych czasach wymagało pisania JS'a pod 4 przeglądarki, bo żadna nie działała idealnie, no i jak sam zauważyłeś: react'a nie było, nie było go jeszcze przez 4 lata. To był inny świat.
@baklazan Oj akurat w webdevie i np w wypadku JS to robi dużo. JS z roku 2000 potrafił być mega archaiczny, używać jakiś dziwnych API z ówczesnych przeglądarek których już nie ma itp. A 2009 rok to już czasy wyjścia ES5 i stron klepanych w jQuery, zaraz wychodzi react, istnieje już Chrome itp. Zupełnie inne czasy.
@Catharsis Czyli zamień 25 na 16, to nie robi jakiejś większej różnicy ; D
@baklazan Jak cos dziala to sie tego nie rusza. Z doswiadczenia spece od usprawniania sprawdzonych rozwiazan zawsze psuja wszstko xD
A no teraz się nawet upewniłem, wcześniej to były zwyczajne gify:
https://web.archive.org/web/20080609232555/http://www.keveney.com/Wankel.html
@baklazan A niekoniecznie to rozwiązanie ma 25 lat, jak sobie klikniesz w zakładkę z historią edycji strony to jest tam taki wpis. No moim zdaniem to wyraźnie sugeruje, że wcześniej faktycznie wszystkie animacje na stronie były zwykłymi gifami i dopiero w 2009 roku ziomek przerobił to w ten sposób. Na dzisiejsze standardy to najprościej by było przekonwertować te gfify na mp4 i umieścić je w zwykłym video tagu bo ten zwyczajnie obsługuje zmienianie prędkości odtwarzania.
> April 6, 2009
> The illustrations now feature control panels!
> For years, visitors have requested the ability to adjust the animation speed, pause the motion, and examine the frames individually. The new control panel enables you to do just that.
>
> I’m still testing and refining this system, and would love to hear your feedback. Since it may not be perfect yet, I’ve created a link on the home page to switch back to the original _animated GIF_ images.
@Catharsis Ta strona ma prawdopodobnie 25lat więc zakładam że autor użył tych samych metod co na początku i to wszystko wciąż działa! Masz teraz do wyboru:
* zachować się jak porządny inżynier i zgodzić się z tym, że to jest zajebiste
* zachować się jak hipster webdeveloper, którego wygryzie AI za 2 tygodnie i stwierdzić że "tak się tego nie robi"
Choose your poison : >
@Opornik O to to xD
Dzieciaki już nie wiedzą co to znaczy zrobić animację poklatkową we flashu, ba - nie wiedzą co to flash.
@Catharsis a sama strona - może kod nie jest najczystszy w dzisiejszych standardach, ale strona DZIAŁA, jest KURDE przejrzysta i od razu wszystko na niej widać - bije na głowę wszystkie głupie CMS razem wzięte ( ͡° ͜ʖ ͡°)
Tęsknię za takim internetem.
Co do gif - gif to generalnie plik graficzny, niekoniecznie animacja :stuck_out_tongue_winking_eye: Kiedyś się ich używało bo były lżejsze od bitmap czy nawet jpegów (oczywiście kosztem kolorów i jakości, ale przy takich schematach to nie ma znaczenia).
Tak wiem - starzeję się :stuck_out_tongue_winking_eye: #okboomer
@Catharsis OK ZOOMER 😛
Nie masz pojęcia jakie cyrki trzeba było kiedyś odstawiać żeby najprostsze rzeczy działały - i to na wszystkich przeglądarkach
>czy wszystko w tym pieprzonym 2025 roku musi mieć nasrane dziesięć frameworków żeby działało?
Tak jak @Mechazaba mówi. Wy zoomery i te wasze frejmgayworki. :smiley:
@Mechazaba Nie musi ale tak jest po prostu wygodniej. Pisanie UI w czystym JS to jest masakra gdy projekt stanie się choć trochę większy. React (lub jakiś inny UI framework) + jakaś biblioteka komponentów to w zasadzie podstawa. Ale sam React na dzisiejsze standardy nie jest jakiś ciężki czy coś a zawsze też można użyć np Preacta.
@Catharsis Pan Matt Keveney, autor tej strony, założył ją w roku 2000:
https://animatedengines.com/history.html
A szczerze i tak na marginesie - czy wszystko w tym pieprzonym 2025 roku musi mieć nasrane dziesięć frameworków żeby działało?
@zuchtomek Świetne, dzięki za wrzutę
@zuchtomek jak ja lubię dwusuwy :smiling_face_with_3_hearts: