---
title: "Mobile badge-unlock screen with a lit hexagon trophy"
description: "A mobile badge-unlock screen with a lit hexagon trophy that tilts toward the cursor and bursts into gold particles."
canonical: "https://potto.ai/zh-Hant/videos/mobile-badge-unlock-screen-with-a-lit-hexagon-trophy"
language: "zh-Hant"
datePublished: "2026-09-26"
---

# Mobile badge-unlock screen with a lit hexagon trophy

A mobile badge-unlock screen with a lit hexagon trophy that tilts toward the cursor and bursts into gold particles.

A mobile badge-unlock screen built from a Figma frame, matching its assets, lighting, type and layout. The hexagon trophy badge tilts toward the cursor as a solid 3D object following physics, then gold particles celebrate the unlock. Built with canvas, svg and css, with fast, smooth motion that avoids bounce.

- [視覺系統](https://potto.ai/zh-Hant/videos/visual-system.md)
- 由 BThreeAgency
- 時長與比例: 0:11 · 1:1
- 製作工具: Canvas, SVG, CSS
- 發布於 2026年9月26日
- 查看原片: https://x.com/BThreeAgency/status/2103739079745827092

## 提示詞

```text
Using the linked Figma frame build a badge unlock screen. Match the design exactly. Use the file's assets, lighting, type and layout and add only the motion. Animate the badge so it feels premium and celebratory. Build its scene and then celebrate with gold particles. Treat the badge as a solid 3D object that tilts toward the
cursor following the rules of physics. Keep it fast and smooth, it should not be bouncy.
```

## Mobile badge-unlock screen with a lit hexagon trophy 常見問題

Mobile badge-unlock screen with a lit hexagon trophy 的製作方式、提示詞內容，以及如何用 Potto 做出同類的 視覺系統 影片。

### Mobile badge-unlock screen with a lit hexagon trophy 是什麼？

Mobile badge-unlock screen with a lit hexagon trophy 是 BThreeAgency 製作的 視覺系統 類型 AI 動態圖形影片。 A mobile badge-unlock screen with a lit hexagon trophy that tilts toward the cursor and bursts into gold particles.

### Mobile badge-unlock screen with a lit hexagon trophy 是怎麼製作的？

Mobile badge-unlock screen with a lit hexagon trophy 使用 Canvas、SVG和CSS 製作，屬於 Potto 上 視覺系統 分類的 AI Motion Graphics 影片。

### 可以查看 Mobile badge-unlock screen with a lit hexagon trophy 的提示詞嗎？

可以。本頁有 Mobile badge-unlock screen with a lit hexagon trophy 的完整提示詞。你可以複製，或點選「使用此提示詞」，在 Potto 工作區中開啟。

### Mobile badge-unlock screen with a lit hexagon trophy 有多長，畫面比例是多少？

Mobile badge-unlock screen with a lit hexagon trophy 時長為 0:11，畫幅為 1:1。

### 我能用 Potto 做出像 Mobile badge-unlock screen with a lit hexagon trophy 這樣的 視覺系統 影片嗎？

可以。點選「使用此提示詞」，把 Mobile badge-unlock screen with a lit hexagon trophy 的提示詞載入 Potto 工作區。Potto 會算繪自己的版本，匯出前你可以修改文字和風格。

### 在哪裡觀看 Mobile badge-unlock screen with a lit hexagon trophy 的原片？

Mobile badge-unlock screen with a lit hexagon trophy 最初由創作者發布。點擊「查看原片」，即可在新分頁開啟該貼文。

### 在哪裡可以找到更多像 Mobile badge-unlock screen with a lit hexagon trophy 這樣的 視覺系統 影片？

在 Potto 上瀏覽 視覺系統 合集：480 支影片，每支都附有提示詞、規格和來源。