Seedream 5.5 Precision Image Editing

Skapa en komplett, polerad, interaktiv HTML-webbsida i en enda fil med titeln ”Avgrundens arkivdekrypteringskonsol”. Returnera endast det slutliga HTML-dokumentet. Inkludera all CSS och JavaScript inline. Använd inte externa bibliotek, ramverk, teckensnitt, bilder, SVG-filer, API:er, CDN:er eller nätverksanrop; varje visuellt element ska genereras med HTML, CSS, inline-SVG och Canvas. Bygg en uppslukande djuphavsforsknings­terminal centrerad kring en stor, halvtransparent mekanisk manet som renderas procedurellt med lagrade Canvas-grafikskikt. Ge den en självlysande, glasliknande klocka, synliga mässingsmekanismer, artikulerade inre ringar, drivande partiklar och animerade bioluminiscenta tentakler. Maneten måste kunna dras för att ändra den simulerade havsströmmen och roteras och zoomas med pekgester, musklick och dragning, mushjulet och touchinmatning. Dess position och rörelse ska synligt påverka närliggande partiklar, tentaklernas krökning, nodernas drift, strömvektorerna och gränssnittets avläsningar med mjuk tröghet. Ordna fyra tydliga kategorier av arkiv över oidentifierade varelser i ett radiellt nätverk runt maneten: Avgrundsjägare, koloniala organismer, levande fossil och signalbärande entiteter. Varje kategori måste innehålla flera sammanlänkade provnoder, med minst tolv poster totalt. Använd animerade filament eller tentakler för att koppla noderna till den centrala maneten. När en nod klickas ska ett rikt illustrerat, handritat provkort öppnas med en procedurell, graverad varelseillustration, taxonomiliknande metadata, djup, tryck, upptäcktsstatus, beteendeanteckningar, vågforms- eller anatomidetaljer och en stängningskontroll. Korten ska animeras in som fysiska forskningsplattor som glider in under en skanner, och olika poster måste ha meningsfullt olika innehåll i stället för upprepade platshållare. Inkludera en framträdande inmatning för sonarfrekvens som reagerar kontinuerligt medan användaren skriver numeriska värden. Giltiga frekvenser ska omorganisera Canvas-partikelsvärmen till olika procedurella formationer, såsom spiraler, ringar, stim, skelettsilhuetter eller koordinatglyfer; uppdatera vågformen, terminalens avläsningar och havsströmmens beteende; samt låsa upp flera dolda poster vid frekvensintervall som går att upptäcka. Visa tydlig men stämningsfull återkoppling för ogiltig inmatning, låsta poster, lyckad avkodning och nyupptäckta bevis. Lägg till en kompakt historiklogg över frekvenser och en visuell indikator för upplåsningsframsteg. Stöd användbara tangentbordskontroller: fokusera sonarinmatningen, skicka eller rensa en frekvens, bläddra bland arkivnoder, öppna den valda posten, stäng överlagringar med Escape och visa en panel med tangentbordshjälp. Den visuella riktningen ska förena en djuphavsvetenskaplig terminal, antik kopparstiftsillustration och nötta glitch- och skanningstexturer. Använd återhållsamt bläckmarinblått, oxiderad teal, cyan­grön bioluminiscens och rostat guld, med kallt blått ljus som primär belysning och sporadiska bärnstensfärgade varningsljus som lokala accenter. Skapa en central radiell komposition med sidomonterade vertikala djupskalor, tryckmarkeringar, provkoordinater, subtila rutnätslinjer, skanningsfält, kromatisk felregistrering, filmkorn, graverad skraffering och sporadisk datakorruption. Behåll en tydlig hierarki och läsbar typografi trots den atmosfäriska utformningen. Lägg till återhållsamma visuella pulser inspirerade av ljudterminaler utan att kräva ljud. Använd en skiktad, informationsrik layout: missionshuvud och statusfält överst; arkivfilter och vertikal djupmätare till vänster; interaktiv Canvas-kammare i mitten; live-telemetri, strömriktning, tryck, sammanfattning av valt prov och upplåsningsstatus till höger; sonarkonsol längst ned med vågform, frekvensinmatning, tangentbordstips och händelselogg. Lägg till verktygstips samt aktiva, hover-, fokus-, valda, låsta, laddande och upplåsta tillstånd. Inkludera en kort introduktionsöverlagring vid första körningen som förklarar kärninteraktionerna och kan stängas. Alla primära interaktioner måste vara funktionella och kopplade till tillstånd, inte dekorativa simuleringar. Gör sidan responsiv och användbar på stora stationära skärmar, bärbara datorer, surfplattor och mobiler. Använd inte ett fast bildförhållande på 16:9: detta är en responsiv webbsida som ska fylla den tillgängliga viewporten och intelligent omorganisera panelerna på smala skärmar. Bevara det centrala interaktionsområdet med maneten, läsbara kontroller, beröringsmål och tillgängliga överlagringar i alla storlekar. Inkludera semantisk HTML, synliga fokuslägen för tangentbord, ARIA-etiketter där det passar, stöd för minskad rörelse och text med hög kontrast. Sikta på exceptionell visuell finish och fullständiga interaktioner: mjuka animationsloopar, adaptivt partikelantal för prestanda, skarp Canvas-rendering med hög DPI, procedurella detaljer, samordnade tillståndsövergångar och smidig storleksanpassning. Förhindra oavsiktlig sidscrollning när Canvas manipuleras, men behåll normal scrollning när den responsiva layouten kräver det. Skapa inte en statisk mockup, en hero-fokuserad landningssida, ett enkelt kortgrid, en generisk adminpanel, en fast 16:9-canvas, video, bildspel eller en skärmbildsliknande komposition. Använd inte rektangulära platshållare, lorem ipsum, emoji som gränssnittikoner, externa resurser, trasiga kontroller, falska knappar, alert()-dialoger, överdrivet neonregnbågsfärgade paletter, alltför ljusa bakgrunder eller oläsligt liten text. Utelämna inte manetens manipulation, partikelomkonfigurering, sonarinmatning, arkivupplåsning, provkortssystemet, tangentbordsinteraktionen, det responsiva beteendet eller de sammankopplade tillståndsändringarna.

Skapa ett komplett, polerat, interaktivt HTML5-spel i en enda fil med titeln ”Ramenrytmlaboratoriet”, förlagt till bakköket i en japansk ramenbutik vid midnatt. Returnera endast det slutliga HTML-dokumentet. Bädda in all CSS och JavaScript; använd inte externa bibliotek, ramverk, CDN:er, teckensnitt, bilder, ljudfiler eller nätverksanrop. Sidan måste köras direkt när den öppnas lokalt i en modern webbläsare. Utforma upplevelsen som en responsiv webbplats i helsidesläge, inte som en fast 16:9-bild eller video. Den måste anpassa sig smidigt till stationära datorer, surfplattor och mobiler utan beskärning, horisontell scrollning, oläslig text eller överlappande kontroller. Använd semantisk HTML, tillgängliga etiketter, tydliga fokuslägen, stöd för minskad rörelse och ett tydligt mobilt kontrollalternativ för tangentbordsåtgärder. Bygg ett genuint spelbart ensidigt rytm- och färdighetsspel. Låt den centrala arbetsstationen vara huvudfokus: spelaren drar en degbit för att sträcka ut den, viker tillbaka den över sig själv och utför snabba vispningsrörelser för att forma ramensträngar. Implementera tillfredsställande pekarbaserad fysik med tröghet, elasticitet, motstånd, hastighetsdetektering, strängdeformation och tydlig visuell återkoppling. Stöd mus och touch via Pointer Events. Bedöm sträckans längd, vikningens precision, vispningshastigheten, rytmtajmingen och jämnheten för att avgöra nudlarnas tjocklek och kvalitet. Interaktionen ska kännas fysisk snarare än som att flytta en statisk ikon. Lägg till tangentbordsstyrda rytmer för tillagning och topping. Använd tydligt visade tangenter som A/D eller piltangenter för att reglera grytan med kokande vatten, Space för att blanchera eller lyfta nudlar och J/K/L för tajmade toppingåtgärder. Inkludera synliga mobilknappar med samma kontroller. Visa taktslagmarkörer, tajmingfönster, kombinationsåterkoppling, gryttemperatur, tillagningsförlopp, buljongnivå, toppingberedskap och serveringsåtgärder. Förhindra att sidan scrollar när speltangenter används. Placera en vertikal orderkö till vänster och animerade precisionsinstrument till höger. Varje orderkort ska ange önskad nudeltjocklek, tillagningsgrad, toppingmönster och tidsgräns. Poängsätt varje färdig skål i realtid utifrån tjockleksprecision, tillagningsgrad, rytmprecision och serveringshastighet. Inkludera totalpoäng, kombinationsmultiplikator, bästa svit, nedräkningar och en koncis resultatuppdelning. Behåll ett sammanhängande spelläge över flera beställningar, öka svårighetsgraden stegvis och erbjud kontrollerna Starta, Pausa, Starta om och Så spelar du. Gör misstag dramatiska och mekaniskt betydelsefulla: översträckta eller dåligt vikta nudlar ska trassla ihop sig; fel tajmad kokning ska orsaka buljongstänk, skakande mätare, varningsstämplar och förlorad kombination; överkokning ska synligt mjuka upp eller mörkfärga nudlarna. Framgångsrika sviter ska utlösa ett överdrivet ångfirande med expanderande moln, mangaliknande fartlinjer, blinkande festliga stämplar i japansk stil, studsande instrument och en kort påverkanimation över hela skärmen. Skapa alla visuella element med HTML, CSS, SVG och Canvas som genereras i filen. Använd ett distinkt visuellt språk som kombinerar japansk mangapanelkomposition med precisa mekaniska genomskärningsdiagram. Visa tvärsnitt av kugghjul, ventiler, rör och brännarmekanismer, märkta mätskala­markeringar, tekniska anmärkningar, halvtonstexturer, fartlinjer, bläckade konturer och återhållsamma komiska ljudeffekttexter. Belys arbetsbänken i rostfritt stål med varmt volframljus medan en indigoblå snönatt syns genom köksfönstret. Snön ska driva subtilt utanför, ånga ska slingra sig ovanför grytan, vätskan ska bubbla, mätarna ska reagera kontinuerligt och små reflektioner ska röra sig över metallytorna. Organisera gränssnittet i tydligt separerade vermiljonröda, krämvita och djupt marinblå zoner. Använd varma bärnstensfärgade högdagrar, kolsvarta bläckkonturer, skiktade skuggor, skarp typografi och subtilt papperskorn som skapas procedurellt med CSS. Låt den centrala nudelaktionen dominera, med orderkön och de dynamiska instrumenten visuellt balanserade runt den. Animationerna ska vara detaljerade, mjuka och ändamålsenliga, med tillfredsställande övergångar och mikrointeraktioner snarare än konstant visuellt brus. Inkludera en kompakt introduktionsöverlagring, en idle-animation i attract mode, visuellt återskapad ljudlik återkoppling utan krav på ljud och tillräcklig procedurell variation för upprepat spelande. Säkerställ att kärnpoängsättningen, timers, kollisioner, kombinationslogiken, orderprogressionen, pausläget, omstartsförloppet, den responsiva layouten och alla kontroller faktiskt fungerar. Skapa inte en statisk mockup, en design som bara är en landningssida, falska kontroller, platshållarpaneler, ofärdiga TODO-kommentarer, externa resurser, trasiga bildikoner, alert-baserade interaktioner eller dekorativa element som skymmer spelet. Begränsa inte webbsidan till en fast 16:9-canvas. Returnera endast ett komplett HTML-dokument som börjar med <!DOCTYPE html>.