FEATURED CASE STUDY / 04

WEB GAME · TOP-DOWN SURVIVAL

Stickbow Heroes

ฮีโร่ธนูก้าง

หนึ่งนักธนู ท่ามกลางกองทัพที่ไม่มีวันหมด — เกมเอาตัวรอดบนเว็บที่ออกแบบระบบยิงอัตโนมัติ ศัตรูบุกเป็นกอง และ Passive Tree ให้ผู้เล่นสร้างบิลด์ในแบบของตัวเอง

HTML5 CanvasAuto-Attack6 Skill PathsWar Escalation
ภาพปก Stickbow Heroes นักธนูก้างสวมชุดเขียวต่อสู้กับกองทัพศัตรู
01Survival & Auto Combat
06Passive Skill Branches
36Permanent Skill Nodes

THE GAMEPLAY

เคลื่อนที่ หลบ ยิง และเอาตัวรอด

ผู้เล่นควบคุมนักธนูจากมุมมอง Top-Down โดยระบบเล็งเป้าหมายที่อยู่ในระยะให้อัตโนมัติ แต่การหลบธนู เวทพื้นที่ และการบุกของศัตรูเป็นหน้าที่ผู้เล่น — พื้นที่ว่างแต่ละช่องจึงมีความหมาย

LIVE GAMEPLAY / SQUAD COMBAT
ภาพเกมจริง Stickbow Heroes ระหว่างต่อสู้กับกองมอน พร้อมเวทพื้นที่และอินเทอร์เฟซเวฟ

ภาพหน้าจอจริงจากเกม — ช่วงที่ศัตรูบุกเป็นกองและเอฟเฟกต์โจมตีทำงานพร้อมกัน

Auto Aim & Survival

บังคับเดินด้วยปุ่มลูกศรหรือ WASD ส่วนฮีโร่จะเล็งและยิงศัตรูในระยะโดยอัตโนมัติ ผู้เล่นต้องจัดตำแหน่งและหลบการโจมตีให้ดี

Squad Spawn

ศัตรูบุกเป็นกอง ทั้งทหารประชิด โล่ ตัววิ่งเร็ว นักธนู จอมเวท และ Brute ทำให้สกิลโจมตีวงกว้างมีบทบาทจริง

War Escalation

เมื่อทำสถิติถึงเวฟสูงขึ้น รอบใหม่จะมีศัตรูหนาแน่นขึ้นในช่วงต้น ลดเวลารอและเพิ่มความตื่นเต้นของการเล่นซ้ำ

36 Passive Nodes

ต้นไม้ความสามารถถาวร 6 สาย ให้เลือกสร้างบิลด์ด้วยแต้มจำกัด ผสมธาตุ คริติคอล และการเอาชีวิตรอดได้อย่างอิสระ

Elemental Combat

ธนูระเบิด สายฟ้าชิ่ง พิษสะสม น้ำแข็งสโลว์ และปฏิกิริยาลูกโซ่ พร้อมระบบคริติคอลที่ส่งต่อไปยังเอฟเฟกต์ธาตุ

Best Run Build

บันทึกสถิติการเล่นที่ดีที่สุดในเซสชัน พร้อมสถานะ ค่ายฝึก Passive Tree และพรสวรรค์ เพื่อให้ผู้เล่นแชร์วิธีสร้างบิลด์กันได้

START SMALL · GROW STRONG

เริ่มจากหนึ่งคันธนู แล้วสร้างความแข็งแกร่งระหว่างรอบ

ช่วงต้นเกมให้ผู้เล่นเรียนรู้การเคลื่อนที่ การเข้าระยะยิง และการหลบ เมื่อผ่านเวฟสูงขึ้นก็จะพบกองรบที่มีรูปแบบหลากหลายขึ้น

ระหว่างรอบสามารถเลือกพรสวรรค์เพิ่มความสามารถชั่วคราว ส่วนทองและแต้มที่ปลดล็อกจากความคืบหน้าช่วยกำหนดรูปแบบการอัปเกรดสำหรับรอบถัดไป

Keyboard ControlsCombat TelegraphsTalent ChoicesWave Progression
EARLY WAVE / INTRO TO COMBAT
ภาพการเล่น Stickbow Heroes ช่วงต้นเกม ฮีโร่ถือธนูเตรียมต่อสู้กับศัตรู

THE BUILD SYSTEM

Passive Tree ที่เลือกได้ แต่เลือกทั้งหมดไม่ได้

ออกแบบต้นไม้สกิล 6 สาย ได้แก่ ไฟ น้ำแข็ง สายฟ้า พิษ โจมตี และป้องกัน มีโหนดรวม 36 จุด โดยผู้เล่นต้องเลือกเส้นทางภายใต้แต้มที่จำกัด ทำให้แต่ละรอบสามารถทดลองบิลด์ต่างกันได้

FireFrostLightningPoisonPrecisionSurvival
PASSIVE TREE / BUILD PLANNING
ภาพหน้าจอจริง Passive Tree ของ Stickbow Heroes แสดงต้นไม้สกิลหกสาย โหนด และรายละเอียดสกิล Fire Arrow
Build variety: ทุก 4 เวฟที่ไปถึงเป็นครั้งแรกจะช่วยปลดล็อก Passive Points เพิ่มสูงสุด 10 แต้ม และผู้เล่นสามารถ Reset ทั้งต้นไม้ด้วยทองเพื่อทดลองแนวทางใหม่

ENGINEERING BEHIND THE GAME

สนุกแบบเกมเล็ก แต่ระบบทำงานจริงครบวงจร

Stickbow Heroes เป็นตัวอย่างการประยุกต์การออกแบบเกม AI ศัตรู ระบบอัปเกรดและเอฟเฟกต์เข้ากับเทคโนโลยีเว็บ โดยคำนึงถึงการเล่นซ้ำและความชัดเจนของอินเทอร์เฟซ

01

HTML5 Canvas 2D

วาดตัวละครก้าง สนามรบ ลูกธนู และเอฟเฟกต์ผ่านโค้ดแบบเรียลไทม์ โดยไม่พึ่งไฟล์ Sprite สำหรับการแสดงผลหลัก

02

Gameplay Logic

เชื่อมวงจรเกม ตั้งแต่การเกิดของศัตรู AI โจมตี ระยะยิง การชน ไปจนถึงสถานะผิดปกติและการคำนวณความเสียหาย

03

Build & Progression

ออกแบบค่ายฝึก พรสวรรค์ระหว่างรอบ และ Passive Tree ให้มีบทบาทต่างกัน เพื่อสร้างแรงจูงใจในการกลับมาเล่นใหม่

04

Procedural Audio

เสียงยิงธนู คริติคอล ธาตุ และบรรยากาศต่อสู้ด้วย Web Audio API โดยไม่จำเป็นต้องโหลดไฟล์เสียงจากภายนอก

โปรเจกต์นี้แสดงทั้งการออกแบบประสบการณ์ผู้เล่น การเชื่อมตรรกะระบบ และการพัฒนาเกมในรูปแบบที่เปิดเล่นได้ผ่านเว็บเบราว์เซอร์

THE GAME WORLD

หนึ่งนักธนู ปะทะกองทัพไม่สิ้นสุด

ภาพโปรโมตของเกมถ่ายทอดเอกลักษณ์ฮีโร่ธนูก้างและสมรภูมิแฟนตาซี ขณะที่ภาพ Gameplay ด้านบนแสดงหน้าจอการเล่นจริง

ภาพโปรโมตแนวนอน Stickbow Heroes ฮีโร่ธนูก้าง — One Archer, Endless Enemies

PLAY THE PROJECT

พร้อมลองเอาตัวรอดสักรอบไหม?

เปิดเกมในเบราว์เซอร์ เลือกเส้นทางการอัปเกรด แล้วดูว่าบิลด์ของคุณจะไปได้ไกลแค่ไหน

ไปเล่นที่ cyclixto.com/game

ติดต่อ CYCLIXTO

ช่องทางติดต่อและข้อมูลสำนักงาน