Jednostronicowa strona internetowa firmy zajmującej się projektowaniem załogowych pojazdów podwodnych, z dynamiczną symulacją zanurzenia podczas przewijania.
Główne zadanie: Techniczna prezentacja usług i charakterystyk pojazdów podwodnych z angażowaniem użytkownika poprzez interaktywne wizualne doświadczenie zanurzenia na głębokość do 10 935 metrów.
Co zostało zrealizowane:
- Dynamiczna zmiana koloru tła i efektu winietowania w zależności od pozycji przewijania (symulacja ciśnienia i oświetlenia).
- Generacja wizualnych efektów warstwy wody i cząstek w czasie rzeczywistym za pomocą Canvas API.
Interaktywny interfejs HUD (Head-Up Display) z stałym licznikiem aktualnej głębokości.
- Adaptacyjna siatka/flex-układ bloków informacyjnych (specyfikacje statku, misje naukowe).
- Animacje stopniowego pojawiania się treści (reveal) oraz ciągłego przewijania tekstu (ticker).
- Niestandardowy loader ekranu startowego z paskiem postępu "przygotowanie do zanurzenia".
Technologie: HTML5, CSS3, Vanilla JavaScript, Canvas API
Główne zadanie: Techniczna prezentacja usług i charakterystyk pojazdów podwodnych z angażowaniem użytkownika poprzez interaktywne wizualne doświadczenie zanurzenia na głębokość do 10 935 metrów.
Co zostało zrealizowane:
- Dynamiczna zmiana koloru tła i efektu winietowania w zależności od pozycji przewijania (symulacja ciśnienia i oświetlenia).
- Generacja wizualnych efektów warstwy wody i cząstek w czasie rzeczywistym za pomocą Canvas API.
Interaktywny interfejs HUD (Head-Up Display) z stałym licznikiem aktualnej głębokości.
- Adaptacyjna siatka/flex-układ bloków informacyjnych (specyfikacje statku, misje naukowe).
- Animacje stopniowego pojawiania się treści (reveal) oraz ciągłego przewijania tekstu (ticker).
- Niestandardowy loader ekranu startowego z paskiem postępu "przygotowanie do zanurzenia".
Technologie: HTML5, CSS3, Vanilla JavaScript, Canvas API