初次嘗試用Google AI Studio的build功能來玩Vibe coding,很驚豔,這次改版的功能讓人很期待
提供試做的prompt給大家試試:(後續有小增修)
AI 圖像生成器
提示詞:
功能需求如下:
1. 使用者可輸入提示詞文字欄位。
2. 圖片尺寸選項:1920x1080、1080x1920、1024x1024、512x768。
3. 下拉選單選擇風格(如:寫實風、動漫風、油畫風)。
4. 數字欄位輸入生成張數與亂數種子。
5. 按下「生成圖片」按鈕後,畫面下方顯示生成圖片結果。
6. 每張圖旁邊顯示「下載」或「查看」按鈕。
7. 圖片產生可使用 [Pollinations API](pollinations.ai/) 或 Stable Diffusion Web API(可用假連結模擬)。
請用 HTML + JavaScript 寫出這個頁面,外觀用深色背景+卡片式排版,像 UI 設計範例一樣美觀。
水果盤
prompt:
Create a complete React web game that simulates a classic "Fruit Plate" slot-style betting game. The game should include fruit icons, a betting system, animation logic, and result calculation, but no sound effects or file structure comments. Here's the feature list:
1. Display six fixed fruit icons in a horizontal row:
🍎 Apple
🍊 Orange
🍉 Watermelon
🍇 Grape
7️⃣ Golden Number 7
👑 Crown
2. Let the player select one fruit and input a bet amount (e.g., 10, 50, or 100 coins).
3. When the player clicks a “Spin” button:
Two neon-glowing frames appear and move rapidly across the fruit icons in a criss-cross pattern.
Use smooth animation and easing to slow the frames down over time.
Eventually, both frames should stop on the same fruit, which becomes the winning result.
4. If the selected fruit matches the result, display a “You Win!” message and calculate the payout using fixed odds:
Apple 🍎: 2x
Orange 🍊: 3x
Watermelon 🍉: 4x
Grape 🍇: 5x
Number 7️⃣: 10x
Crown 👑: 20x
5. Use clean, responsive visual design with bright arcade-style neon effects. Add glowing animations when the frames move and when the final fruit is selected.
6. Do not include any sound effects or audio. Focus only on visuals, betting logic, and animations.
Use modern React with functional components, hooks like useState and useEffect, and CSS animations or requestAnimationFrame for frame
コメント