Doubao Seed API for Reasoning and Coding

Tam tek dosyalık bir HTML sayfası oluştur — tüm CSS ve JavaScript kodu içine gömülü olan tek bir .html belgesi; sıfır harici bağımlılık, CDN bağlantısı yok, web fontu yok, görsel dosyası ya da data URI yok. Her görsel, çalışma anında Canvas 2D API veya inline SVG ile prosedürel olarak çizilmeli; hiçbir yerde bitmap, fotoğraf ya da emoji bulunmamalı. Sayfa, "Hasat Tarlası — Havadan Geometri Stüdyosu" gibi bir başlığa sahip gerçek zamanlı üretken bir canvas olacak; tüm konsept, kullanıcının slider’larla şekillendirdiği ekili bir tarım arazisinin tanrısal bakışlı, tepeden görünümü ve bu arazide ilerleyerek ham mahsulün içinden düzenli şeritleri silen tek bir pikselli biçerdöverdir — kaostan düzenin kesilip çıkarıldığı sessiz, tatmin edici an. Kompozisyon ve çizim: tüm viewport’u, düz vektör şekillerle yerleştirilmiş, hafif izometrik / sahte 2.5D yükseltiye sahip düzenli dikdörtgen bir çavdar benzeri tarla parselleri ızgarasıyla doldur; böylece her parsel düz bir dikdörtgen değil, alçak bir blok gibi algılansın. Sahneyi tek bir köşeden eğik gelen sıcak, alçak açılı bir akşamüstü güneşiyle aydınlat; her parsel ve biçerdöver, tarlanın geometrik, bloklu hacmini güçlendirmek için karşı yönde uzun ve yumuşak bir gölge düşürmeli. Palet ölçülü ve zevkli bir toprak tonları ailesinden oluşmalı: hardal sarısı, okra, zeytin yeşili ve yeni sürülmüş toprak için tek vurgu olarak kavrulmuş yanık umbra — neon yok, saf ana renkler yok; üst düzey ve yumuşak kalsın. Genel stil, düz vektör ile izometrik mikro-rölyefin birleşimi; hassas ve mimari. Canlı davranış: her parselin içinde yoğunluğu ayarlanabilir ince ekim sıraları (ince paralel çizgiler) çiz. Birkaç dikdörtgenden çizilmiş küçük, bloklu bir sprite olan tek bir pikselli biçerdöver, TEK hareketli öğe ve ızgaranın simetrisini bozan tek şey olacak. Parseller üzerinde ya içe doğru spiral bir rota ya da serpantin boustrophedon (回字 / ileri-geri) rota boyunca yavaşça ilerlemeli. Hareket ederken doğrudan çalışma şeridindeki ayakta duran mahsulü "silmeli" ve arkasında gerçek zamanlı hasat şeritleri bırakmalı — biçilmiş çim ya da gerçek bir biçerdöver tablasının izi gibi, açık ve koyu kesilmiş bantlar dönüşümlü olarak; resetlenene kadar kalıcı biçimde tarlaya boyanmalı. Hasat, requestAnimationFrame ile çalışan kesintisiz, kendi kendine akan bir animasyon olmalı; tarlanın doluşunu izlemek sakin ve hipnotik hissettirmeli. Etkileşim — tüm kontroller, sade ve minimal bir yan ya da alt panelde slider’lar (artı birkaç küçük toggle/button) olarak sunulmalı ve her biri sayfa yeniden yüklenmeden canlı yanıt vermeli: tarla parseli sayısı için bir slider (ızgara çözünürlüğü, örn. 3×3’ten 12×12’ye), ekim sırası yoğunluğu için bir slider, mahsul tonu için bir slider (ayakta duran mahsulü hardal-okra-zeytin aralığında kaydıran), hasat ilerlemesi veya biçerdöver hızı için bir slider ve biçerdöver rotasını spiral ile boustrophedon arasında değiştiren bir toggle. Tarlayı yeniden oluşturan ve geçişi baştan başlatan ince bir Sıfırla/Yeniden Ekle butonu sağla. Parsel sayısını veya yoğunluğu değiştirmek düzeni akıcı biçimde yeniden üretmeli; tonu sürüklemek renkleri gerçek zamanlı yeniden tonlamalı. Tamamen responsive yap; pencere yeniden boyutlandığında ızgara ve gölgeler yeniden hesaplansın, frame rate akıcı kalsın ve kod temiz, bağımsız olsun ki dosyaya çift tıklayınca doğru şekilde açılsın. Bu ne bir oyun ne de bir dashboard — üretken bir sanat enstrümanıdır. Prosedürel geometriyi, rota animasyonunu ve parametre bağlantılarını gidebildikleri yere kadar zorla; izometrik gölgelendirmenin kalitesi, uzun akşamüstü gölgeleri ve hasat şeritlerinin keskinliği bu render’ı öne çıkaran unsurlar olmalı.

Yalnızca inline CSS ve JavaScript içeren tek, tamamen bağımsız bir HTML dosyası oluştur — kesinlikle harici kütüphane, CDN, framework, font veya görsel URL’si yok — ve SVG ve/veya Canvas ile tamamen çizilmiş, etkileşimli ve fiziksel olarak makul bir mekanik cep saati mekanizması söküm tezgâhı render et. Sayfa, modern herhangi bir tarayıcıda dosyaya çift tıklanarak doğru şekilde açılıp çalışmalı; her şey gerçek zamanlı hesaplanmalı ve animasyonlanmalı. SAHNE. Bir atölye tezgâhı üzerine açılmış patlatılmış görünümlü pirinç saat mekanizmasının tepeden görünümü. Canlı vektör sanat olarak bir zemberek tamburu, istiflenmiş dişli treni (barrel wheel → center wheel → third wheel → fourth wheel → escape wheel), ileri geri sallanan bir pallet fork, spiral hairspring’e sahip bir balance wheel ve ince bir chapter ring üzerinde kayan saat/dakika/saniye kolları çiz. Gerçek dişli dişleri çiz (düz daireler değil, involute tarzı yanaklar), pitch circle’larda doğru kavrama, görünür arbors, jewels, bridges ve vidalar olsun. Tüm düzenek, mekanizma çekirdeği etrafında eş merkezli olarak kurulsun; kontrol paneli karanlık bir köşeye yerleştirilsin. MEKANİKLER (asıl mesele bu — sahte değil, gerçekten simüle et). Dişli trenini gerçek dişli oranlarıyla modelle: her çarkın açısal hızı, komşusunun hızının diş sayıları oranının negatifiyle çarpımına eşit olsun; böylece kavraşan çarklar görünür biçimde ters yönde ve orantılı hızlarda dönsün, dişler üst üste binmeden ya da kaymadan birbirine geçsin. Escapement gerçekten tik atmalı: escape wheel, salınan pallet fork tarafından kilitlenip serbest bırakılarak her seferinde bir dişlik ayrık adımlarla ilerlemeli; pallet fork ise sabit vuruşta sallanan balance wheel tarafından sürülmeli. Her serbest bırakma ("tik"), escape wheel’de net bir adım ve Web Audio API kullanılarak duyulabilir bir tik sesi üretmeli (sentezlenmiş, ses dosyası yok). Saniye kolu escapement ile aynı vuruşta ilerlemeli; dakika ve saat kolları dişli oranları üzerinden ondan türemeli. Animasyonu requestAnimationFrame ve gerçek geçen zamanla sür ki zamanlama doğru kalsın. ETKİLEŞİMLER (hepsi canlı yanıt vermeli). - Sürüklenebilir kurma crown/knob: onu (mouse veya touch ile) sürükleyerek zembereği kur — kurma göstergesi dolsun ve yay bobini görünür biçimde sıkılaşsın. Bırakınca depolanan enerji boşalsın ve treni çalıştırsın; mekanizma yay çözülene kadar çalışsın, sonra yavaşça duruşa geçsin. - Vuruş/çalışma hızını ölçekleyen bir "rate" slider’ı; böylece tikleri yavaşça izleyebilir ya da hızlandırabilirsin. - İstiflenmiş bileşenleri tam montajlı halden yelpaze gibi açılmış patlatılmış diyagrama kadar eksenleri boyunca sürekli ayıran bir "explode" slider’ı; yumuşak interpolasyon, ayrılmış parçalar arasında connector guide-lines ve her patlama seviyesinde her şey hâlâ doğru dönüyor olmalı. - Herhangi bir bileşenin üzerine gelmek (veya dokunmak), kuyumcu lupu gibi davranmalı: o parçayı vurgula, geri kalanı soluklaştır ve parçanın adını ve tek satırlık işlev açıklamasını içeren etiketli bir callout göster. - Butonlar: Kur, Bırak, Sıfırla. GÖRÜNÜM. Gerçekçi saatçilik atölyesi endüstriyel estetiği: sıcak eskimiş pirinç, yıpranmış çelik grisi, derin mürekkep siyahı arka plan, keskin metalik parıltılar, ince işlenmiş dişli dişleri ve pahlanmış bridges. Tezgâhın üzerinden sol üstten eğik gelen tek bir pencere ışığı huzmesini simüle et; parçalar yumuşak, uzamış gölgeler atsın ve speküler parıltılar dişli yüzeyleri döndükçe üzerlerinde gezsin. Derinlik için gradient’ler, filter’lar ve ince gren kullan. Karanlık köşede temiz, okunaklı HUD tarzı kontroller ve etiketler olsun. GEREKSİNİMLER. Her şey tek bir .html dosyasında; viewport’a ölçeklenen responsive düzen; akıcı 60fps animasyon; yer tutucu grafik yok — mekanizma prosedürel olarak çizilmeli ve gerçekten mekanik olarak bağlanmalı ki yetenekli bir model gerçekten kurulan, kavraşan ve tik atan bir saat üretsin, zayıf bir model ise statik dönen dairelere çökmesin. Dişli oranlarını ve escapement mantığını adlandıran kısa inline yorumlar ekle.