Video wird geladen...
Video konnte nicht geladen werden
Apple's visionOS approach to light is remarkable. Apps naturally merge with surroundings, auto-adapting materials based on ambient light. Essentially, they're killing dark mode! It’s another take on ambient computing.
371,737 Aufrufe • vor 3 Jahren •via X (Twitter)
0 Kommentare
Keine Kommentare verfügbar
Kommentare vom Original-Post werden hier angezeigt
![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)
![Gemini Nano Banana Pro And Grok Imagine Billie Eilish 🤍 Sydney Sweeney 💜 Prompt: { "image_analysis": { "overall_scene": "Provocative gym mirror selfie of two young smiling women viewed from behind, posing to emphasize glutes and lower bodies, one holding phone, under cool blue-purple ambient lighting.", "subjects": [ { "position": "left", "identity": "Billie Eilish resemblance", "age_appearance": "Early 20s", "build": "Curvy athletic hourglass, pronounced glutes, toned legs, fair smooth skin", "hair": "Medium-length curly brown in high messy bun with loose strands", "face": "Visible smiling at camera", "other_details": "None prominent" }, { "position": "right (holding phone)", "identity": "Sydney Sweeney resemblance", "age_appearance": "Early 20s", "build": "Curvy athletic, pronounced glutes, toned legs/back, fair smooth skin", "hair": "Long wavy reddish-auburn/orange, loose over shoulders", "face": "Visible smiling at camera", "other_details": "Holding iPhone" } ], "pose": "Rear-view mirror selfie: legs slightly apart, hands on hips, backs arched to accentuate glutes and scrunch-butt leggings, confident teasing gym pose", "clothing": { "left_woman": "White long-sleeve open-back crop top with twisted back, light blue high-waisted scrunch-butt leggings with ruched seam", "right_woman": "White halter-neck sports bra, light purple high-waisted scrunch-butt leggings with ruched seam" }, "lighting_and_color": { "lighting": "Cool blue/purple LED ambient, moody highlights on skin/fabric, mirror reflections", "color_palette": "Cool tones dominant: white tops, blue/purple leggings, dark gym floor" }, "background": "Modern gym in mirrors: cardio machines left, weights right, exposed ducts, dark rubber floor, blurred distant gym-goers", "photography_style": "Photorealistic vertical mirror selfie, high-res sharp details on ruched fabric/skin/hair, rear lower-body focus" }, "generated_prompt": { "full_text_prompt": "photorealistic vertical gym mirror selfie from behind of two beautiful athletic young women early 20s, left with curly brown high messy bun wearing white open-back long-sleeve crop top and light blue scrunch-butt leggings, right with long wavy reddish hair wearing white halter sports bra and light purple scrunch-butt leggings holding iPhone, both hands on hips backs arched emphasizing pronounced glutes/toned legs, modern gym mirrors cardio/weight equipment cool blue-purple lighting, highly detailed ruched textures skin sheen hair, sharp lower-body focus, confident teasing fitness vibe, 8k masterpiece", "negative_prompt": "deformed, ugly, bad anatomy, extra limbs, blurry, low quality, cartoon, illustration, painting, watermark, text, over/underexposed, children, elderly, mutated hands, front view", "recommended_parameters": { "style": "photorealistic gym mirror selfie", "quality_tags": "masterpiece, ultra detailed, sharp focus, realistic fabric/skin textures, moody lighting", "aspect_ratio": "9:16 vertical", "camera": "smartphone mirror shot, 28mm equiv, f/2.0, shallow DOF" } } }](https://image.24vids.com/tw-2020022711964090440/amplify_video_thumb/2020022634667274240/img/_fOJZsjlGt42bXts.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)
![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)
