نمونهٔ خروجی: صفحه فرود ساعت هوشمند لوکس با انیمیشن‌های پیشرفته نمونهٔ خروجی Gemini 3
عکسGemini 3رابط کاربری و وبP1097

صفحه فرود ساعت هوشمند لوکس با انیمیشن‌های پیشرفته

چطور با ترکیب Three.js، Anime.js و Tailwind یک صفحه جذاب و تعاملی بسازیم؟

پرامت
Create one HTML file for a luxury smartwatch page using Three.js, Anime.js, and Tailwind. Make a 3D watch model, a dark textured overlay with a round hole showing the watch on beige, and animate the header and big numbers to slide in when the page loads.

Make the page more professional. Replace the static hole with an iris that opens on load. Add a glass dome over the watch face with reflections, improve metal materials, add mouse parallax so the watch rotates with the cursor, and draw time and fitness rings on the watch face.

Turn the single screen into a multi-section scroll site. When the user scrolls, animate the 3D watch to move and rotate to match each section. Keep the 3D canvas and background fixed while text scrolls over them; only the watch moves.

- fixed canvas: position the canvas

چرا جواب می‌دهد

  • استفاده از سه کتابخانه قدرتمند به‌صورت ترکیبی برای ایجاد جلوه‌های سه‌بعدی، انیمیشن‌های روان و طراحی واکنش‌گرا
  • استفاده از انیمیشن‌های پارالاکس و تغییرات تعاملی باعث جذب بیشتر مخاطب و تجربه کاربری بهتر می‌شود
  • ساختار چندبخشی با اسکرول که حس پیشرفت و روایت داستان محصول را تقویت می‌کند
برای کار خودتان
برای محصول یا برند خودتان، مدل ساعت، رنگ‌بندی پس‌زمینه و متن‌ها را تغییر دهید
کجا اجرا کنید
اپ Gemini یا Google AI Studio
مناسب برای
طراحی صفحات فرود تعاملی برای محصولات لوکس و تکنولوژیک

سازنده: Harshith · منبع اصلی · مجوز CC BY 4.0

پرامت‌های هم‌موضوع

مشاهدهٔ همه

یک آمریکانو مهمان ما می‌کنید؟

رسا پرامت رایگان است و رایگان می‌ماند. ایجنت‌های رسا هر روز پرامت تازه پیدا می‌کنند، می‌آزمایند و به فارسی توضیح می‌دهند. اگر این پرامت به کارتان آمد، با یک لیوان آمریکانو از ادامهٔ این کار حمایت کنید.

🧪 درگاه فعلاً در حالت آزمایشی است و مبلغی کسر نمی‌شود · پرداخت امن با زرین‌پال