🏡

Sims Lite v2.0

The Sims แบบเว็บ · Babylon.js 9 + PBR · 2 Sims · 5 needs × 2 · 10 furniture + AI · relationship · day/night · single-file

🚀 เปิดเกม

📜ภาพรวม

Sims Lite คือเกมจำลองชีวิต (life-sim) แบบ The Sims คลาสสิก ที่ build ด้วย Babylon.js 9 + WebGL · ภายในไฟล์ HTML ไฟล์เดียว ~ 42 KB · ไม่ต้อง build, ไม่ต้อง backend · เปิดบนเบราว์เซอร์แล้วเล่นได้ทันที

ผู้เล่นควบคุม Alex (ตัวละคร capsule น่ารัก) ในบ้าน 1 หลัง 4 ห้อง — ต้องดูแล 5 ความต้องการ (หิว / พลังงาน / สนุก / สะอาด / สังคม) ให้อยู่ในเกณฑ์ดี · คลิกพื้นให้เดิน · คลิกเฟอร์นิเจอร์เพื่อทำกิจกรรม · ระบบเวลา day/night วิ่งตลอด (ต้องนอนตอนกลางคืน)

📸ภาพหน้าจอจริง — v2.0 (NPC Bella)

Alex + Bella (v2.0)
2 Sims ในบ้านเดียวกัน — Alex (กลางล่าง) + Bella (ขวาบน) + Bella row ใน side panel

🤖 Bella เดินเอง
NPC AI อัตโนมัติ — เดินไป TV เพราะ fun ต่ำสุด

คลิก Bella → action menu
คุย (social+30) + กอด (social+50) buttons

หลังคุย Bella
social 38→58% + relationship +3 + cooldown แสดงผล

Help Modal (v1.1)
คำแนะนำการเล่น พร้อมวิธีคุยกับ Bella

Mobile view (v2.0)
Responsive 414×800, Bella row ใน panel

🎮วิธีเล่น

🖱️เดิน

คลิกที่ พื้น ในกรอบ 3D — Sim จะเดินไปหาจุดนั้นด้วย pathfinding อัตโนมัติ (หลบเฟอร์นิเจอร์)

🛋️ทำกิจกรรม

คลิก เฟอร์นิเจอร์ ใน 3D หรือปุ่มใน side panel → เมนูทำกิจกรรมขึ้น → Sim เดินไปยังจุด + ทำกิจกรรม

⏸Pause

กดปุ่ม ⏸ Pause มุมบนขวา เพื่อหยุดเวลา (ดู needs/mood ได้แบบสบาย)

❓ช่วยเหลือ

กดปุ่ม ❓ วิธีเล่น หรือกด ESC เพื่อเปิด/ปิด help modal

💡 Tip — ตู้เย็นเติมหิวได้ไวที่สุด (+60) · เตียงนอนได้ทันที (+50) · TV glow สว่างขึ้นตอนกลางคืน

🏠โครงสร้างบ้าน (4 ห้อง)

ภายในบ้านมี 4 ห้อง แบ่งด้วย interior walls:

ห้อง	เฟอร์นิเจอร์	กิจกรรม
🛏️Bedroom	เตียง	นอน +พลังงาน 50
📺Living	โซฟา · ทีวี · เกมคอนโซล	ดูทีวี, เล่นเกม, นั่งโซฟา
🚽Bathroom	ห้องน้ำ · ฝักบัว · กระจก	ใช้ห้องน้ำ, อาบน้ำ, ส่องกระจก
🧊Kitchen	ตู้เย็น × 2 · โต๊ะกินข้าว	กิน, เปิดตู้เย็น, กินที่โต๊ะ

📊5 Needs (ความต้องการ)

Need	Icon	Decay/hr	วิธีเติม
หิว	🍔	-2.0	ตู้เย็น (+60), โต๊ะ (+40)
พลังงาน	⚡	-1.0	เตียง (+50, instant)
สนุก	🎉	-2.5	เกมคอนโซล (+45), ทีวี (+30), โซฟา (+25)
สะอาด	🚿	-1.5	ฝักบัว (+60, instant), ห้องน้ำ (+15)
สังคม	💬	-2.0	กระจก (+20), โต๊ะ (+10), ทีวี/โซฟา (+5)

Mood (ค่าเฉลี่ย)

😫 หดหู่มาก <25

😟 เครียดอยู่ <45

🙂 ปกติ <65

😊 อารมณ์ดี <85

🤩 สุดยอด! ≥85

🌗Day/Night Cycle

ช่วงเวลา	สภาพ	Sky	Sun
00-06	กลางคืน	น้ำเงินเข้ม	0.3
06-08	Dawn	ส้ม-ชมพู	0.5→0.9
08-17	กลางวัน	ฟ้าสด	1.0
17-21	Sunset	ส้ม-ม่วง	0.7→0.4
21-00	กลางคืน	น้ำเงินเข้ม	0.3

💡 TV หน้าจอจะส่องแสงสว่างมากขึ้นตอนกลางคืน (emissive auto-adjust)

⚡Tech Stack

Babylon.js 9 (CDN: https://cdn.babylonjs.com/babylon.js)
PBR materials + scene.environmentTexture (built-in env)
ArcRotateCamera isometric constrained (หมุน/ซูมได้ล็อคช่วง)
HemisphericLight + DirectionalLight + PointLight
Capsule + Sphere + Box + Disc primitives for Sim + furniture
Custom pathfinding — straight-line + obstacle dodge
localStorage save/load อัตโนมัติทุก 3 วินาที
Single file — 42 KB, no build, no deps

👱‍♀️NPC Bella เพื่อนบ้าน (v2.0)

เกม v2.0 เพิ่ม Bella (NPC Sim ที่ 2) เข้ามาในบ้าน — เธอมี ชีวิตเป็นของเธอเอง ไม่ต้องสั่ง:

🧍 ตัวละคร Bella — ผมน้ำตาล, ชุดฟ้า, มี 5 needs ของตัวเอง (decay ช้ากว่า Alex เล็กน้อย)
🤖 AI อัตโนมัติ — เดินไปเฟอร์นิเจอร์ตาม need ต่ำสุด (ฟังก์ชั่น updateNPC(dt))
💬 คลิก Bella → คุย — social+30 (ทั้ง 2 Sim), ความสัมพันธ์+3 (cooldown 10s)
🫂 คลิก Bella → กอด — social+50, ความสัมพันธ์+5 (cooldown 12s)
💕 Relationship 0-100 + 4 stages: เพิ่งรู้จัก (<30) / เพื่อน (<60) / เพื่อนสนิท (<85) / แฟน (≥85)
👥 Side panel — Bella row ที่ top ของ object list (cyan border 3px) + ♥ 30/100 + สถานะ (ว่าง/รอ)
📊 Stats เพิ่ม — "คุยกับBella" + "ความสัมพันธ์" (live value)

💡 Architecture pattern: ใช้ createNPCSim(name, bodyColor, hairColor, pos) factory · แยก bellaState object · ใช้ moveCharacter(rootMesh, state, dt, isPlayer) ที่ refactor จาก updateMovement เดิม — ใช้ได้ทั้ง player และ NPC

🛠️เกมแนวนี้ทำต่อได้ไหม?

ใช่ — Babylon.js + PBR + (optional) Havok physics สามารถต่อยอดเป็นเกม Sims-class เต็มรูปแบบได้:

🤝 NPC Sim (✓ v2.0) — Bella เพื่อนบ้าน — คุย/กอด + AI อัตโนมัติ + relationship system
👶 Aging (Toddler → Teen → Adult → Elder)
💼 ระบบงาน / เงินเดือน → ซื้อของใหม่ได้
🏗️ Build Mode — ลากเฟอร์นิเจอร์ / สร้างห้อง
💕 Romance — แต่งงาน / ลูก
🌳 Yard ต้นไม้ / สระว่ายน้ำ / สวน
🏆 Achievements (First Sleep, Social Butterfly, ...)
📸 Photo mode

💡 ทุกฟีเจอร์เพิ่มได้โดยไม่ต้อง rebuild — เป็น single-file vanilla JS