[Web] Niesamowite możliwości języków webowych – zestaw 2
This post is 13 years old. Browsers and tools may have changed since then, so check the code against current documentation before you use it.
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.
Section 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.
Section 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.
Section 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.
Section 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.
Section 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.