Sesi Görmek

## Sesin Görünür Hâli — Üretim İstemi

**Three.js** ile hazırlanmış, herkese açık, özenle tasarlanmış etkileşimli bir bilim deneyimi olan **“Sesin Görünür Hâli”ni** oluşturun. Sesi, müzik veya bilim bilgisi olmayan herkesin keşfedebileceği güzel ve duyarlı 3B biçimlere dönüştürün. **Yayına alınmış bir web sitesi** ve **sinema kalitesinde bir MP4 örnek videosu** sunun.

Deneyim, üst düzey etkileşimli bir bilim müzesi hissi vermelidir: görsel olarak çarpıcı, hemen anlaşılır, eğlenceli ve bilimsel açıdan dürüst. Masaüstü ve mobilde geniş bir kitle için tasarlayın.

### İLK DENEYİM

Koyu gece yarısı tonlarındaki bir arka plan üzerinde, yavaşça hareket eden ışıklı bir ses heykeliyle açın. Sıcak fildişi renkli tipografi, elektrik mavisi, menekşe ve ölçülü mercan vurguları kullanın. Kompozisyonu zarif, arayüzü ise sade tutun.

**“Sesin neler yapabileceğini görün.”** başlığını gösterin. Üç net giriş noktası sunun:

- **Bir Ses Çal** — seçilmiş bir ses örneğini ve görselleştirmesini hemen başlatın.
- **Mikrofonumu Kullan** — kullanıcının sesini veya çevresindeki sesleri görselleştirin.
- **Ses Yükle** — yerel bir ses dosyasını keşfedin.

Ziyaretçilerin tek tıklamayla etkileyici bir şey deneyimlemesini sağlayın. Mikrofon erişimi ve dosya yükleme isteğe bağlı olsun diye yerleşik örnekler sunun. Oynatmadan önce, açıkça belirtilmiş sessiz bir önizleme çalıştırın.

### KEŞFETMENİN ÜÇ YOLU

**1. Ses Heykeli — sanatsal ses görselleştirmesi**

Canlı ses analizine akıcı biçimde tepki veren, parçacıklardan ve akan şeritlerden oluşan heykelsi bir alan oluşturun. Düşük frekansları geniş harekete, orta frekansları yapısal ayrıntılara, yüksek frekansları ise ince titreşen vurgulara eşleyin. Ses yüksekliği, ani sıçramalar olmadan ölçeği ve enerjiyi etkilesin.

Konuşma, alkış, mırıldanma ve müziğin gözle görülür biçimde farklı tepkiler vermesini sağlayın. Bu modu sesin sanatsal bir yorumu olarak etiketleyin.

**2. Dalga Gezgini — sinyali anlayın**

İsteğe bağlı uzamsal sunumla birlikte, frekans spektrumunun yanında animasyonlu bir dalga biçimi gösterin. Açıkça açıklayın: dalga biçimi sinyalin zaman içinde nasıl değiştiğini, spektrum ise frekans içeriğini gösterir.

Açıkça etiketlenmiş frekans ve ses düzeyi kontrollerine sahip etkileşimli bir ton üreteci ekleyin. Kullanıcıların saf bir tonu daha zengin bir tonla karşılaştırıp farkı görmesini sağlayın. Yumuşak bir varsayılan ses düzeyi, akıcı ses geçişleri ve belirgin bir durdurma kontrolü kullanın. Görsel genliğin, kalibre edilmiş fiziksel ses yüksekliğini değil, giriş sinyali düzeyini temsil ettiğini açıklayın.

**3. Rezonans Desenleri — titreşimi keşfedin**

Düğüm desenleri oluşturan kum benzeri parçacıklara sahip sanal bir titreşen plaka gösterin. Kullanıcıların uyarma frekansını değiştirerek keşfedebileceği, özenle uygulanmış çeşitli titreşim modları sunun.

Desenleri, geometrisi ve sınır koşulları tanımlanmış belgeli bir plaka modeline dayandırın. Parçacıkların en az titreşimin olduğu bölgelerin yakınında toplandığını açıklayın. Deneyimi eğitsel bir simülasyon olarak etiketleyin ve sadeleştirmelerini belirtin. Dekoratif efektleri bilimsel modelden görsel olarak ayırt edilebilir tutun.

### KEŞFİ KOLAYLAŞTIRIN

**“Sabit bir nota mırıldanmayı deneyin,” “Bir kez alkışlayın,”** ve **“Düşük bir tonu yüksek bir tonla karşılaştırın.”** gibi kısa, bağlama uygun yönlendirmeler sunun. Her birini anında görülebilen bir tepkiyle eşleştirin.

Gelişmiş kontrolleri daraltılmış halde tutun. Duraklatma, sıfırlama, tam ekran, hassasiyet ve hareket yoğunluğu kontrolleri sağlayın. Modlar arasında geçerken ses kaynağı ve oynatma durumlarının netliğini koruyun. Sahneyi kapatmadan her mod için kısa ve erişilebilir bir açıklama kullanın.

### SES VE GİZLİLİK

Oynatma ve analiz için, kararlı yumuşatma ve makul normalleştirmeyle **Web Audio API** kullanın. Mikrofon erişimini yalnızca kullanıcı seçtikten sonra isteyin. Mikrofon girişini ve yüklenen dosyaları yerel olarak işleyin; seslerini yüklemeyin, saklamayın veya iletmeyin. Üç modun tümünü kutup ışıkları temasıyla yeniden biçimlendirin: gece yarısı arka planına yavaşça süzülen yeşil-menekşe kutup ışıkları gradyanı ekleyin, ses heykelinin parçacıklarını ve şeritlerini turkuaz ve menekşe tonlarına dönüştürün, rezonans deseni tanelerine de hafif soğuk bir parıltı verin. Fildişi renkli metni koruyun, gece gökyüzünü izleme hissi için genel parlaklığı azaltın ve tüm etkileşimleri değiştirmeyin. Sürekli görünen bir mikrofon göstergesi ve mikrofonu serbest bırakan net bir **“Mikrofonu durdur”** kontrolü gösterin. Geri beslemeyi önlemek için mikrofonun hoparlörler üzerinden izlenmesini devre dışı bırakın. İzin reddi, kullanılamayan cihazlar, desteklenmeyen dosyalar, sessizlik ve kesintiye uğrayan sesi zarif biçimde yönetin.

Doğrulanmış CC0 veya uygun şekilde lisanslanmış yerleşik ses kullanın ve bir varlık lisans manifestosu ekleyin.

### GÖRSEL VE TEKNİK KALİTE

İncelikli parçacık işleme, ikna edici derinlik, kontrollü parlama, akıcı animasyon ve ölçülü kamera hareketi kullanın. Metinleri net, kontrolleri okunabilir tutun. Sert yanıp sönmelerden ve aşırı görsel gürültüden kaçının.

GPU açısından verimli geometri ve gölgelendiriciler, yeniden kullanılabilir tamponlar, sınırlandırılmış piksel yoğunluğu, uyarlanabilir parçacık sayıları ve kalite ön ayarlarıyla bakımı kolay bir Three.js uygulaması oluşturun. Eşzamanlı ziyaretçilerin sunucu taraflı ses işlemesine ihtiyaç duymaması için sesi yerel olarak analiz edin. Optimize edilmiş statik varlıkları CDN uyumlu barındırma üzerinden sunun.

Masaüstünde akıcı, orta segment telefonlarda kullanılabilir performansı hedefleyin. Test edilen cihazlarda gerçek kare hızını, bellek kullanımını ve yükleme davranışını ölçün. Sayfa gizlendiğinde gereksiz işlemeyi duraklatın; ses ve GPU kaynaklarını düzgün şekilde serbest bırakın.

Dokunma, klavye ile gezinme, görünür odak durumları, ekran okuyucuyla erişilebilir kontroller ve azaltılmış hareketi destekleyin. WebGL kullanılamadığında hafif bir 2B alternatif sunun. Temel bilgilerin yalnızca renk veya ses olmadan da anlaşılabildiğinden emin olun.

### TESLİMATLAR

Tamamlanan web sitesini çalışan, herkese açık bir **HTTPS URL**'ye yayınlayın.

Uygulamanın kendisinden oluşturulmuş, senkronize lisanslı ses içeren, indirilebilir **30–45 saniyelik, 1920 × 1080 H.264 MP4** hazırlayın. Saf bir tonun dalga biçimine dönüşmesini, daha zengin bir sesin heykeli dönüştürmesini ve bir rezonans desenleri dizisini gösterin. Temiz sonuçlar için belirlenimci oynatma ve kararlı kare yakalama kullanın.

Kaynak projeyi, yerel varlıkları, lisans manifestosunu, belgelenmiş bilimsel modelleri ve görselleştirme eşlemelerini, dağıtım talimatlarını ve kısa bir doğrulama raporunu teslim edin. Yayınlanan deneyimi masaüstü ve mobil düzenler, mikrofon izin akışları, ses oynatma, yüklemeler, mod değiştirme, erişilebilirlik ve video oynatma açısından test edin. Test edilen ortamları ve kalan sınırlamaları doğru şekilde bildirin.

**ŞUNLARI EKLEMEYİN:** fiziksel simülasyon olarak sunulan dekoratif efektler, sayfa yüklenirken mikrofon izni istekleri, bir sunucuya ses yüklemeleri, otomatik oynatılan ses, hoparlör geri beslemesi, bunaltıcı kontroller, hızlı yanıp sönmeler, okunamayan etiketler, yer tutucu işlevler, bozuk mobil düzenler, filigranlar veya üretime hazır olduğuna dair desteklenmeyen iddialar.

## Sesin Görünür Hâli — Üretim İstemi

**Three.js** ile hazırlanmış, herkese açık, özenle tasarlanmış etkileşimli bir bilim deneyimi olan **“Sesin Görünür Hâli”ni** oluşturun. Sesi, müzik veya bilim bilgisi olmayan herkesin keşfedebileceği güzel ve duyarlı 3B biçimlere dönüştürün. **Yayına alınmış bir web sitesi** ve **sinema kalitesinde bir MP4 örnek videosu** sunun.

Deneyim, üst düzey etkileşimli bir bilim müzesi hissi vermelidir: görsel olarak çarpıcı, hemen anlaşılır, eğlenceli ve bilimsel açıdan dürüst. Masaüstü ve mobilde geniş bir kitle için tasarlayın.

### İLK DENEYİM

Koyu gece yarısı tonlarındaki bir arka plan üzerinde, yavaşça hareket eden ışıklı bir ses heykeliyle açın. Sıcak fildişi renkli tipografi, elektrik mavisi, menekşe ve ölçülü mercan vurguları kullanın. Kompozisyonu zarif, arayüzü ise sade tutun.

**“Sesin neler yapabileceğini görün.”** başlığını gösterin. Üç net giriş noktası sunun:

- **Bir Ses Çal** — seçilmiş bir ses örneğini ve görselleştirmesini hemen başlatın.
- **Mikrofonumu Kullan** — kullanıcının sesini veya çevresindeki sesleri görselleştirin.
- **Ses Yükle** — yerel bir ses dosyasını keşfedin.

Ziyaretçilerin tek tıklamayla etkileyici bir şey deneyimlemesini sağlayın. Mikrofon erişimi ve dosya yükleme isteğe bağlı olsun diye yerleşik örnekler sunun. Oynatmadan önce, açıkça belirtilmiş sessiz bir önizleme çalıştırın.

### KEŞFETMENİN ÜÇ YOLU

**1. Ses Heykeli — sanatsal ses görselleştirmesi**

Canlı ses analizine akıcı biçimde tepki veren, parçacıklardan ve akan şeritlerden oluşan heykelsi bir alan oluşturun. Düşük frekansları geniş harekete, orta frekansları yapısal ayrıntılara, yüksek frekansları ise ince titreşen vurgulara eşleyin. Ses yüksekliği, ani sıçramalar olmadan ölçeği ve enerjiyi etkilesin.

Konuşma, alkış, mırıldanma ve müziğin gözle görülür biçimde farklı tepkiler vermesini sağlayın. Bu modu sesin sanatsal bir yorumu olarak etiketleyin.

**2. Dalga Gezgini — sinyali anlayın**

İsteğe bağlı uzamsal sunumla birlikte, frekans spektrumunun yanında animasyonlu bir dalga biçimi gösterin. Açıkça açıklayın: dalga biçimi sinyalin zaman içinde nasıl değiştiğini, spektrum ise frekans içeriğini gösterir.

Açıkça etiketlenmiş frekans ve ses düzeyi kontrollerine sahip etkileşimli bir ton üreteci ekleyin. Kullanıcıların saf bir tonu daha zengin bir tonla karşılaştırıp farkı görmesini sağlayın. Yumuşak bir varsayılan ses düzeyi, akıcı ses geçişleri ve belirgin bir durdurma kontrolü kullanın. Görsel genliğin, kalibre edilmiş fiziksel ses yüksekliğini değil, giriş sinyali düzeyini temsil ettiğini açıklayın.

**3. Rezonans Desenleri — titreşimi keşfedin**

Düğüm desenleri oluşturan kum benzeri parçacıklara sahip sanal bir titreşen plaka gösterin. Kullanıcıların uyarma frekansını değiştirerek keşfedebileceği, özenle uygulanmış çeşitli titreşim modları sunun.

Desenleri, geometrisi ve sınır koşulları tanımlanmış belgeli bir plaka modeline dayandırın. Parçacıkların en az titreşimin olduğu bölgelerin yakınında toplandığını açıklayın. Deneyimi eğitsel bir simülasyon olarak etiketleyin ve sadeleştirmelerini belirtin. Dekoratif efektleri bilimsel modelden görsel olarak ayırt edilebilir tutun.

### KEŞFİ KOLAYLAŞTIRIN

**“Sabit bir nota mırıldanmayı deneyin,” “Bir kez alkışlayın,”** ve **“Düşük bir tonu yüksek bir tonla karşılaştırın.”** gibi kısa, bağlama uygun yönlendirmeler sunun. Her birini anında görülebilen bir tepkiyle eşleştirin.

Gelişmiş kontrolleri daraltılmış halde tutun. Duraklatma, sıfırlama, tam ekran, hassasiyet ve hareket yoğunluğu kontrolleri sağlayın. Modlar arasında geçerken ses kaynağı ve oynatma durumlarının netliğini koruyun. Sahneyi kapatmadan her mod için kısa ve erişilebilir bir açıklama kullanın.

### SES VE GİZLİLİK

Oynatma ve analiz için, kararlı yumuşatma ve makul normalleştirmeyle **Web Audio API** kullanın. Mikrofon erişimini yalnızca kullanıcı seçtikten sonra isteyin. Mikrofon girişini ve yüklenen dosyaları yerel olarak işleyin; seslerini yüklemeyin, saklamayın veya iletmeyin. Deneyimi ortaokul fiziği için bir öğretim aracına dönüştürün: dalga biçimi ve spektrum modlarında dalga boyu, genlik ve frekansı Çince terimleri ve birimleriyle etiketleyin; rezonans modunda duran dalgaları ve düğümleri kısa bir diyagramla açıklayın. Her modu en fazla 60 Çince karakterden oluşan bir sınıf tanıtımıyla açın ve sayfada yanıtlanan çoktan seçmeli bir soruyla bitirin; doğru yanıt, bir sonraki titreşim modunun kilidini açsın. Sürekli görünen bir mikrofon göstergesi ve mikrofonu serbest bırakan net bir **“Mikrofonu durdur”** kontrolü gösterin. Geri beslemeyi önlemek için mikrofonun hoparlörler üzerinden izlenmesini devre dışı bırakın. İzin reddi, kullanılamayan cihazlar, desteklenmeyen dosyalar, sessizlik ve kesintiye uğrayan sesi zarif biçimde yönetin.

Doğrulanmış CC0 veya uygun şekilde lisanslanmış yerleşik ses kullanın ve bir varlık lisans manifestosu ekleyin.

### GÖRSEL VE TEKNİK KALİTE

İncelikli parçacık işleme, ikna edici derinlik, kontrollü parlama, akıcı animasyon ve ölçülü kamera hareketi kullanın. Metinleri net, kontrolleri okunabilir tutun. Sert yanıp sönmelerden ve aşırı görsel gürültüden kaçının.

GPU açısından verimli geometri ve gölgelendiriciler, yeniden kullanılabilir tamponlar, sınırlandırılmış piksel yoğunluğu, uyarlanabilir parçacık sayıları ve kalite ön ayarlarıyla bakımı kolay bir Three.js uygulaması oluşturun. Eşzamanlı ziyaretçilerin sunucu taraflı ses işlemesine ihtiyaç duymaması için sesi yerel olarak analiz edin. Optimize edilmiş statik varlıkları CDN uyumlu barındırma üzerinden sunun.

Masaüstünde akıcı, orta segment telefonlarda kullanılabilir performansı hedefleyin. Test edilen cihazlarda gerçek kare hızını, bellek kullanımını ve yükleme davranışını ölçün. Sayfa gizlendiğinde gereksiz işlemeyi duraklatın; ses ve GPU kaynaklarını düzgün şekilde serbest bırakın.

Dokunma, klavye ile gezinme, görünür odak durumları, ekran okuyucuyla erişilebilir kontroller ve azaltılmış hareketi destekleyin. WebGL kullanılamadığında hafif bir 2B alternatif sunun. Temel bilgilerin yalnızca renk veya ses olmadan da anlaşılabildiğinden emin olun.

### TESLİMATLAR

Tamamlanan web sitesini çalışan, herkese açık bir **HTTPS URL**'ye yayınlayın.

Uygulamanın kendisinden oluşturulmuş, senkronize lisanslı ses içeren, indirilebilir **30–45 saniyelik, 1920 × 1080 H.264 MP4** hazırlayın. Saf bir tonun dalga biçimine dönüşmesini, daha zengin bir sesin heykeli dönüştürmesini ve bir rezonans desenleri dizisini gösterin. Temiz sonuçlar için belirlenimci oynatma ve kararlı kare yakalama kullanın.

Kaynak projeyi, yerel varlıkları, lisans manifestosunu, belgelenmiş bilimsel modelleri ve görselleştirme eşlemelerini, dağıtım talimatlarını ve kısa bir doğrulama raporunu teslim edin. Yayınlanan deneyimi masaüstü ve mobil düzenler, mikrofon izin akışları, ses oynatma, yüklemeler, mod değiştirme, erişilebilirlik ve video oynatma açısından test edin. Test edilen ortamları ve kalan sınırlamaları doğru şekilde bildirin.

**ŞUNLARI EKLEMEYİN:** fiziksel simülasyon olarak sunulan dekoratif efektler, sayfa yüklenirken mikrofon izni istekleri, bir sunucuya ses yüklemeleri, otomatik oynatılan ses, hoparlör geri beslemesi, bunaltıcı kontroller, hızlı yanıp sönmeler, okunamayan etiketler, yer tutucu işlevler, bozuk mobil düzenler, filigranlar veya üretime hazır olduğuna dair desteklenmeyen iddialar.