หน้า Landing Page ของสมาร์ทวอทช์หรูหราที่สร้างด้วย Three.js พร้อมส่วนแอนิเมชัน

ลำดับพรอมต์แบบหลายขั้นตอนโดยละเอียดสำหรับ Gemini 3 Pro เพื่อสร้างหน้า Landing Page ของสมาร์ทวอทช์สุดหรูโดยใช้ Three.js, Anime.js และ Tailwind จากนั้นปรับปรุงให้เป็นเว็บไซต์แบบเลื่อนหลายส่วนพร้อมแอนิเมชันและการโต้ตอบขั้นสูง

พรอมต์
สร้างไฟล์ HTML หนึ่งไฟล์สำหรับหน้า luxury smartwatch โดยใช้ Three.js, Anime.js และ Tailwind สร้างโมเดล 3D watch โอเวอร์เลย์พื้นผิวสีเข้มที่มีรูวงกลมแสดง watch on beige และทำให้ส่วนหัวกับตัวเลขขนาดใหญ่เลื่อนเข้ามาเมื่อหน้าเว็บโหลด ทำให้หน้าเว็บดูเป็นมืออาชีพมากขึ้น แทนที่รูแบบคงที่ด้วยม่านตาที่เปิดเมื่อโหลด เพิ่มโดมแก้วเหนือ watch face พร้อมการสะท้อนแสง ปรับปรุงวัสดุโลหะ เพิ่มเมาส์พารัลแลกซ์เพื่อให้ watch หมุนตามเคอร์เซอร์ และวาดวงแหวนเวลาและฟิตเนสบน watch face เปลี่ยนหน้าจอเดียวให้เป็นเว็บไซต์แบบเลื่อนหลายส่วน เมื่อผู้ใช้เลื่อน ให้ทำให้ 3D watch เคลื่อนไหวและหมุนเพื่อให้เข้ากับแต่ละส่วน รักษาแคนวาส 3D และพื้นหลังให้คงที่ในขณะที่ข้อความเลื่อนทับไปมา มีเพียง watch เท่านั้นที่เคลื่อนไหว - fixed canvas: จัดตำแหน่งแคนวาส

วิธีใช้ prompt นี้

  1. 1

    คัดลอก prompt เต็มด้านบน

  2. 2

    เปิดแพลตฟอร์มที่รองรับ Gemini 3 Pro เช่น YouMind แล้ววาง prompt ลงไป

  3. 3

    เปลี่ยนหัวข้อ สไตล์ หรือรายละเอียดให้ตรงไอเดียของคุณ แล้วสร้าง

นี่คือ AI prompt ฟรีจากคลัง prompt ของ YouMind สำรวจ เว็บเพจ prompt อีกนับพันรายการ ทั้งหมดคัดลอกและปรับใช้ได้ฟรี

ดู เว็บเพจ prompt เพิ่มเติม

ฟีเจอร์พรอมต์เพิ่มเติม

คลัง AI

ค้นหา prompt ด้วย AI

ให้ AI ช่วยค้นหา prompt หลายหมื่นรายการ กรองตามโมเดล ช่วงเวลา คีย์เวิร์ด และจัดเรียงตามยอดมีส่วนร่วม เช่น ยอดวิว ยอดบันทึก ยอดแชร์ และอื่นๆ

เครื่องมือด้านภาพ

รูปภาพเป็นพรอมต์

เปลี่ยนรูปภาพใดก็ได้ให้เป็นพรอมต์ภาพ AI แบบละเอียด เครื่องมือแปลงรูปภาพเป็นพรอมต์ฟรีจะวิเคราะห์องค์ประกอบ สไตล์ และแสง ให้คุณสร้างลุคเดิมซ้ำได้ในไม่กี่วินาที

สร้างมาเพื่อครีเอเตอร์ ฟรีตลอดไป

YouMind คือผู้ช่วยสร้างสรรค์ AI ที่ครีเอเตอร์ทั่วโลกไว้วางใจ ทุกพรอมต์ที่นี่คัดสรรมาเพื่อช่วยให้คุณสร้างสรรค์ได้ดีและเร็วขึ้น

สำรวจพรอมต์เพิ่มเติม