Learning Timeline
Key Insights
Tips Kata Kunci 'Standalone HTML'
Sentiasa gunakan frasa "put everything in a standalone HTML file" dalam prompt coding anda. Ini memastikan AI menyertakan semua 'dependencies', CSS, dan JavaScript dalam satu fail sahaja, supaya anda tidak perlu memuat turun library luaran secara manual.
Limitasi Paparan Preview
Paparan preview dalam tingkap chat AI mungkin kelihatan 'squished' (sempit) atau tidak optimum untuk grafik berat. Langkah terbaik adalah sentiasa 'copy' kod tersebut dan jalankan secara tempatan (local file) di browser untuk pengalaman UI/UX yang sebenar.
Prompts
Prompt Penjanaan Kod Simulasi
Target:
Kimi K2
Create an animation of fluid dynamics, include interactivity and sliders with multiple color dyes and put everything in a standalone HTML file.
Step by Step
Mencipta Simulasi Cecair dengan Kimi K2
- Buka laman web atau aplikasi Kimi K2 dan mulakan sesi 'New Chat'.
- Pastikan 'web search' dimatikan (jika ada pilihan) untuk memaksa AI menggunakan keupayaan model semata-mata.
- Masukkan prompt ke dalam ruang chat (lihat kad Prompts untuk teks sebenar).
- Klik butang 'Run' atau hantar mesej untuk memulakan proses penjanaan.
- Kembangkan bahagian 'Thinking Process' jika ingin melihat logik pengiraan seperti 'advection calculations' atau sistem partikel.
- Tunggu sehingga kod HTML penuh dipaparkan dalam tetingkap 'Preview'.
- Klik butang 'Copy Code' (biasanya ikon papan keratan) pada penjuru blok kod.
- Buka text editor pada komputer anda (seperti Notepad, TextEdit, atau VS Code).
- Paste (tampal) kod tersebut ke dalam fail kosong.
- Klik 'File' > 'Save As' dan namakan fail dengan akhiran `.html` (contohnya: `simulasi.html`).
- Cari fail yang disimpan tadi dan klik dua kali untuk membukanya di dalam browser web.
- Gerakkan tetikus (mouse) di atas skrin untuk berinteraksi dengan cecair.
- Gunakan slider yang disediakan untuk melaraskan parameter seperti 'Viscosity' (kelikatan), 'Diffusion' (resapan), dan 'Strength'.
