Proje Hakkında

Bu proje, estetik bir hava durumu panosu (dashboard) olarak tasarlanmış olup, Glassmorphism (Cam Efekti) konseptini merkeze alır. WebGL kullanılarak arka plan videoları üzerinden ince ışık kırılmaları (refraction) ve bükülmeler elde edilmektedir.

Öne Çıkan Özellikler

  • Dinamik arka plan yapısı ve hava durumuna göre değişen videolar
  • WebGL ile optimize edilmiş gelişmiş materyal shader'ı
  • Matter.js kullanılarak oluşturulmuş animasyonlu fizik olayları
  • Tam ekran ve duyarlı (responsive) CSS Grid ve Flexbox dizilimi

Kullanılan Teknolojiler

  1. HTML5 & Semantic Etiketler
  2. CSS3 & Animasyonlar (Box Model Çerçevesi)
  3. Vanilla JavaScript (ES6+)
  4. WebGL Shader Programcılığı
  5. Matter.js Fizik Motoru

Ziyaretçi Yorumları (Geri Bildirimler)

Ahmet Yılmaz:

Matter.js yerçekimi efekti inanılmaz olmuş! Tam bir görsel şölen.

Elif Demir:

Glassmorphism cam tasarımı çok şık ve modern duruyor, ellerinize sağlık.