Seedream 5.5 Precision Image Editing

“Abyssal Archive Decryption Console” başlıklı, eksiksiz, özenle hazırlanmış, tek dosyalı etkileşimli bir HTML web sayfası oluşturun. Yalnızca nihai HTML belgesini çıktı olarak verin. Tüm CSS ve JavaScript kodlarını satır içi ekleyin. Harici kütüphaneler, framework'ler, yazı tipleri, görseller, SVG dosyaları, API'ler, CDN'ler veya ağ istekleri kullanmayın; her görsel öğe HTML, CSS, satır içi SVG ve Canvas ile oluşturulmalıdır. Katmanlı Canvas grafikleriyle prosedürel olarak oluşturulmuş, büyük ve yarı saydam mekanik bir denizanasının merkezde yer aldığı, etkileyici bir derin deniz araştırma terminali tasarlayın. Denizanasına ışıklı, cam benzeri bir çan; görünür pirinç mekanizmalar; eklemli iç halkalar; süzülen parçacıklar ve animasyonlu biyolüminesanslı dokunaçlar ekleyin. Denizanası sürüklenerek simüle edilen okyanus akıntısı değiştirilebilmeli; işaretçi hareketleri, fareyle sürükleme, tekerlek ve dokunmatik giriş kullanılarak döndürülebilmeli ve yakınlaştırılabilmelidir. Konumu ve hareketi; yakındaki parçacıkları, dokunaçların kıvrımını, düğümlerin sürüklenmesini, akıntı vektörlerini ve arayüz okumalarını düzgün ataletle gözle görülür biçimde etkilemelidir. Denizanasının çevresindeki radyal ağda tanımlanamayan yaratık arşivlerini dört ayrı kategoriye ayırın: Abyssal Hunters, Colonial Organisms, Living Fossils ve Signal-Bearing Entities. Her kategori, toplamda en az on iki kayıt olacak şekilde birbirine bağlı birden fazla örnek düğümü içermelidir. Düğümleri merkezi denizanasına bağlamak için animasyonlu lifler veya dokunaçlar kullanın. Bir düğmeye tıklamak; prosedürel olarak kazınmış bir yaratık illüstrasyonu, taksonomi tarzı meta veriler, derinlik, basınç, keşif durumu, davranış notları, dalga biçimi veya anatomi ayrıntıları ve kapatma kontrolü içeren, zengin biçimde oluşturulmuş elle çizilmiş bir örnek kartı açmalıdır. Kartlar, tarayıcının altından kayan fiziksel araştırma plakaları gibi animasyonla görünmeli; farklı kayıtlar, tekrarlanan yer tutucular yerine anlamlı biçimde farklı içeriklere sahip olmalıdır. Kullanıcı sayısal değerler yazarken sürekli tepki veren belirgin bir sonar frekansı girişi ekleyin. Geçerli frekanslar, Canvas parçacık sürüsünü spiraller, halkalar, sürüler, iskelet silüetleri veya koordinat glifleri gibi farklı prosedürel oluşumlara yeniden düzenlemeli; dalga biçimini, terminal okumalarını ve okyanus akıntısı davranışını güncellemeli; keşfedilebilir frekans aralıklarında birkaç gizli kaydın kilidini açmalıdır. Geçersiz giriş, kilitli kayıtlar, başarılı kod çözme ve yeni ortaya çıkarılan kanıtlar için anlaşılır ancak atmosferik geri bildirim gösterin. Kompakt bir frekans geçmişi günlüğü ve görsel kilit açma ilerleme göstergesi ekleyin. Kullanışlı klavye kontrollerini destekleyin: sonar girişine odaklanma, frekans gönderme veya temizleme, arşiv düğümleri arasında geçiş yapma, seçili kaydı açma, Escape ile katmanları kapatma ve klavye yardım panelini görüntüleme. Görsel yön; derin deniz bilimsel terminali, antika bakır levha müze illüstrasyonu ve yıpranmış glitch-tarama dokularını birleştirmelidir. Soğuk mavi ışığı ana aydınlatma, aralıklı amber uyarı ışıklarını ise yerel vurgular olarak kullanın; ölçülü mürekkep laciverti, oksitlenmiş teal, camgöbeği-yeşili biyolüminesans ve paslanmış altın renklerinden yararlanın. Yanlara yerleştirilmiş dikey derinlik ölçekleri, basınç işaretleri, örnek koordinatları, ince ızgara çizgileri, tarama çubukları, kromatik hizasızlık, film grenleri, kazıma taramaları ve ara sıra veri bozulması içeren merkezi bir radyal kompozisyon oluşturun. Atmosferik görünüme rağmen güçlü bir hiyerarşi ve okunaklı tipografi koruyun. Ses gerektirmeden, ses terminalinden esinlenen ölçülü görsel titreşimler ekleyin. Katmanlı ve bilgi yoğun bir düzen kullanın: üstte görev başlığı ve durum şeridi; solda arşiv filtreleri ve dikey derinlik cetveli; merkezde etkileşimli Canvas odası; sağda canlı telemetri, akıntı yönü, basınç, seçili örnek özeti ve kilit açma durumu; altta sonar konsolu, dalga biçimi, frekans girişi, klavye ipuçları ve olay günlüğü. Araç ipuçları ile etkin, üzerine gelinmiş, odaklanılmış, seçilmiş, kilitli, yükleniyor ve kilidi açılmış durumları ekleyin. Temel etkileşimleri açıklayan ve kapatılabilen kısa bir ilk kullanım katmanı ekleyin. Tüm birincil etkileşimler dekoratif simülasyonlar olmamalı; işlevsel ve durumla bağlantılı olmalıdır. Sayfayı duyarlı ve geniş masaüstü, dizüstü, tablet ve mobil ekranlarda kullanılabilir hale getirin. Sabit 16:9 en-boy oranı dayatmayın: bu, kullanılabilir görüntü alanını dolduran ve dar genişliklerde panellerini akıllıca yeniden düzenleyen duyarlı bir web sayfasıdır. Her boyutta merkezi denizanası etkileşim alanını, okunabilir kontrolleri, dokunma hedeflerini ve erişilebilir katmanları koruyun. Anlamsal HTML, görünür klavye odak durumları, uygun yerlerde ARIA etiketleri, azaltılmış hareket desteği ve yüksek kontrastlı metin ekleyin. Olağanüstü görsel kalite ve etkileşim bütünlüğü hedefleyin: düzgün animasyon döngüleri, performans için uyarlanabilir parçacık sayıları, net yüksek DPI Canvas oluşturma, prosedürel ayrıntılar, koordineli durum geçişleri ve zarif yeniden boyutlandırma. Canvas ile etkileşim sırasında yanlışlıkla sayfanın kaydırılmasını önleyin; ancak duyarlı düzen gerektirdiğinde normal kaydırmayı koruyun. Statik bir maket, yalnızca hero bölümünden oluşan açılış sayfası, basit kart ızgarası, genel yönetici paneli, sabit 16:9 Canvas, video, slayt gösterisi veya ekran görüntüsü benzeri bir kompozisyon oluşturmayın. Yer tutucu dikdörtgenler, lorem ipsum, arayüz simgesi olarak emoji, harici varlıklar, bozuk kontroller, sahte düğmeler, alert() iletişim kutuları, aşırı neon gökkuşağı renkleri, gereğinden parlak arka planlar veya okunamayacak kadar küçük metin kullanmayın. Denizanası manipülasyonunu, parçacıkların yeniden yapılandırılmasını, sonar girişini, arşiv kilitlerinin açılmasını, örnek kartı sistemini, klavye etkileşimini, duyarlı davranışı veya birbirine bağlı durum değişikliklerini atlamayın.

“Ramen Rhythm Laboratory” başlıklı, gece yarısı açık bir Japon ramen dükkânının arka mutfağında geçen, eksiksiz, özenle hazırlanmış, tek dosyalı etkileşimli bir HTML5 oyunu oluşturun. Yalnızca nihai HTML belgesini çıktı olarak verin. Tüm CSS ve JavaScript kodlarını satır içine ekleyin; harici kütüphaneler, framework'ler, CDN'ler, yazı tipleri, görseller, ses dosyaları veya ağ istekleri kullanmayın. Sayfa, modern bir tarayıcıda yerel olarak açıldığında hemen çalışmalıdır. Deneyimi sabit 16:9 görsel veya video değil, duyarlı tam sayfa bir web sitesi olarak tasarlayın. Masaüstü, tablet ve mobil ekranlara; kırpılma, yatay kaydırma, okunaksız metin veya üst üste binen kontroller olmadan zarifçe uyum sağlamalıdır. Anlamsal HTML, erişilebilir etiketler, belirgin odak durumları, azaltılmış hareket desteği ve klavye eylemleri için net bir mobil kontrol alternatifi kullanın. Merkezi çalışma tezgâhını ana odak haline getiren, gerçekten oynanabilir, tek sayfalı bir ritim ve beceri oyunu oluşturun: oyuncu bir hamur parçasını sürükleyerek uzatmalı, kendi üzerine katlamalı ve ramen şeritleri oluşturmak için hızlı savurma hareketleri yapmalıdır. Atalet, esneklik, direnç, hız algılama, şerit deformasyonu ve net görsel geri bildirim içeren tatmin edici işaretçi tabanlı fizik uygulayın. Pointer Events üzerinden fare ve dokunmayı destekleyin. Uzama mesafesini, katlama doğruluğunu, savurma hızını, ritim zamanlamasını ve tutarlılığı değerlendirerek erişte kalınlığını ve kalitesini belirleyin. Etkileşim, statik bir simgeyi hareket ettiriyormuş gibi değil, fiziksel hissettirmelidir. Klavye kontrollü pişirme ve malzeme ritimleri ekleyin. Kaynayan su tenceresini düzenlemek için A/D veya ok tuşları, erişteleri haşlamak ya da kaldırmak için Space ve zamanlamalı malzeme eylemleri için J/K/L gibi açıkça gösterilen tuşları kullanın. Aynı kontrolleri sunan görünür mobil düğmeler ekleyin. Vuruş işaretçileri, zamanlama pencereleri, kombo geri bildirimi, tencere sıcaklığı, pişirme ilerlemesi, et suyu seviyesi, malzeme hazırlığı ve servis eylemlerini gösterin. Oyun tuşları kullanıldığında sayfanın kaymasını önleyin. Sol tarafa dikey bir sipariş kuyruğu, sağ tarafa ise animasyonlu hassasiyet araçları yerleştirin. Her sipariş kartı istenen erişte kalınlığını, pişme derecesini, malzeme düzenini ve zaman sınırını belirtmelidir. Tamamlanan her kâseyi kalınlık doğruluğu, pişme derecesi, ritim hassasiyeti ve servis hızı açısından gerçek zamanlı puanlayın. Toplam puanı, kombo çarpanını, en iyi seriyi, geri sayımları ve kısa bir sonuç dökümünü ekleyin. Birden fazla sipariş boyunca tutarlı oyun durumunu koruyun, zorluğu kademeli olarak artırın ve Başlat, Duraklat, Yeniden Başlat ve Nasıl Oynanır kontrolleri sunun. Hataları dramatik ve mekanik açıdan anlamlı hale getirin: fazla uzatılmış veya kötü katlanmış erişteler birbirine düğümlenmeli; kötü zamanlanmış kaynatma et suyu sıçramalarına, titreyen göstergelere, uyarı damgalarına ve kombo kaybına yol açmalıdır; fazla pişirme erişteleri görünür biçimde yumuşatmalı veya koyulaştırmalıdır. Başarılı seriler; genişleyen bulutlarla abartılı bir buhar kutlamasını, manga hız çizgilerini, yanıp sönen Japon tarzı kutlama damgalarını, zıplayan araçları ve kısa süreli ekran geneline yayılan bir etki animasyonunu tetiklemelidir. Tüm görselleri dosya içinde oluşturulan HTML, CSS, SVG ve Canvas ile hazırlayın. Japon manga panel kompozisyonunu hassas mekanik kesit diyagramlarıyla birleştiren ayırt edici bir görsel dil kullanın. Dişlilerin, vanaların, boruların ve brülör mekanizmalarının kesit görünümlerini; etiketli ölçüm işaretlerini; teknik açıklama çizgilerini; yarım ton dokularını; hız çizgilerini; mürekkeple çizilmiş konturları ve ölçülü çizgi roman ses efekti yazılarını gösterin. Mutfak penceresinden görünen çivit mavisi karlı geceyi sıcak tungsten ışığıyla aydınlatın. Dışarıda kar hafifçe süzülmeli, tencerenin üzerinde buhar kıvrılmalı, sıvı fokurdamalı, göstergeler sürekli tepki vermeli ve küçük yansımalar metal yüzeyler üzerinde hareket etmelidir. Arayüzü açıkça ayrılmış vermilyon, krem beyazı ve koyu lacivert bölgelere düzenleyin. Sıcak amber vurgular, kömür siyahı mürekkep konturları, katmanlı gölgeler, net tipografi ve CSS ile prosedürel olarak oluşturulmuş ince kâğıt grenleri kullanın. Sipariş kuyruğu ve dinamik araçlar çevresinde görsel denge kurarken merkezi erişte eylemini baskın tutun. Animasyonlar ayrıntılı, akıcı ve amaçlı olmalı; sürekli görsel gürültü yerine tatmin edici geçişler ve mikro etkileşimler sunmalıdır. Kompakt bir açılış öğretici katmanı, ilgi çekme modunda boşta animasyon, ses gerektirmeden görsel olarak yeniden oluşturulan ses tarzı geri bildirim ve tekrar oynanış için yeterli prosedürel çeşitlilik ekleyin. Temel puanlamanın, zamanlayıcıların, çarpışmaların, kombo mantığının, sipariş ilerlemesinin, duraklatma durumunun, yeniden başlatma akışının, duyarlı düzenin ve tüm kontrollerin gerçekten çalıştığından emin olun. Statik bir maket, yalnızca açılış sayfası tasarımı, sahte kontroller, yer tutucu paneller, tamamlanmamış TODO'lar, harici varlıklar, bozuk görsel simgeleri, alert tabanlı etkileşimler veya oynanışı engelleyen dekoratif öğeler üretmeyin. Web sayfasını sabit 16:9 Canvas ile sınırlamayın. Yalnızca <!DOCTYPE html> ile başlayan tek ve eksiksiz bir HTML belgesi döndürün.