ตัวอย่างเกมแบรนด์ตามรูปแบบ และสิ่งที่ต้องแก้ในแต่ละเกม

ตัวอย่างเกมแบรนด์ดูง่ายกว่าถ้าแยกตามรูปแบบเกม แทนที่จะดูตามแคมเปญดัง เกมต่อตึก เกมหาคำ เกมตอบคำถาม และโต๊ะพูล ต่างวางแบรนด์ไว้คนละจุด: ในสี ในคำ ในคำถาม หรือในสถานที่ เลือกรูปแบบก่อน แล้วบรีฟส่วนที่เหลือจะง่ายขึ้นมาก

หน้านี้รวบรวมสิบสองรูปแบบ แต่ละแบบจับคู่กับเกม HTML5 สำเร็จรูปที่เราขาย บอกว่าเหมาะกับงานแบบไหน แบรนด์อยู่ตรงไหน (ไฟล์จริงตามที่หน้าสินค้าระบุ) ควรแก้อะไรก่อน และข้อจำกัดที่ควรรู้ก่อนซื้อ เราไม่ได้รวบรวมแคมเปญของแบรนด์ต่าง ๆ ตัวอย่างในหน้านี้คือตัวเกมเอง และทุกเดโมเล่นได้ก่อนที่คุณจะจ่ายเงินแม้แต่บาทเดียว

วิธีอ่านตัวอย่างเกมแบรนด์ในหน้านี้

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

เกมทั้งหมดนี้เล่นบนเบราว์เซอร์จากโฮสติ้งแบบสแตติก: ไม่ใช้ PHP ไม่ใช้ฐานข้อมูล ไม่ต้องมีบัญชี เล่นได้ทั้งบนมือถือและคอมพิวเตอร์ ด้วยการแตะหรือเมาส์ และมาพร้อมซอร์สโค้ดที่อ่านเข้าใจได้

เปิดร้านและลองเล่นเดโม

รูปแบบอาร์เคดเล่นเร็ว

รอบสั้น ท่าเดียว มีคะแนน เหมาะกับเว็บไซต์แบรนด์ หน้าแคมเปญ และบูธ ที่คนให้เวลาคุณแค่หนึ่งนาที ไม่ใช่สิบนาที

เกมต่อตึก

• เกม: Trimora (19 ดอลลาร์)
• เหมาะกับ: พักสั้น ๆ บนเว็บไซต์แบรนด์หรือที่บูธ แตะครั้งเดียว มีคะแนนให้ทำลายสถิติ
• แบรนด์อยู่ที่: ชื่อสินค้า ชุดสี และคีย์บันทึกข้อมูลใน brand.ts ส่วนจังหวะและความยากอยู่ใน tuning.ts
• แก้ก่อน: สีและชื่อ แล้ว build ใหม่ด้วย npm
• ข้อควรระวัง: เป็นเกมเก็บคะแนนล้วน ไม่มีโหมดแคมเปญ ร้านค้า หรือภารกิจ

เกมจับจังหวะปุ่มเดียว

• เกม: Pinloop (24 ดอลลาร์)
• เหมาะกับ: ทางเดิน แถวรอคิว และผู้เล่นที่มีสมาธิสั้น
• แบรนด์อยู่ที่: ชื่อเกม สี รายการเป้า 30 ชิ้น และฉากหลัง 12 แบบ ทั้งหมดอยู่ใน brand.ts
• แก้ก่อน: สีและฉากหลัง ถ้าจะเปลี่ยนเป้าให้เป็นสินค้าของคุณ ต้องแก้โค้ดวาดภาพใน skins.ts
• ข้อควรระวัง: เป้าถูกวาดด้วยโค้ด ไม่ได้โหลดจากรูปภาพ การทำรูปทรงสินค้าจึงเป็นงานของนักพัฒนา

เกมอาร์เคดหอคอย 3D

• เกม: Twirldrop (29 ดอลลาร์)
• เหมาะกับ: หน้าเปิดตัวสินค้าที่ต้องการความเคลื่อนไหวและสีสัน
• แบรนด์อยู่ที่: ชื่อ สี และคีย์บันทึกข้อมูลใน brand.ts ส่วนแคมเปญ 30 หอคอยอยู่ใน towers.ts
• แก้ก่อน: สีของหอคอย แล้วจึงแก้หอคอยแรก ๆ ของแคมเปญ
• ข้อควรระวัง: ต้องใช้ WebGL2 ควรทดสอบบนมือถือรุ่นเก่า

เกมพัซเซิลบล็อกพร้อมภารกิจรายวัน

• เกม: Gridspark (29 ดอลลาร์)
• เหมาะกับ: เว็บไซต์แบรนด์ที่อยากให้คนกลับมาบ่อย ๆ
• แบรนด์อยู่ที่: ชุดสีใน src/config.js โลโก้ที่วาดด้วยโค้ดใน logo.js และ render.js ข้อความใน src/locales.js
• แก้ก่อน: ชุดสี เพราะทุกบล็อกใช้สีชุดนี้
• ข้อควรระวัง: ภารกิจรายวันเปลี่ยนเวลา 00:00 UTC ไม่ใช่เที่ยงคืนตามเวลาท้องถิ่น

ดู Trimora เกมต่อตึกแตะครั้งเดียว

รูปแบบเกมคำศัพท์และความรู้

ในกลุ่มนี้แบรนด์สื่อสารผ่านเนื้อหา กลไกเกมคงเดิม เปลี่ยนแค่คำ คำใบ้ หรือคำถาม ซึ่งมักถูกกว่าการวาดภาพใหม่

เกมหาคำ

• เกม: Aurora Words (39 ดอลลาร์)
• เหมาะกับ: แบรนด์ที่มีคำศัพท์เฉพาะ: อาหาร ท่องเที่ยว กีฬา หรือกลุ่มสินค้า
• แบรนด์อยู่ที่: รายการคำเป็นไฟล์ JSON ธรรมดา ภาษาละหนึ่งชุด รวมสิบภาษา เพิ่มธีมใหม่ได้
• แก้ก่อน: ธีมที่ทำจากคำของคุณเอง
• ข้อควรระวัง: แต่ละธีมมีภาพประกอบของตัวเอง ธีมใหม่จึงต้องวางแผนเรื่องภาพด้วย

เกมทายคำจากคำใบ้

• เกม: Letter River (29 ดอลลาร์)
• เหมาะกับ: แบรนด์ที่อยากสื่อสารผ่านคำใบ้
• แบรนด์อยู่ที่: คำและคำใบ้อยู่ในไฟล์เดียวต่อภาษา (อังกฤษ โปรตุเกส สเปน) ส่วนหน้าตาอยู่ใน css/
• แก้ก่อน: เขียนคำใบ้ใหม่ให้เกี่ยวกับหัวข้อของคุณ
• ข้อควรระวัง: หลังแก้ไขให้รันเครื่องมือตรวจที่แถมมา เพื่อให้ทุกด่านยังเล่นได้

เกมตอบคำถาม

• เกม: Zabum (49 ดอลลาร์)
• เหมาะกับ: ให้ความรู้เกี่ยวกับหมวดสินค้าหรือตัวสินค้า
• แบรนด์อยู่ที่: คำถามอยู่ในไฟล์ JSON ภาษาละหนึ่งไฟล์ หมวดหมู่ สี และมาสคอตอยู่ในซอร์สโค้ด ข้อความโลโก้ ไอคอน และเพลง แยกอยู่คนละที่
• แก้ก่อน: คำถามก่อน แล้วจึงชื่อหมวดหมู่
• ข้อควรระวัง: เสียงพิธีกรอัดไว้แค่สามภาษานั้น ภาษาใหม่จะไม่มีเสียงพากย์

รูปแบบพัซเซิลและมาสคอต

เกมที่ผ่อนคลายกว่าและมีตัวละคร มาสคอตทำให้แบรนด์มีหน้าตา งานอยู่ที่ว่าคุณจะเปลี่ยนมันมากแค่ไหน

พัซเซิลมีมาสคอต

• เกม: Tenguin (39 ดอลลาร์)
• เหมาะกับ: แบรนด์ที่อยากสื่อสารแบบเป็นมิตรกับครอบครัว
• แบรนด์อยู่ที่: ชื่อเกม พาธโลโก้ สีเน้น รางวัล และราคา ใน tenguin.config.js โดยไม่ต้อง build ใหม่
• แก้ก่อน: โลโก้และสีเน้นในไฟล์ตั้งค่า
• ข้อควรระวัง: ถ้าจะเปลี่ยนตัวเพนกวิน ต้องวาดภาพใหม่ในซอร์สโค้ด

พัซเซิลจัดเรียงพร้อมตัวละคร

• เกม: Mochi Monsters (39 ดอลลาร์)
• เหมาะกับ: แบรนด์น่ารัก สบาย ๆ และกลุ่มผู้เล่นอายุน้อย
• แบรนด์อยู่ที่: ชื่อบนเบราว์เซอร์ โลโก้ ภาษาเริ่มต้น และคีย์บันทึกข้อมูลใน mochi.config.js ส่วนกติกาและภาพอยู่ในซอร์สโค้ด TypeScript
• แก้ก่อน: โลโก้และชื่อเกม โดยไม่ต้อง build ใหม่
• ข้อควรระวัง: ตัวละครใหม่ต้องแก้ซอร์สโค้ดและ build ใหม่

พัซเซิลคิดนอกกรอบ

• เกม: Brain Mischief (5 ดอลลาร์)
• เหมาะกับ: ทดลองไอเดียด้วยงบน้อย
• แบรนด์อยู่ที่: ข้อความใน source/src/i18n หน้าตาใน style.css ปริศนาใน source/src/levels ภาพ WebP ใน source/assets-web
• แก้ก่อน: ไฟล์สไตล์และหน้าจอเริ่มเกม
• ข้อควรระวัง: มี 30 ปริศนา ถ้าอยากให้เกมยาวขึ้นต้องเขียนเพิ่ม

รูปแบบกีฬาและเกมโต๊ะ

เกมคุ้นเคยที่แบรนด์เป็นเจ้าของสถานที่: สนามกีฬา โต๊ะ สนามกอล์ฟ ร้านกาแฟ เหมาะกับการสปอนเซอร์และผู้เล่นทุกวัย

สปอนเซอร์กีฬา

• เกม: Golazo (49 ดอลลาร์), Velvet Pool (39 ดอลลาร์), Puttide (39 ดอลลาร์)
• เหมาะกับ: แบรนด์กีฬาและแคมเปญวันแข่ง
• แบรนด์อยู่ที่: Golazo: ข้อความบนป้ายสนามใน config.js และสีทีมใน teams.js Velvet Pool: ผ้าโต๊ะและไม้คิวใน progress.js โลโก้ใน assets/logo Puttide: สีใน css/style.css และหลุมของคุณเองในไฟล์สนาม
• แก้ก่อน: พื้นที่สปอนเซอร์: ป้าย ผ้าโต๊ะ หรือสนาม
• ข้อควรระวัง: Golazo ไม่มีตราสโมสรหรือชุดแข่งอย่างเป็นทางการ และไม่ได้อ้างว่าเกี่ยวข้องกับสมาคมใด

เกมโต๊ะและเกมไพ่คลาสสิก

• เกม: Boba Club (49 ดอลลาร์), Pip Club (49 ดอลลาร์), Ludo Cats (49 ดอลลาร์)
• เหมาะกับ: ผู้เล่นทุกวัย: โซลิแทร์ โดมิโน ลูโด
• แบรนด์อยู่ที่: Boba Club และ Pip Club: ชื่อเกม ชื่อเซฟ และภาษาเริ่มต้นในไฟล์ตั้งค่า Ludo Cats: ภาพใน assets/ และกติกาใน js/rules.js
• แก้ก่อน: ชื่อเกมและสีโต๊ะ
• ข้อควรระวัง: การเปลี่ยนภาพเชิงลึกใน Boba Club และ Pip Club ต้องทำผ่านซอร์สโค้ด TypeScript

ดู Golazo และป้ายในสนาม

เลือกรูปแบบด้วยสี่คำถาม

1. คนจะเล่นที่ไหน? บูธเหมาะกับรูปแบบอาร์เคดเล่นเร็ว เว็บไซต์แบรนด์รองรับพัซเซิลรายวันได้ หน้าสำหรับครอบครัวเหมาะกับเกมโต๊ะคลาสสิก
2. เขาจะอยู่นานแค่ไหน? ไม่ถึงหนึ่งนาทีควรเป็นเกมต่อตึกหรือจับจังหวะ หลายนาทีเปิดทางให้เกมคำศัพท์ ตอบคำถาม และเกมตรรกะ
3. คุณมีสินทรัพย์แบรนด์อะไรบ้าง? ชุดสีและโลโก้ที่ชัดเจนเหมาะกับการเปลี่ยนสกิน คำศัพท์เฉพาะเหมาะกับเกมคำ มาสคอตของคุณเองอาจต้องวาดภาพใหม่
4. ใครจะเป็นคนแก้ไฟล์? นักการตลาดแก้ไฟล์ตั้งค่าได้ แต่การ build TypeScript ใหม่ด้วย Node.js และ npm ต้องใช้นักพัฒนา

ถ้าคำตอบของคำถามสุดท้ายคือไม่มีใคร ให้เลือกเกมที่มีไฟล์ตั้งค่าและไม่ต้อง build ใหม่ เช่น Tenguin, Mochi Monsters หรือ Golazo หรือให้เราเสนอราคางานแก้ไข

เมื่อรูปแบบสำเร็จรูปไม่พอ: งานสั่งทำ

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

• หนึ่งไลเซนส์ใช้กับผลิตภัณฑ์ปลายทางหนึ่งชิ้น ของคุณเองหรือของลูกค้าหนึ่งราย ทำ white label ได้
• คุณแก้โค้ด ภาพ และเสียงในผลิตภัณฑ์ของคุณได้ แต่ห้ามขายต่อเทมเพลตหรือโค้ดแยกเป็นชิ้น ๆ
• การซัพพอร์ต: 6 เดือน หรือ 12 เดือนถ้าซื้อส่วนขยาย งานปรับแต่งเสนอราคาแยก
• ถึงวันที่ 30 พฤศจิกายน 2026 โปรโมชัน Black Friday ลด 15% ทุกเทมเพลต และถ้าซื้อหลายเทมเพลตในออร์เดอร์เดียวจะได้ส่วนลดแพ็กเพิ่ม 5% ถึง 20%

ขอใบเสนอราคาหรือสั่งซื้อสำหรับเอเจนซี

คำถามที่พบบ่อย

ตัวอย่างเกมแบรนด์มีอะไรบ้าง?

รูปแบบที่พบบ่อยคือเกมต่อตึกและเกมจับจังหวะในสีของแบรนด์ เกมหาคำด้วยคำศัพท์ของแบรนด์ เกมตอบคำถามเกี่ยวกับหมวดสินค้า พัซเซิลมีมาสคอต และเกมกีฬาหรือเกมโต๊ะที่สปอนเซอร์เป็นเจ้าของสถานที่ หน้านี้จับคู่สิบสองรูปแบบเหล่านี้กับเกมที่คุณเล่นได้ทันที

รูปแบบไหนใส่แบรนด์ได้ถูกที่สุด?

เกมที่มีไฟล์ตั้งค่า ซึ่งเปลี่ยนชื่อ โลโก้ และสีได้โดยไม่ต้อง build ใหม่ เช่น Tenguin, Mochi Monsters หรือ Golazo ถ้าอยากทดลองไอเดีย Brain Mischief มีราคาตั้ง 5 ดอลลาร์

ใส่สินค้าของฉันเข้าไปในเกมได้ไหม?

ในบางรูปแบบได้ เช่น ธีมคำที่ใช้ชื่อสินค้าใน Aurora Words หรือไฟล์โลโก้ของคุณบนโต๊ะ Velvet Pool เป้าของ Pinloop วาดด้วยโค้ด การเปลี่ยนให้เป็นสินค้าจึงเป็นงานของนักพัฒนา ส่วนการเปลี่ยนสินค้าให้เป็นตัวละครที่มีพฤติกรรมของตัวเองถือเป็นงานสั่งทำ

เกมเหล่านี้ติดตามผู้เล่นไหม?

ไม่ ความคืบหน้าเก็บอยู่ในเบราว์เซอร์ของผู้เล่น และเกมไม่ได้เรียกใช้บริการติดตามใด ๆ การวัดผลให้ทำที่หน้าเว็บที่ใส่เกมไว้

เอเจนซีใช้เกมเดียวกับลูกค้าหลายรายได้ไหม?

ไม่ได้ หนึ่งไลเซนส์ใช้กับลูกค้าหนึ่งรายหรือผลิตภัณฑ์ปลายทางหนึ่งชิ้น ลูกค้ารายที่สองต้องใช้ไลเซนส์ที่สอง