chevron-left chevron-right

Piotr Nalepa Frontend, architecture and AI

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

This version
blog.piotrnalepa.pl/2013/08/29/web-niesamowite-mozliwosci-jezykow-webowych-zestaw-2
Published
Author
, Staff Software Engineer
Category
HTML5
Feedback
Write to me · Post on X

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

[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.

Section 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.

Section 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.

Section 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.

Section 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.

Share
Feedback

About the author

Staff Software Engineer

I've been writing this blog since 2009 and building for the web professionally for 14 years. Today I lead the frontend of the Cosmos platform at Bishop Fox, where I've been since day one of the project. Before that I worked at OLX, KUDO, Auto1 and eZ Systems. Here I write about what I've learned in practice: JavaScript, TypeScript, React, CSS and frontend architecture. I've also spoken at conferences across Poland and Europe. Got a question or an idea for a post? Let me know!