[Web] Niesamowite możliwości języków webowych – zestaw 2
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
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
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ęć
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
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
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.