Özel Tasarım, Oyun & Yazılım Laboratuvarı

Canlı Demolar &
İnteraktif Web Projeleri

Yavuz Çakar tarafından sıfırdan tasarlanıp kodlanan; e-ticaretten HTML5 tarayıcı oyunlarına, canlı IPTV oynatıcısından gerçekçi mekanik saat simülasyonlarına, modern UI/UX ve animasyon deneyimlerine kadar 48 adet canlı interaktif proje. İstediğiniz demoyu doğrudan inceleyebilir, kaynak kod mantığını test edebilirsiniz.

48
Canlı Demo & Proje
13
Web Oyunu
7
Mekanik Saat
22
UI/UX & Animasyon
%100
Mobil Uyumlu
Toplam 48 interaktif demo listeleniyor
Canlı TV & IPTV

Yavuz IPTV – Canlı TV & EPG Yayın Akışı

120+ yerel ve ulusal televizyon kanalı, anlık EPG yayın akışı takibi, HLS canlı oynatıcı ve özel kanal ekleme özellikli interaktif IPTV platformu.

E-Ticaret & Katalog

Elegant Style – e-Ticaret Sitesi

Modern, hızlı ve güvenli e-ticaret altyapısı, online ödeme sistemleri ve ürün kataloğu çözümü.

Kişisel Web Sitesi

Yavuz Çakar – Kişisel Portfolyo

Kişisel marka, yazılım projeleri, dijital çalışmalar ve teknik blog için hazırlanmış modern portfolyo.

HTML5 Refleks Oyunu

Blok Ninja Oyunu

Hızlı refleks ve blok kesme mekaniğine dayalı, yüksek tempolu ve akıcı tarayıcı oyunu.

Uzay Savunması

Gezegen Savunma Oyunu

Gezegeni gelen göktaşlarından koruma temalı interaktif 2D uzay savunma ve hedef alma oyunu.

Arcade Macera

Gökyüzü Hayalleri Oyunu

Gökyüzünde engelleri aşarak ilerlenen dinamik, görsel açıdan zengin ve akıcı tarayıcı oyunu.

Fizik & Masa Sporu

Hava Hokeyi Oyunu

Gerçekçi çarpışma fiziği ve akıllı yapay zeka rakip algoritmasına sahip klasik hava hokeyi oyunu.

Sonsuz Koşu (Runner)

Karanlık Koşu Oyunu

Karanlık ve gizemli bir atmosferde engelleri aşarak en yüksek skoru hedefleyen sonsuz koşu oyunu.

Kış Simülasyonu

Karda Yürüyen Bir Adam Oyunu

Düşen kar taneleri efektleri ve fizik tabanlı adımlama animasyonuna sahip etkileşimli kış simülasyonu.

Denge & Yığın Oyunu

Kule Blokları Oyunu (Tower Blocks)

Kusursuz zamanlama ile hareket eden blokları üst üste yerleştirerek en yüksek gökdeleni dikme oyunu.

Hızlı Refleks

Maske! Oyunu

Görsel hafıza ve hızlı tıklama reflekslerine dayalı, renkli ve eğlenceli mini tarayıcı oyunu.

Zeka & Hafıza

Simon Oyunu (Hafıza Testi)

Renk ve ses dizilimlerini hafızada tutup adım adım tekrarlamaya dayalı efsanevi Simon zeka oyunu.

Şans & Animasyon

Slot Oyunu

Dönen makaralar, ses efektleri ve animasyonlu kazanç ekranıyla klasik slot makinesi simülasyonu.

İnteraktif Çark

Spin Oyunu (Şans Çarkı)

Akıcı sürtünme ve yavaşlama fiziğine sahip, özelleştirilebilir interaktif şans çarkı mekanizması.

3D Uzamsal Bulmaca

The Cube Oyunu

Üç boyutlu perspektif ve küp hareketleriyle tasarlanmış zihin açıcı uzamsal bulmaca oyunu.

Retro Klasik

Yılan Oyunu (Classic Snake)

Efsanevi retro yılan oyununun modern HTML5 Canvas ve klavye/dokunmatik kontrollerle yazılmış hali.

Mekanik Simülasyon

100 Yıllık Saat Çarkı

Karmaşık dişli oranları ve kesintisiz dönen çark mekaniğiyle 100 yıllık mekanik saat simülasyonu.

İkonik Saat

Casio F-91W Dijital Saat

Dünyanın en ikonik saati Casio F-91W'nin piksel piksel işlenmiş gerçekçi dijital reprodüksiyonu.

Çalışan Kronometre

İnteraktif Casio Saat

Tıklanabilir butonları, canlı alarmı ve kronometre sayacıyla tam fonksiyonlu Casio saat arayüzü.

Minimalist Saat

Boncuklu Saati Sıralayın

Zamanı boncukların dinamik dizilimi ve akıcı yerçekimi fiziğiyle gösteren yenilikçi saat konsepti.

Retro Flip Saat

Çevirme Saat (Flip Clock)

Her dakika değiştiğinde gerçekçi 3D yaprak düşme animasyonuna sahip nostaljik istasyon saati.

Neon Nixie Tüp

Nixie Tüpülü Saat

Vintage gaz deşarjlı Nixie tüplerinin sıcak turuncu ışıltısıyla çalışan canlı dijital saat tasarımı.

Filament Fiziği

Nixie Tüpler (Kod Simülasyonu)

Tüp içi katot tellerinin katman katman parlamasını modelleyen özel CSS ve JS algoritması.

Sosyal Medya UI

Facebook Tasarımı 2.0

Facebook arayüzünün modernleştirilmiş, temiz ve yenilikçi 2.0 konsept yeniden tasarımı.

Glassmorphism 3D

Cam Kredi Kartı (Glassmorphism)

Buzlu cam dokusu, ışık kırılması ve fareye duyarlı 3D eğim açısı efektiyle kredi kartı.

Neon Sınır Işığı

Kart Işın Animasyonu

Kart kenarlarında dolaşan fütüristik neon ışın ve dinamik sınır aydınlatması.

WebGL Akışkan

Akıcı Hareket (Fluid Physics)

WebGL ve Canvas ile sıvı akışkanlığını ekranda canlandıran etkileşimli renk simülasyonu.

Spot Işık Takibi

Çapa Işını 3 Spot Işıkları

Farenin konumunu takip eden 3 farklı odaklı ışık hüzmesi ve gölge hesaplama efekti.

Mikro Etkileşim

Emoji Açma/Kapama Butonu

Açıldığında ve kapandığında mimik değiştiren eğlenceli ve yaratıcı anahtar butonu.

Mekanik Switch

Gerçekçi Kırmızı Anahtar (Red Switch)

Derinlik hissi, gölge geçişleri ve basma hissi veren endüstriyel mekanik switch tasarımı.

Neon Buton

Power Button (Güç Düğmesi)

Işıklı halka parlaması ve basma animasyonuyla tasarlanmış fütüristik açma/kapama butonu.

Neumorphism UI

Neomorfik Müzik Çalar

Yumuşak çift gölge tekniğiyle yüzeyden kabartılmış modern neomorfik ses oynatıcı arayüzü.

Bileşen Kiti

Nömorfik UI Elemanları

Butonlar, sürgüler, onay kutuları ve radyo butonlarından oluşan kapsamlı neomorfik bileşenler.

Shader Atmosferi

Okyanus Gölgelendirici (6 Sahneli Gün)

Şafaktan geceye günün 6 farklı evresinde dalga ve gökyüzü ışıklarını simüle eden okyanus sahnesi.

Parallax Scroll

Paralaks Kaydırma Animasyonu

Farklı hızlarda hareket eden derinlik katmanlarıyla büyüleyici web kaydırma deneyimi.

Form Arayüzü

HTML Form (Modern Validasyon)

Kullanıcı dostu mikro geri bildirimler, yüzen etiketler ve modern input stilleri.

Menü Bileşeni

Sekme Gezinme (Tab Navigation)

Akıcı gösterge çizgisi ve geçiş animasyonlarıyla tasarlanmış modern menü sekmeleri.

Matematiksel Partikül

Sonsuz Döngü (Infinite Loop)

Sonsuzluk işareti üzerinde kesintisiz hareket eden partiküller ve hipnotize edici döngü.

Tasarımcı Aracı

Tamamlayıcı Renkler (Color Picker)

Grafik ve web tasarımcılar için uyumlu zıt ve tamamlayıcı renk paleti seçici aracı.

Ürün Özelleştirici

Tişört Tarzı (Customizer)

Kıyafet üzerine anlık desen, renk ve baskı uygulama önizlemesi sunan interaktif araç.

Cam & Damla Fiziği

Yağmurlu Pencere (Rain Glass Effect)

Pencere camına vuran ve aşağı doğru süzülen gerçekçi yağmur damlası fiziği simülasyonu.

Geri Sayım Şablonu

Yapım Aşaması (Under Construction)

Canlı animasyonlar ve şık tasarım unsurlarıyla yakında açılacak siteler için yapım aşaması sayfası.

Web Audio API

Reaktif Sentez – Mini ORG (Synthesizer)

Web Audio API altyapısıyla klavyeden veya fareyle canlı nota üreten interaktif synthesizer.

Kült Animasyon

Kitt – Kara Şimşek (Knight Rider)

Efsanevi Knight Rider otomobilinin kırmızı tarayıcı ışık ve ses animasyonu simülasyonu.

Uzay & Warp Hızı

Star Trek (Warp Speed)

Yıldızlar arasından ışık hızına geçişi simüle eden hipnotik Star Trek warp efekti.

İslami Biyografi

Hz. Muhammed (s.a.v.) – Alemlere Rahmet

Peygamber Efendimiz'in hayatı, hadisleri ve örnek ahlakını aktaran özel temalı web sayfası.

Sesli Kur'an Oynatıcı

Kur’an-ı Kerim – Cüz Cüz Dinle

Tüm cüzleri yüksek ses kalitesiyle kesintisiz dinleme ve takip etme imkanı sunan web oynatıcısı.

Ezan Vakitleri & Geri Sayım

Namaz Vakitleri (Canlı Takip)

İl ve ilçe bazında güncel ezan vakitlerini ve kalan süreyi geri sayımla gösteren interaktif uygulama.

Merak Edilenler

İnteraktif Web Demoları Hakkında

Bu sayfadaki 48 interaktif projenin kodlama prensipleri, kullanılan modern teknolojiler ve kurumsal entegrasyonu hakkında bilgiler.

Tüm demolar saf JavaScript (Vanilla JS ES6+), HTML5 Canvas, WebGL shader teknolojileri, CSS3 3D Transformations ve modern ses API'leri kullanılarak geliştirilmiştir. Ağır üçüncü parti bağımlılıklar yerine doğrudan saf tarayıcı performansına odaklanılmıştır.

Evet, projelerin tamamı dokunmatik ekranlar (Touch Events), ivmeölçer hassasiyeti ve akıllı viewport ölçeklemesi ile donatılmıştır. iOS ve Android cihazların tümünde yüksek kare hızında (60 FPS) akıcı şekilde çalışır.

Yavuz IPTV; modern HLS.js protokolüyle çalışan, 120'den fazla ulusal ve yerel kanalı anlık EPG yayın akışı takvimiyle birlikte sunan, özel M3U çalma listesi eklemeye izin veren interaktif bir medya oynatıcı altyapısıdır.

Elbette. İşletmeniz veya markanız için özel HTML5 oyunlaştırma (gamification) kampanyaları, interaktif ürün tanıtım simülasyonları ve özel arayüz tasarımları için doğrudan iletişime geçebilirsiniz.

Hemen Arayın WhatsApp'tan Yazın