Sürükleyici 3B pirinç tarlası web sitesi

Tarayıcıda çalışan, sürükleyici bir 3B pirinç tarlası web sitesi oluşturun. Tema:
“Yeşil bir deniz / Pirinç tarlalarında rüzgâr.”
Kodu tamamlayın, gerekli bağımlılıkları yükleyin ve bir önizleme başlatın. Yalnızca öneri veya uygulama planı sunup durmayın.

1. Görsel yön

Genel atmosfer; etkileşimli bir manzara web sitesindeki tutarlı sanat yönetimi hissini verecek şekilde doğal, huzurlu ve rafine olmalıdır.

Sahnede şunlar bulunmalıdır:

Ön plan: net biçimde ayırt edilebilen ince yapraklar, kıvrımlı saplar ve aşağı doğru eğilen birkaç pirinç salkımı.

Orta plan: yeterli yoğunluğa ve aralıklarında doğal farklılıklara sahip, uzaklara doğru uzanan kesintisiz bir pirinç tarlası.
Arka plan: düzensiz bir ağaç hattı, katmanlı alçak tepeler ve hafif atmosferik perspektif.
Gökyüzü: yumuşak gri-mavi tonlar, hafif bulut çeşitliliği ve ufukta doğal bir geçiş.
Varsayılan kamerayı pirinç salkımlarının biraz üzerine yerleştirin ve tarlanın üzerinden uzaktaki tepelere doğru bakmasını sağlayın.
Gökyüzü kadrajın yaklaşık üçte birini kaplamalı, kompozisyona pirinç tarlası hâkim olmalıdır.
Bitki renklerinde ağırlıklı olarak koyu yeşil, zeytin yeşili ve sarı-yeşil tonları kullanın. Floresan yeşilden kaçının.
Pirinç bitkilerinin yüksekliğini, yönünü, kıvrımını ve rengini doğal biçimde çeşitlendirin.

2. Animasyon gereksinimleri
Rüzgâr, tarlanın üzerinden yanal yönde ilerleyen sürekli dalgalar şeklinde görünmelidir:
Kökleri büyük ölçüde sabit tutun; yaprak uçlarına ve salkımlara doğru ilerledikçe hareketi kademeli olarak güçlendirin.
Aynı bölgedeki bitkiler, bireysel farklılıklarını korurken uyumlu biçimde hareket etmelidir.

Yavaş, geniş ölçekli rüzgâr dalgalarını hafif yerel hareketlerle birleştirin.

Tüm bitkilerin kusursuz bir senkronizasyonla sallanmasını önleyin. Bitkilerin tamamını bir bütün olarak ötelemeyin ve yaprakların titreşmesine neden olmayın.

Zaman içinde izlenmesi rahat olan, hafif bir varsayılan esinti kullanın.
3. Etkileşim gereksinimleri
Sahneyi gerçekten etkileyen basit kontroller sağlayın:
Rüzgâr hızı kaydırıcısı: rüzgâr animasyonunun gücünü ve hızını akıcı biçimde ayarlayın.
Aydınlatma modları: Sabah, Öğleden Sonra ve Altın Saat. Gökyüzü, ışık yönü, renk sıcaklığı ve sis rengindeki değişiklikleri birbiriyle uyumlu hâle getirin.

Görünüm modları: Açık Tarla ve Pirinçlerin Arasında; kamera geçişleri akıcı olmalıdır.

Duraklat/Sürdür: çevresel animasyonu duraklatıp sürdürün.

Fare hareketi kamerada çok hafif bir tepki oluşturabilir, ancak baş dönmesine neden olmamalıdır.
Varsayılan olarak kamerayı geniş açılar boyunca sürekli döndürmeyin.
4. Arayüz tasarımı
Tam ekran bir sahne kullanın ve üzerine bir arayüz yerleştirin:
Sol üst: küçük bir VERDANT logotipi.

Sol alt: serif yazı tipinde “Yeşil bir deniz.” başlığı.
Hemen altında daha küçük puntolu “Yapacak bir şey yok. Sadece esintiyi takip et.” alt başlığı.
Sağ alt: kompakt, yarı saydam koyu yeşil bir kontrol paneli.

Metinler okunaklı olmalı, cömert aralıklar kullanılmalı ve kontroller ana manzaranın önünü kapatmamalıdır.

Kontroller, dar ekranlarda üst üste binmeden kullanılabilir kalmalıdır.

5. Teknoloji ve performans
Three.js kullanın. Mevcut bir proje varsa derleme ortamını koruyun.
Büyük miktarda bitki örtüsünü işlemek için instancing ve GPU vertex animasyonu kullanın.
Her bitki için ayrı bir çizim nesnesi oluşturmaktan veya her karede tüm bitkileri CPU üzerinde güncellemekten kaçının.
Uzak mesafelerde bitki örtüsü ayrıntısını azaltın ve makul bir piksel oranı sınırı uygulayın.
Güvenilir varlık yükleme sağlamak için prosedürel geometriyi ve materyalleri tercih edin.
Sahne gerçek zamanlı olarak işlenmelidir. Ana sahne olarak tam bir manzara görseli veya video kullanmayın.
Model adları ve karşılaştırma etiketleri post prodüksiyonda eklenecek; bunları sahneye dahil etmeyin.
6. Tamamlanma ölçütleri
Uygulama tamamlandıktan sonra, şunları doğrulamak için mevcut tarayıcı araçlarını kullanın:
Başlangıç görünümü, belirgin konsol hataları olmadan doğru şekilde işleniyor.

Her kontrol sahneyi gerçekten etkiliyor.

Ön plan, orta plan ve arka planın ayırt edilebilir bir derinliği ve katmanlanması var.
Pirinç bitkileri basit, dik yeşil çizgilerden ibaret değil.
Rüzgâr hareketi sürekli ve doğal; belirgin biçimde tekdüze bir tekrar yok.
Kamera geçişleri akıcı ve arayüz dar ekranlarda kullanılabilir durumda.
Belirli bir kontrolü gerçekleştiremiyorsanız bunu açıkça belirtin.
Son olarak başlangıç talimatlarını ve gerçekten uygulanan özelliklerin özetini sunun.