Açık Deniz — Gerçek Zamanlı WebGPU Okyanusu
Three.js TSL ile oluşturulmuş gerçek zamanlı bir WebGPU okyanusu: Gerstner kabarmaları, FBM mikro yüzey ayrıntıları, spektral gökyüzü, deniz durumu ve günün saati kontrolleri ve eller serbest süzülme modu. Bu örnek Kimi K3 tarafından oluşturuldu.
Yörünge kontrolleri, deniz durumu ve günün saati kaydırıcıları ile süzülme moduna sahip, bağımsız bir WebGPU okyanus demosu.
Web Siteleri Agent'ını DeneyinWebGPU ve Three.js TSL ile 'Open Sea' adlı, bağımsız ve gerçek zamanlı bir okyanus demosu oluşturun. FBM mikro yüzey normalleriyle Gerstner dalga kabarmalarını ve günün saatine göre değişen spektral bir gökyüzünü oluşturun. Sürükleyerek yörüngede dolaşma ve kaydırarak yakınlaştırma kamera kontrollerini, deniz durumu ve günün saati kaydırıcılarının yanı sıra canlı FPS göstergesi içeren bir HUD panelini ve kameranın kendi kendine süzülmesini sağlayan bir süzülme modunu destekleyin. Her şeyi derleme adımı gerektirmeyen tek bir statik sayfada tutun, oluşturucu başlarken zarif bir başlatma durumu gösterin ve WebGPU kullanılamadığında sorunsuz şekilde alternatif sunun.
Öğleden sonraki sakin havayı, daha güçlü kabarmaların, yağmur çizgilerinin ve ara sıra çakan şimşeklerin olduğu ay ışıklı bir fırtınayla değiştirin.
Web Siteleri Agent'ını DeneyinWebGPU ve Three.js TSL ile 'Open Sea — Night Storm' adlı, bağımsız ve gerçek zamanlı bir okyanus demosu oluşturun. FBM mikro yüzey normalleriyle Gerstner dalga kabarmalarını ve günün saatine göre değişen spektral bir gökyüzünü oluşturun. Sürükleyerek yörüngede dolaşma ve kaydırarak yakınlaştırma kamera kontrollerini, fırtına şiddeti ve dalga yüksekliği kaydırıcılarının yanı sıra canlı FPS göstergesi içeren bir HUD panelini ve kameranın kendi kendine süzülmesini sağlayan bir süzülme modunu destekleyin. Her şeyi derleme adımı gerektirmeyen tek bir statik sayfada tutun, oluşturucu başlarken zarif bir başlatma durumu gösterin ve WebGPU kullanılamadığında sorunsuz şekilde alternatif sunun.
Dalgaların üzerine, kabarmalarla ilerlerken izleyicinin klavyeyle yönlendirebileceği küçük bir yelkenli yerleştirin.
Web Siteleri Agent'ını DeneyinWebGPU ve Three.js TSL ile 'Open Sea' adlı, bağımsız ve gerçek zamanlı bir okyanus demosu oluşturun. FBM mikro yüzey normalleriyle Gerstner dalga kabarmalarını ve günün saatine göre değişen spektral bir gökyüzünü oluşturun. Basit kaldırma kuvvetiyle kabarmaların üzerinde yüzen düşük poligonlu bir yelkenli ekleyin ve kameranın tekneyi takip edebilmesini veya serbestçe yörüngede dolaşabilmesini sağlarken izleyicinin tekneyi WASD ile yönlendirmesine izin verin. Sürükleyerek yörüngede dolaşma ve kaydırarak yakınlaştırma kamera kontrollerini, deniz durumu ve günün saati kaydırıcılarının yanı sıra canlı FPS göstergesi içeren bir HUD panelini ve kameranın kendi kendine süzülmesini sağlayan bir süzülme modunu destekleyin. Her şeyi derleme adımı gerektirmeyen tek bir statik sayfada tutun, oluşturucu başlarken zarif bir başlatma durumu gösterin ve WebGPU kullanılamadığında sorunsuz şekilde alternatif sunun.
WebGPU desteğini en baştan algılayın ve demonun tüm modern tarayıcılarda çalışması için daha hafif bir WebGL2 sürümü sunun.
Web Siteleri Agent'ını DeneyinBaşlangıçta WebGPU desteğini algılayan ve WebGPU kullanılamadığında daha hafif bir WebGL2 oluşturucusuna geri dönen, her iki yolda da aynı sahneyi ve kontrolleri koruyan 'Open Sea' adlı bağımsız, gerçek zamanlı bir okyanus demosu oluşturun. FBM mikro yüzey normalleriyle Gerstner dalga kabarmalarını ve günün saatine göre değişen spektral bir gökyüzünü oluşturun. Sürükleyerek yörüngede dolaşma ve kaydırarak yakınlaştırma kamera kontrollerini, deniz durumu ve günün saati kaydırıcılarının yanı sıra canlı FPS göstergesi içeren bir HUD panelini ve kameranın kendi kendine süzülmesini sağlayan bir süzülme modunu destekleyin. Her şeyi derleme adımı gerektirmeyen tek bir statik sayfada tutun, oluşturucu başlarken zarif bir başlatma durumu gösterin ve mobil düzende HUD'ın dokunarak yörüngede dolaşma özelliğine sahip bir alt panele dönüşmesini sağlayın.