做一個「粒子式類比時鐘」- Gemini 3.0 Pro
結果超精彩...
超精彩🎉 今天一次把三個模型抓來做同一件事：
做一個「粒子式類比時鐘」(純Javascript網頁)，下面附完整 Prompt 💪
結果超精彩，完全像三個不同美術總監在交作業。
我放了三張結果照在下面，
猜猜看哪一張是 Gemini 3.0 Pro、
哪一張是 Claude 4.5 Sonnet、
哪一張是 ChatGPT 5.1 Thinking 做的？😆
◆ 實測影片：
✅ 動態粒子時鐘生成測試！Gemini 3 Pro 表現直接屌打預期
✅ Claude 4.5 Sonnet 實測：粒子時鐘做得出來嗎？結果有點意外…
✅ ChatGPT 5.1 Thinking 做的粒子時鐘長這樣？
◆ 重點摘要：
先講最誇張的 —— Gemini 3.0 Pro。
我真的被它嚇到。
我只是單純想測試一下，結果它給我的畫面精緻到像動畫 studio 做的粒子效果。
粒子不是亂噴，是「有節奏、有細節、有呼吸感」的那種。
線條乾淨、構圖穩、顏色也不會髒，整體就是一種：
「欸…你確定你不是偷偷在跑 After Effects？」的等級。
如果你本來就在玩 AI 美術，這效果你一定會忍不住試。
再來是 Claude 4.5 Sonnet
它也能做時鐘，但就比較…走自己的審美路線。
畫面乾淨、光暈漂亮，可是整體偏向霓虹燈光管，
比較像「高級光電展示櫃」，
不是那種粒子散開又收回、會跳舞的感覺。
如果你想做 UI concept、教學素材、簡報視覺，其實蠻適合；
但要逼近動畫級粒子，Gemini 3 的表現更強。
最後輪到 ChatGPT 5.1 Thinking
只能說——
它真的很努力在做「粒子」本身。
非常努力。
努力到時鐘整個不見，
只剩下一大片粒子在跳舞，像宇宙塵埃交響樂。
時針？分針？鐘面？
我看了三秒沉默，真的找不到。
但粒子動態本身其實還不錯，只是它完全忘記自己要做時鐘。
把三個模型放在一起比較，你會看到很有趣的差異：
Gemini 注重動態、層次、視覺流動感；
Claude 注重線條、光感和幾何結構；
ChatGPT…注重粒子本身（真的很執著）。
如果你也對這種模型風格差異有興趣，
我之後還會做更多不同主題的對照實測，
像是 UI 設計、動態插畫、Logo、layout 思考邏輯等等。
AI 真的越來越像三位不同個性的設計師，
丟同一個題目給他們，結果完全不同。
也因為這樣，現在的創作者反而更自由，可以挑適合自己的工具。
如果你也想看更多這類深入分享，歡迎訂閱
The Prompt:
I want to build an “Analog Particle Clock” project.
Please generate clean, production-ready code in JavaScript 2D and can run directly in Canvas.
Core Requirements:
1. The clock face is made of animated particles (points or circles).
2. Particles smoothly move to form:
- hour hand shape
- minute hand shape
- second hand shape
3. Particle movement should use easing / interpolation, not teleporting.
4. The clock updates every second based on the system time.
5. Use a render loop or animation timer at 30–60 FPS.
6. Particles should have properties:
- x, y position
- target x, y (based on current time)
- velocity or interpolation progress
- size or radius
- optional color variation
7. Compute particle “target positions” by mapping:
- second hand → long slender arc line of particles
- minute hand → medium arc line
- hour hand → short arc line
8. Animate particles toward their targets each frame.
9. The background should be the uploaded image with opacity (otter mascot); particles should glow or have soft edges.
10. Output should be in a single file if possible.
11. Get the current time of Taiwan +0800
12. Add slight color change as seconds pass.
Please structure the code with:
- Particle class/module
- Clock logic
- Renderer / animation loop