chevron-left chevron-right

Piotr Nalepa Frontend, architektura i AI

[Web] Niesamowite możliwości języków webowych – zestaw 2

Ta wersja
blog.piotrnalepa.pl/2013/08/29/web-niesamowite-mozliwosci-jezykow-webowych-zestaw-2
Opublikowano
Autor
, Staff Software Engineer
Kategoria
HTML5
Uwagi
Napisz do mnie · Napisz na X

Ten wpis ma 13 lat. Od tego czasu przeglądarki i narzędzia mogły się zmienić, więc zanim użyjesz kodu, sprawdź go z aktualną dokumentacją.

W dzisiejszym wpisie zamieszczę kolejną porcję bardzo ciekawych efektów uzyskanych za pomocą języków webowych. Jest to ciąg dalszy serii o niesamowitych możliwościach jakie można uzyskać w przeglądarce internetowej.

Sekcja 1Hipnotyczna animacja kwadratów

[Web]  Niesamowite możliwości  języków webowych zestaw 2 - Mesmerizer

Jest to jeden z przykładów na uzyskanie dynamicznej animacji na stronie internetowej. By w pełni doświadczyć efekt jaki można uzyskać, należy kliknąć w róg pola a potem na klawiaturze wcisnąć jakiklowiek klawisz. Efekt możliwy do obejrzenia w przeglądarkach Firefox i Google Chrome.

Sekcja 2Zabawy z oświetleniem za pomocą JS

[Web] Niesamowite możliwości języków webowych – zestaw 2 - Oświetlenie

Jest to jeden z fajniejszych efektów możliwych do uzyskania w przeglądarce. Demo pozwala na zabawę oświetleniem poprzez zmianę natężenia światła, ekspozycję, itd.

Sekcja 3Interaktywny labirynt ze zdjęć

web-effects-collective-2-3

Kolejny przykład dotyczy labiryntu zbudowanego ze zdjęć. Jest to minigierka w której należy przejsć od startu do mety za pomocą dostępnych klawiszy.

Sekcja 4Dynamiczne generowanie tekstu w obiekcie canvas

web-effects-collective-2-4

Za pomocą obiektu canvas można utworzyć wiele ciekawych efektów. Jednym z nich może być dynamiczne generowanie tekstu, który może podlegać prawom grawitacji.

Sekcja 5Dynamiczne oświetlanie obiektów 3D za pomocą JS

web-effects-collective-2-5

Jest to kolejny przykład na to, jak można wykorzystać efekty oświetlenia wygenerowane za pomocą JS i biblioteki Three.js.
W demie wykorzystano zdjęcia i modele 3D, któ®e posłużyły jako obiekty oświetlane. Już teraz widać, jak bardzo język JavaScript się rozwinął i teraz pozwala już myśleć powoli o pełnoprawnych grach 3D i to nie jest już takie odległe marzenie.

Udostępnij
Uwagi

O autorze

Staff Software Engineer

Piszę na tym blogu od 2009 roku, a strony i aplikacje webowe tworzę zawodowo od 14 lat. Obecnie w Bishop Fox prowadzę frontend platformy Cosmos, od samego początku projektu. Wcześniej pracowałem m.in. w OLX, KUDO, Auto1 i eZ Systems. Piszę tu o tym, czego nauczyłem się w praktyce: o JavaScripcie, TypeScripcie, Reakcie, CSS-ie i architekturze frontendu. Występowałem też jako prelegent na konferencjach w Polsce i Europie. Masz pytanie albo pomysł na wpis? Daj znać!