GPT 6 Astra for Computer Use

“Midnight Letterpress Accident Laboratory” başlıklı, eksiksiz ve tek dosyalı etkileşimli bir HTML web sayfası oluşturun. Yalnızca tamamlanmış HTML belgesini çıktı olarak verin; tüm CSS ve JavaScript satır içi olsun. Harici bağımlılıklar, CDN'ler, kütüphaneler, yazı tipleri, görsel bağlantıları, SVG dosyaları veya başka varlıklar olmadan, doğrudan modern bir tarayıcıda açılıp çalışmalıdır. Bu, sabit 16:9 görüntü veya canvas düzeni değil, masaüstü, tablet ve mobil ekranlara zarifçe uyum sağlayan duyarlı bir web sayfasıdır. Kullanıcının tek tek kurşun harf bloklarını merkezi bir kâğıda sürükleyerek, döndürerek ve yeniden konumlandırarak bir baskı oluşturduğu; ardından mürekkep miktarını, pres basıncını ve kâğıt nemini ayarlayıp büyük bir mekanik baskı kolunu çektiği dokunsal bir deneysel tipo baskı simülatörü oluşturun. Basılı sonuç bu parametkilere prosedürel olarak tepki vermelidir: fazla mürekkep yayılmaya ve iç boşlukların kapanmasına, az mürekkep kuru ve kırık kenarlara, basınç girintilere ve deformasyona, nem tüylenmeye ve kâğıt liflerinde hasara yol açmalı; kusurlu harf yerleşimi renk kaymasına neden olmalı ve tekrarlanan baskılar ofset gölgeler ile hayalet görüntüler üretmelidir. Yalnızca vermilyon kırmızısı, ultramarin mavisi ve asit sarısı kullanarak birden fazla renk geçişine izin verin; gerçekçi üst üste baskı karışımı, görünür katman sıralaması, katman bazında görünürlük, adım adım geri alma/yineleme ve gelişen baskıyı ortaya çıkarmak için kâğıdın köşesini kaldırma özelliği ekleyin. Ana görsel dramayı, pres silindiri henüz kalkmışken ve tamamlanmış baskı ortaya çıkarılmak üzereyken dondurun. Merkezi kâğıt teatral bir sahne gibi hissettirmelidir. Harf bloklarını, mürekkep rulolarını, cımbızları, kayıt pimlerini, kâğıt parçalarını, göstergeleri ve kontrolleri etrafında asimetrik bir halka halinde düzenleyin. Her şeyi CSS, HTML öğeleri, Canvas ve prosedürel dokularla; yırtık kenarlar, lifli kâğıt dokusu, düzensiz pigment, yarım ton benekleri, çizilmiş metal, mürekkep lekeleri, bant parçaları, hafif perspektif, kusurlu hizalama ve katmanlı gölgeler içeren kaba fiziksel serigrafi ve el yapımı kolaj tarzında oluşturun. Parlak gradyanlardan, steril SaaS stilinden, genel amaçlı kartlardan, neon cyberpunk renklerinden, fotogerçekçi görsellerden, emojilerden, stok illüstrasyonlardan ve kusursuz derecede temiz vektör geometrisinden kaçının. Harfler, noktalama işaretleri, rakamlar ve çeşitli dekoratif bloklar içeren kapsamlı bir hareketli harf envanteri ekleyin. Kullanıcılar blokları envanterden dizgi alanına sürükleyebilmeli, birden fazla bloğu seçebilmeli, tutamaçlarla veya klavye kısayollarıyla döndürebilmeli, ok tuşlarıyla küçük hareketler yaptırabilmeli, silebilmeli ya da çoğaltabilmeli ve fiziksel blok görünümünü kaybetmeden metin içeriğini düzenleyebilmelidir. Açılıp kapatılabilen hizalama kılavuzları ekleyin, ancak küçük manuel düzensizlikleri koruyun. Belirgin üzerine gelme, etkin, seçili, devre dışı ve odak durumları sağlayın. İşaretçi ve dokunmatik etkileşimi, makul klavye kontrollerini, erişilebilir etiketleri ve görünür odak göstergelerini destekleyin. Mürekkep miktarı, basınç ve nem için değerleri kâğıt önizlemesini, doku simülasyonunu, göstergeleri, uyarı etiketlerini ve ortam makinesinin davranışını gerçek zamanlı olarak güncelleyen üç dokunsal kontrol oluşturun. Sistem, aşırı birleşimlerde bileşimi okunaklı tutarken şiddetli mürekkep patlamaları, çift harfler, kayan tipo, parçalanmış lif çatlakları, silindir titreşimi ve sıçramış kayıt işaretleri gibi eğlenceli kaza durumlarını ortaya çıkarmalıdır. Her baskıyı ve parametrelerini kaydeden kompakt bir deney günlüğü ekleyin. Kullanıcılar bir geçiş rengi seçebilmeli, kolu inandırıcı bir yay boyunca sürükleyerek presi çalıştırabilmeli, kısa fakat ayrıntılı bir pres döngüsünü izleyebilmeli ve ardından kâğıdı soyup kaldırabilmelidir. Animasyonda kol direnci, makine titreşimi, silindir hareketi, kâğıt sıkışması, toz zerrecikleri, hafif lamba titreşimi ve ortaya çıkmadan önce gerilimli bir bekleme bulunmalıdır. prefers-reduced-motion ayarına uyun. Yerleştirme, döndürme, parametre değişiklikleri, baskı, renk geçişleri ve ortaya çıkarma işlemlerinde geri alma ve yinelemeyi gerçekten işlevsel hâle getirin. Sıfırla, Rastgele Kaza, Yeniden Mürekkeple, Geçiş Ekle, Geri Al ve Yinele kontrollerinin yanı sıra etkileşimden sonra kaybolan kısa bir başlangıç ipucu ekleyin. Sayfayı ilgi çekici, kısmen oluşturulmuş bir posterle başlatın; ancak her önemli öğenin düzenlenebilir kalmasını sağlayın. Ses varlıkları kullanmadan, sese benzer ince görsel geri bildirimler ekleyin. Geri alma işleminin aynı görünümü geri yüklemesi için mümkün olduğunca deterministik prosedürel doku kullanın. Deneyim yalnızca dekoratif değil; törensel, el yapımı, gergin ve muzipçe kontrol edilemez hissettirmelidir. Etkileşim ayrıntılarını, inandırıcı parametre etkileşimini, katmanlı prosedürel baskı izlerini, incelikli animasyon zamanlamasını ve mükemmel duyarlı yerleşimi önceliklendirin. Anlamsal HTML ve temiz, iyi yapılandırılmış vanilla JavaScript kullanın. Son yanıt yalnızca eksiksiz, çalıştırılabilir HTML belgesini içermelidir.

“Midnight Ramen Soundscape Theater” başlıklı, eksiksiz, özenli ve tek dosyalı etkileşimli bir HTML web sayfası oluşturun. Yalnızca tüm CSS ve JavaScript satır içi olacak şekilde nihai HTML belgesini çıktı olarak verin. Derleme adımı, harici bağımlılıklar, kütüphaneler, yazı tipleri, görseller, ses dosyaları, CDN kaynakları, ağ istekleri veya bağlantılı varlıklar olmadan doğrudan modern bir tarayıcıda çalışmalıdır. Gerçeküstü bir gece yarısı ramen dükkânında geçen etkileyici bir etkileşimli sahne oluşturun. Merkezi nesne, Canvas, SVG veya ikisinin özenle bütünleştirilmiş bir birleşimiyle oluşturulan tek ve kesintisiz bir elastik erişte demeti olmalıdır. Erişte demeti ön planda çapraz olarak ilerlemeli ve fiziksel olarak elle tutulur hissettirmelidir: kullanıcılar onu fare veya dokunmayla herhangi bir yerinden kavrayabilmeli, sürükleyebilmeli, gerebilmeli, savurabilmeli, kendi üzerine katlayabilmeli ve bırakabilmelidir. Atalet, sönümleme, yerçekimi, birbirine bağlı birden fazla parça, çarpışma tepkisi ve görünür ikincil hareket içeren inandırıcı yay fiziği uygulayın. Saldırgan sürükleme, hızlı yön değişiklikleri, pencere boyutu değişiklikleri veya tekrarlanan etkileşimler sırasında bile simülasyonu kararlı tutun. Kompozisyon boyunca genişleyen bir yay üzerinde en az üç farklı ramen kasesi ve çeşitli malzemeler düzenleyerek çapraz eriştenin çevresinde güçlü bir görsel ritim oluşturun. Her kasenin kendine özgü resimli bir çorba deseni, renk kimliği, etiketi ve ses karakteri olmalıdır. Erişte bir kaseye dokunduğunda veya içine düştüğünde senkronize bir görsel-işitsel tepki tetikleyin: Web Audio API ile sentezlenen benzersiz bir perküsyon vuruşu, yükselen buhar patlaması, yeşil soğan renginde parçacık püskürmeleri, çorba dalgalanmaları, küçük damlacıklar, serigrafi hizalama titreşimi ve harici yazı tipleri yerine stillendirilmiş metinle oluşturulan “ZURU!”, “PON!”, “JUU!” veya “BASHAN!” gibi hareketli el yazısı Japonca tarzı yansıma sözcükleri. Çarpışma şiddeti ses düzeyini, perdeyi, parçacık sayısını, dalgalanma boyutunu, harf ölçeğini ve animasyon kuvvetini etkilemelidir. Ses yalnızca kullanıcının ilk etkileşiminden sonra başlamalı ve belirgin bir sessize alma/sesi açma kontrolü içermelidir. Doruk görsel durum, eriştenin havada dramatik biçimde gerildiği ve çorbanın sıçramadan hemen önce askıda kaldığı donmuş bir kareyi çağrıştırmalıdır. Bunu “FREEZE THE SPLASH” kontrolü ve Space tuşuyla destekleyin: dondurma moduna girildiğinde kısa ve vurucu bir geçiş uygulanmalı, fiziksel sahne durumu kaybedilmeden askıya alınmalı, havadaki damlacıklar ve gerilmiş erişte gerilimi vurgulanmalı, cesur poster tarzı kinetik tipografi gösterilmeli ve sayfanın hâlâ canlı hissettirmesi için ince prosedürel çizgi titreşimi korunmalıdır. Space tuşuna veya kontrole yeniden basıldığında sahne sorunsuz biçimde devam etmelidir. Sıfırlama kontrolü, kompakt bir ses durumu göstergesi ve son çarpışmalardan beslenen ölçülü bir canlı “tempo/impact” göstergesi ekleyin. Klavye kontrolleri küçük ve bütünleşik bir yardım panelinde keşfedilebilir olmalıdır: Space dondurmayı açıp kapatır, R sıfırlar, M sesi kapatır ve ok tuşları erişteye yönlü itmeler uygular. Vintage serigrafi poster tasarımı ile prosedürel çizgi animasyonunun görsel açıdan sofistike bir birleşimini kullanın. Koyu çivit mavisi arka plan baskın olmalı; kaselerin ve çarpışma noktalarının çevresinde yerel ocak ateşi sıcaklığıyla kesilmelidir. Vermilyon kırmızısı, zencefil sarısı, yeşil soğan yeşili, sıcak krem ve siyaha yakın tonlardan oluşan katmanlı spot renkler; yarım ton dokuları, kaba mürekkep kenarları, hafif renk kayması, cesur grafik gölgeler ve hareketli kontur çizgileri kullanın. Sonuç parlak veya fotogerçekçi değil, el yapımı ve teatral hissettirmelidir. Güçlü kontrastı ve okunabilir kontrolleri korurken ince ortam buharı, titreşen ocak parıltısı, sürüklenen gren ve hareketli çizgi çalışmaları ekleyin. Genel amaçlı neon cyberpunk stilinden kaçının. Kompozisyonu geniş masaüstü, tablet ve mobil ekranlarda duyarlı hâle getirin; bu bir web sayfasıdır, bu nedenle sabit 16:9 en-boy oranını zorlamayın. Kase yerleşimini, tipografiyi, kontrolleri, simülasyon sınırlarını ve dokunma hedeflerini temel içeriği kırpmadan akıcı biçimde uyarlayın. Fare, kalem ve dokunma etkileşimini birleştirmek için pointer events kullanın. Sayfa kaydırmasını yalnızca erişte etkin olarak manipüle edilirken engelleyin. prefers-reduced-motion ayarına uyarak temel etkileşimi korurken ortam animasyonunu azaltın. Verimli parçacık havuzlama veya katı parçacık sınırları, requestAnimationFrame, makul bir çözünürlük sınırına sahip device-pixel-ratio uyumlu işleme ve boyut değişikliklerine dayanıklı koordinat yönetimiyle akıcı performansı koruyun. İçerik ve sonlandırma gereksinimleri: atmosferik bir başlık düzeni, etkileşim için kısa ve tek satırlık bir davet, etiketlenmiş üç veya daha fazla kase, görsel olarak birbirinden farklı çeşitli malzemeler, bağlama uygun el yazısı ses sözcükleri, özenli kontrol durumları, belirgin odak stilleri, erişilebilir düğme etiketleri ve ilk kullanımdan sonra kaybolan göze batmayan bir etkileşim ipucu ekleyin. Açılış sahnesi, herhangi bir etkileşimden önce tamamlanmış, koleksiyonluk bir poster gibi görünmelidir; etkin durum ise katmanlı geri bildirimler ve şaşırtıcı ortaya çıkan hareketlerle canlı, ritmik bir oyuncağa dönüşmelidir. Olumsuz kısıtlar: harici varlık veya bağımlılık yok; görsel URL'si yok; önceden kaydedilmiş ses yok; framework yok; tamamlanmamış yer tutucu yok; TODO yorumu yok; bozuk kontrol yok; sabit 16:9 canvas yok; düz varsayılan arayüz yok; yalnızca genel gradyandan oluşan arka plan yok; ana görsel olarak emoji yok; aşırı açıklayıcı metin yok; otomatik başlayan ses yok; kontrolsüz parçacık büyümesi yok; patlayan veya NaN değerleri üreten kırılgan fizik yok; yalnızca fareyle çalışan etkileşim yok ve tek eksiksiz HTML belgesi dışında hiçbir çıktı yok.