ลงชื่อเข้าใช้

พรอมต์วิดีโอ

UI Motion Loop Design Prompt

Prompt แบบละเอียดสำหรับการสร้าง UI motion loop ที่ต่อเนื่องกันนาน 14 วินาที พร้อมคำแนะนำเฉพาะเกี่ยวกับจังหวะ ฟิสิกส์ และการเรนเดอร์

สร้างเว็บเพจด้วยพรอมต์นี้

พรอมต์UI Motion Loop Design Prompt

<inputs>
Please provide:

* canvas color
* shape color
* accent color
* shape radius
* fonts
* states the shape should morph through

Use hex codes, seconds, damping ratios and pixel sizes instead of adjectives.
</inputs>

<direction>
Create a 14 second, 1440x1440, 60fps seamless UI motion loop.

One shape, zero cuts.

The shape morphs from state to state and is never replaced.

Each state fills 50% of the frame.

The camera starts on the beat and settles slower than the shape.

Use closed-form springs.

Shape damping 0.72, settle time 0.35s.
Camera damping 1.0, settle time 0.6s.

Content swaps use 12px blur and fade over 0.15s.

The cursor tip stays locked to whatever it drags.
</direction>

<structure>
Use a 0.5s beat grid.

0.0 - pixel mascot idles
1.0 - mascot squashes into play button
1.5 - loader
2.0 - check draws
2.5 - timeline scrub
4.0 - keyframe stretches past the end and snaps back
5.0 - bezier editor
7.0 - counter rolls F 000 to F 840
8.5 - render bar fills
10.0 - command palette types "export mp4"
11.0 - toast says "840 frames rendered"
12.0 - toast shrinks back into the mascot

The last frame must be the first frame.
</structure>

<build>
Write one HTML file with Canvas 2D.

window.renderAt(t) must be a pure function of time.

No Math.random.
No clock.
No carried state.

?t= must freeze the exact moment.

Render every frame from renderAt(frame / 60).

Use 4 subframes for motion blur.

Encode to H.264 at 60fps.
</build>

<gotchas>
Fix the cursor jump at the loop wrap with:

t - 14*floor(t/14)

Do not cross-fade orange into ink.

Use a ripple from the center at 1.5s and from the click point at 12.0s.

Roll word swaps vertically.

Start draw-on after blur-in.

Aim the cursor at where the target will be when it lands.

Keep cursor speed under 65 px/frame.
</gotchas>

<start>
First show me the storyboard.

Then write the code.

After the first render, check 5 frames around every beat and fix the issues before the final render.
</start>

วิธีใช้ prompt นี้

1
คัดลอก prompt เต็มด้านบน
2
เปิดแพลตฟอร์มที่รองรับ Claude Opus 5.5 เช่น YouMind แล้ววาง prompt ลงไป
3
เปลี่ยนหัวข้อ สไตล์ หรือรายละเอียดให้ตรงไอเดียของคุณ แล้วสร้าง

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

ดู วิดีโอ prompt เพิ่มเติม

เพิ่มเติมจาก Claude Opus 5.5

ฉากสามมิติร้านสะดวกซื้อญี่ปุ่นในคืนฝนตกด้วย Three.js

@SuSu_酥酥👅

ฉากจำลองร้านสะดวกซื้อในคืนฝนตก

@SuSu_酥酥👅

ฉากเกาะสวรรค์ด้วย Blender และ Three.js

การสร้างกล่องบรรจุภัณฑ์แบบ 3D ใหม่

@The Bugged Dev

การสร้างเมฆสมจริงใน Three.js

แอนิเมชัน Canvas เกาะลอยบรรยากาศ

หมวดหมู่วิดีโอทั้งหมด

01

กรณีใช้งาน

โชว์เคสฉากภาพยนตร์สุดตระการตา Vlog / ไลฟ์สไตล์บนโซเชียล ภาพยนตร์สั้น มิวสิกวิดีโอ โฆษณาแบรนด์ / ผลิตภัณฑ์ดูเพิ่มเติม

02

สไตล์

สมจริงระดับภาพยนตร์แฟนตาซี / เวทมนตร์ไซเบอร์พังก์ / ไซไฟ อนิเมะ ฟิล์มวินเทจ / ย้อนยุค ดูเพิ่มเติม

03

หัวข้อ

บุคคล / ตัวละคร กีฬา / แอ็กชัน ธรรมชาติ / ทิวทัศน์สถาปัตยกรรม / การออกแบบภายใน บทคัดย่อ / VFX ดูเพิ่มเติม

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

คลัง AI

ค้นหา prompt ด้วย AI

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

ลองใช้ฟรี

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

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

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

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

ฟีเจอร์พรอมต์อื่นๆ

ตามโมเดล

พรอมต์ GPT Image 2.5 พรอมต์ GPT Image 2 พรอมต์ Nano Banana Pro พรอมต์ Seedream 4.5 พรอมต์ GPT Image 1.5 พรอมต์วิดีโอ Gemini พรอมต์ Seedance 2.0 Grok Imagine Prompts พรอมต์ Gemini 3 Pro สร้างเว็บไซต์

ตามสื่อ

พรอมต์รูปภาพ พรอมต์วิดีโอ พรอมต์สร้างเว็บไซต์ด้วย AI

เครื่องมือ AI

รูปภาพเป็นพรอมต์พรอมต์รูปภาพ สไลด์ GPT Image 2

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

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

สร้างเว็บเพจด้วย Prompt สำรวจพรอมต์เพิ่มเติม

ผลิตภัณฑ์

ดาวน์โหลด ราคา มีอะไรใหม่

แหล่งข้อมูล

สกิล กรณีการใช้งาน บล็อก Markdown เป็นบทความ 𝕏 สำหรับ agent

เครื่องมือ

เครื่องมือฟรี

เปรียบเทียบ

Notion NotebookLM ChatGPT Codex GenSpark Gamma Lovart Manus MyMind Perplexity

บริษัท

ความเป็นส่วนตัว เงื่อนไข นโยบายคุกกี้

© 2026 MIND MOTOR PTE. LTD.

AI Summary