Video yükleniyor...
Video Yüklenemedi
Here is the prompt to create a liquid gold nav bar :) Have fun experimenting! Create a floating navigation toolbar centered on screen. Dark background, glassmorphism toolbar with blur and subtle border. Core feature - Golden active indicator ring: A sliding highlight around the active button built with 4... show more
72,887 görüntüleme • 5 ay önce •via X (Twitter)
0 Yorum
Yorum bulunmuyor
Orijinal gönderinin yorumları burada görünecek
![Hold up, here is the prompt: works with almost any model. enjoy :) Role & Objective: Act as an Elite UI/UX Front-End Engineer specializing in Apple-tier micro-interactions and advanced CSS. Your task is to program a perfectly centered navigation bar in a strictly SINGLE HTML file containing all HTML, vanilla CSS, and vanilla JavaScript. No external libraries or frameworks (No Tailwind, React, etc.). Design Concept - "True Liquid Glass": CRITICAL INSTRUCTION: Do NOT generate standard, flat "glassmorphism" or basic frosted glass. I require a physically accurate "Liquid Glass" aesthetic. It must look like wet, poured clear resin, combining the high-gloss specular highlights of classic macOS Aqua with the volumetric spatial depth of modern Apple VisionOS. 1. The Liquid Glass Material & Lighting (CSS): - Deep Refraction: Use `backdrop-filter` with extreme blur (e.g., 50px) and over-saturation (200%). - Specular Highlight: Create a curved, semi-transparent white gradient on the top half using a pseudo-element (`::before`) to simulate a hard light reflection on a wet, rounded 3D surface. - Caustics & Volume: Use multi-layered inner and outer `box-shadow` properties to simulate light refracting at the bottom edge and casting a realistic ambient drop shadow. - Interactive Glare: Implement a soft radial-gradient spotlight inside the glass that dynamically tracks the user's mouse cursor (X/Y coordinates) using JavaScript and CSS variables (`mix-blend-mode: overlay`). 2. Navigation Layout & Elements: - Center the pill-shaped navigation bar perfectly in the middle of the viewport. - Include 3 main navigation items with minimalist, inline SVG stroke icons and text labels: "Home", "Call", and "List". - Add a subtle vertical divider line after the main buttons. - Next to the divider, add a Dark/Light Mode toggle button containing inline SVG Sun and Moon icons. 3. Animations & "Apple Magic": - Sliding Active Pill: Create a solid background "pill" that sits *behind* the active navigation item's text/icon. When a different item is clicked, this pill must dynamically recalculate its width and slide to the new position. - Spring Physics: The sliding transition MUST use an exact Apple-style bouncy spring easing curve (e.g., `transition: all 0.5s cubic-bezier(0.34, 1.2, 0.64, 1)`). - Tactile Feedback: Buttons and icons must physically press down slightly (`transform: scale(0.92)`) when clicked (`:active`). - Theme Switch: The Sun and Moon icons must smoothly rotate, scale, and cross-fade during the transition. 4. Background Environment (Crucial): - Glass needs light and color to refract! Create a full-viewport, smoothly animated mesh gradient background using 3 large, heavily blurred, floating color blobs. - Implement full Dark/Light mode logic using CSS variables (`:root` and `[data-theme="dark"]`). Toggling the theme must seamlessly transition the background blob colors, glass opacity, shadow intensity, and text colors. Output ONLY the pristine, production-ready code. Prioritize maximum visual fidelity and silky-smooth 60fps animations.](https://image.24vids.com/tw-2032212276447490106/amplify_video_thumb/2032212244692336641/img/JoGBG5XEJRS4Xl0O.jpg)
![Face card never declines. 🖤 Grok Imagine { “subject”: { “description”: “A hyper-realistic, raw 8k medium-shot selfie of a stunningly attractive woman with a voluptuous hourglass figure, captured from the waist up.”, “body”: { “physique”: “She has a striking and sexy physique with a narrow waist and prominently large, firm, and upright breasts that create a deep, natural cleavage. Her figure is full and curvy, emphasized by the tight-fitting top.”, “pose”: “A waist-up selfie pose, holding the phone naturally. Her body is slightly angled, while her head is turned to look back over her shoulder with a sultry and confident gaze.”, “features”: “Long, dark, slightly messy hair with realistic flyaways and visible texture. Extreme facial detail: natural skin pores, tiny freckles, a small beauty mark on her chest, and a realistic oily sheen on the T-zone. Her lips are full, glossy, and show natural lip lines. Eyes have wet, crystalline reflections.” } }, “wardrobe”: { “outfit”: “A tight-fitting, black ribbed cotton V-neck top. The fabric is stretched across her large bust, showing the realistic tension of the ribbed weave and micro-fibers.”, “accessories”: “A small, realistic silver septum ring with a metallic glint. No necklace is worn.” }, “pose_action”: “Taking a spontaneous, high-detail selfie in a private indoor setting, looking back over the shoulder to highlight her silhouette and curves.”, “scene”: { “environment”: “A dimly lit, realistic bedroom or dressing room background with natural depth.”, “elements”: “Soft-focus (bokeh) background showing a messy bed or a door frame, typical of a real home photo. The focus is exclusively sharp on her skin, eyes, and the texture of her top.”, “composition”: “Vertical medium shot, framing the subject from the top of her head down to her waistline.” }, “lighting”: { “setup”: “Soft, directional ambient light from a nearby window or lamp.”, “details”: “The light creates realistic highlights on the curve of her breasts and shoulders. Subtle micro-shadows are visible in the folds of the ribbed fabric and under her chin.” }, “camera”: { “technical”: “Raw smartphone photography style, f/1.8 aperture for natural optical blur. Zero post-processing look. High ISO detail with minimal noise, capturing microscopic skin and fabric textures. Sharp focus on the pupils.”, “aspect_ratio”: “2:3”, “constraints”: [ “CRITICAL: The woman must have large, firm, and upright breasts shown clearly in a medium shot (waist-up).”, “CRITICAL: Ultra-photorealistic skin texture with pores and natural imperfections.”, “No necklace.”, “Individuality in facial features, natural dark hair with septum ring.”, ] } }](https://image.24vids.com/tw-2024944815666827623/ext_tw_video_thumb/2024944688759762944/pu/img/e8AVmXBj_3xA47ux.jpg)
![GPT Image 2.0 won the round. Here is the transition from 2D to Real with Seedance 2.0 on Dreamina. Prompt: Title: “Blueprint to Reality” Duration: 12 seconds Style: Hyperrealistic architectural visualization, luxury real-estate cinematic, ultra-smooth timelapse transformation, precise omnireference consistency, elegant lighting transitions, photoreal materials IMPORTANT: The blueprint and final house MUST match EXACTLY: — same layout — same room positioning — same roof geometry — same garage placement — same window locations — same backyard pool placement — same proportions and structure Absolute architectural consistency required throughout the entire transformation. Camera: Perfect top-front aerial angle matching the reference image. Slow cinematic floating motion only. No sudden camera cuts. One continuous seamless shot. Music: Elegant cinematic electronic soundtrack with deep bass pulses, soft piano accents, futuristic architectural atmosphere, emotional buildup [00:00 - 00:02] Start EXACTLY on the glowing luxury blueprint shown on top of the image. Dark navy blueprint background. Gold architectural lines glowing softly. Labels and dimensions visible. Subtle animated blueprint shimmer. Camera slowly pushes inward. Ambient sound: soft electrical hum, faint drafting sounds, digital blueprint energy. [00:02 - 00:04] The blueprint lines begin activating. Gold outlines illuminate brighter. Walls start extruding upward from the blueprint. Thin wireframe geometry rises from the floorplan. Pool edges and deck appear first. Garage walls rise in correct position. Roof boundaries form precisely. Transformation feels engineered and realistic. [00:04 - 00:06] The wireframe structure rapidly develops into a white architectural massing model. Concrete walls materialize. Glass windows appear. Front porch forms. Garage door slides into existence. The house geometry must remain EXACTLY identical to the blueprint layout. Lighting transitions gradually from blueprint darkness into sunset realism. [00:06 - 00:08] Roof sections lock perfectly into place. Exterior textures become photoreal: — stone walls — wood paneling — glass reflections — landscape lighting — driveway concrete Backyard pool fills with reflective water. Timelapse landscaping grows naturally around the house. [00:08 - 00:10] The house is now nearly complete. Warm interior lights turn on room by room. Pool lights glow softly. Exterior pathway lights illuminate. Camera continues smooth cinematic movement. Luxury modern atmosphere. [00:10 - 00:12] Final fully completed hyperrealistic luxury home matching EXACTLY the bottom image. Golden hour lighting. Soft reflections on windows. Pool water moving naturally. Subtle environmental movement: trees swaying, light breeze, warm ambient glow. End on a polished cinematic hero shot of the completed home. No inconsistencies between blueprint and final architecture. Perfect continuity from start to finish.](https://image.24vids.com/tw-2052471164660817922/amplify_video_thumb/2052471001745608704/img/nJ5owmnANOofpc0e.jpg)
![john wick seedance text to video prompt： [STYLE / CINEMATIC SETUP] A 10.5-second, 16:9 photorealistic AAA action-game cinematic rendered at real-time speed with no slow motion. The setting is a cramped, cluttered late-night Asian restaurant connected to a rain-soaked street. Cyan-green fluorescent light, red neon and warm practical lamps create a high-contrast mixed-light environment, with reflections across wet floors and pavement. Shoot with a 35mm spherical lens, shallow-to-moderate depth of field and cinematic motion blur appropriate to the actual speed of movement. Use close shoulder-mounted and handheld coverage, connecting seven short close-combat shots with fast hard cuts. The camera instinctively pans, retreats or drops with each block, takedown and collision while keeping the action and contact points readable. No dialogue, no subtitles and no BGM. Generate only synchronized rain, appliance hum, urgent footsteps, fabric movement, body impacts, gunshots, metal contact and breaking glass. [IMAGE REFERENCES] No external still-image reference. Follow the written character and environment descriptions consistently. If the platform supports reference video, use the supplied video only as a reference for editing rhythm, camera distance, action direction and lighting atmosphere, not for copying a specific actor’s identity. The protagonist remains the same lean, agile man in his early forties throughout the sequence: neck-length black hair swept back, a short beard, a tired but focused face, a slightly wrinkled black suit, white shirt and narrow black tie, all carrying faint rain and wear marks. Preserve his face, hairstyle, body proportions, clothing and screen direction across all seven shots. Keep every opponent visually distinct: a man in a blue work uniform, a bald man in a navy jacket, a heavy man in a black jacket, a bald counter attacker, a red-headband attacker, a red-jacketed armed attacker and a heavy man in a dark green coat outside. [TIMELINE SECOND BY SECOND] 0–1.9s: [Shoulder-height medium close-up, tight lateral handheld tracking, real-time speed] The protagonist stands on screen left, pinning the blue-uniformed attacker against a glass refrigerator with his left forearm and palm. He delivers two compact, weighted elbow and palm-heel strikes. Each impact drives the attacker’s head into the refrigerator door, loosening his white headband and leaving a small blood trace on the glass; the attacker finishes sliding down the door while the protagonist remains standing. 1.9–4.3s: [Medium shot transitioning into a high-angle overhead, shoulder-mounted drop, real-time speed] Hard cut near the restaurant’s rear entrance. The bald attacker in a navy jacket locks the protagonist from behind. The protagonist lowers his center of gravity, traps the attacker’s arm and rotates his hips, throwing him heavily over the shoulder onto the wet floor. The camera drops with them into an overhead view. Kneeling across the attacker’s torso, the protagonist draws a compact black pistol and fires one downward shot; recoil travels through his wrist and the attacker jolts once before becoming still. 4.3–5.9s: [Tight medium shot, lateral handheld follow, real-time speed] Hard cut with both men already upright. A heavy attacker in a black jacket swings from screen right. The protagonist slips outside the punch, allowing it to pass close to his face, circles behind the attacker and locks his shoulder and neck off balance. He presses the pistol close to the side of the attacker’s head and fires. The muzzle flash briefly illuminates both faces; the attacker’s head and shoulders snap backward and his body begins to collapse. 5.9–7.9s: [Counter-height medium close-up, subtle handheld push-in, real-time speed] Hard cut to the restaurant counter. Another bald attacker bends forward and clamps around the protagonist’s waist. The protagonist pins the attacker’s head and neck under his left arm while grabbing a short, rigid pointed utensil from the counter. He drives two compact downward thrusts into the upper shoulder and side of the neck. Each contact bends the attacker’s knees further; a restrained amount of blood marks the shirt and counter edge before the attacker hangs helplessly beneath the protagonist’s controlling arm. 7.9–9.0s: [Two-person medium close-up, fast pan with a short retreat, real-time speed] Hard cut as the red-headband attacker rushes into close range. He throws a wide hook from screen right. The protagonist raises his forearm to block, catches the wrist and pulls it outward, then drives a palm heel and forearm into the attacker’s face. The camera retreats with the impact as the attacker loses his balance and staggers toward the rear right of the frame. 9.0–9.9s: [Low-angle wide shot, slight arc around the action, real-time speed] Hard cut to a wider section of the restaurant. The red-jacketed armed attacker advances from screen left. Holding a long black firearm with both hands, the protagonist uses it as a blunt weapon and swings horizontally from right to left. The weapon strikes the attacker’s upper chest and shoulder, rotating his torso, crossing his feet and sending him off balance toward screen left. 9.9–10.5s: [Exterior rainy-street medium shot, fast parallel tracking, real-time speed] Hard cut outside the restaurant. The protagonist already controls a heavy attacker in a dark green coat and uses his forward momentum to drive the man’s head and upper body into the side window of a parked black station wagon. The glass bursts inward at the contact point, scattering both large and fine fragments. The attacker folds through the broken window while the protagonist regains stable footing beside the car, ending with glass fragments still falling. [STYLE & QUALITY BOOSTERS] Maintain the protagonist’s face, black suit, white shirt, tie, hairstyle and body proportions through every hard cut. The pistol, pointed utensil, injuries and blood marks must appear only in their designated shots and must never morph or change ownership. Throws, recoil, strike reactions, loss of balance and window breakage must show believable weight, inertia and precise contact. Apply motion blur only to rapidly moving arms, weapons, glass fragments and camera-relative backgrounds. No sudden face or costume changes; no extra fingers, fused limbs or inverted joints; no morphing weapons, utensils or vehicles; no foot sliding or rubber-like collision reactions; no blood, bullet damage or glass fragments appearing before physical contact.](https://image.24vids.com/tw-2086349180948345309/amplify_video_thumb/2086348909522378752/img/Rj8L9yLglxtuCEcl.jpg)
