Tạo game web RPG nhàn rỗi bằng Claude Code mà không cần lập trình

Sử dụng Claude Code, Vite + TypeScript + HTML5 Canvas để xây dựng một trò chơi RPG nhàn rỗi màn hình dọc trên di động từ đầu đến cuối. Dự án triển khai từng bước các hệ thống cốt lõi như chiến đấu tự động, hệ thống gacha, cường hóa trang bị, và là một dự án phát triển web game thực tế có khả năng phát hành trên Google Play trong tương lai.

1 học viên đang tham gia khóa học này

Độ khó Trung cấp trở lên

Thời gian Không giới hạn

TypeScript
TypeScript
canvas
canvas
mobile
mobile
game-engine
game-engine
vite
vite
TypeScript
TypeScript
canvas
canvas
mobile
mobile
game-engine
game-engine
vite
vite

Bạn sẽ nhận được điều này sau khi học.

  • Thiết kế kiến trúc game dựa trên TypeScript và triển khai công cụ render Canvas

  • Mô hình hóa dữ liệu và cân bằng các hệ thống cốt lõi của RPG như Gacha, cường hóa, và phần thưởng treo máy.

  • Quản lý trạng thái trò chơi dựa trên localStorage và xây dựng ứng dụng di động thông qua Capacitor


Tạo web game RPG nhàn rỗi bằng Claude Code?

Không cần lập trình
chỉ bằng cách ra lệnh bằng lời nói cho Claude Code,

Hoàn thành từ đầu đến cuối một trò chơi web RPG nhàn rỗi trên di động bằng TypeScript + Phaser 3.


Từ lập kế hoạch, phát triển cho đến phát hành!

Bạn có muốn học cách triển khai các hệ thống trò chơi hấp dẫn không?

Hãy tự mình tạo ra các tính năng cốt lõi như chiến đấu tự động, gacha và cường hóa.

Chúng ta sẽ không tự tay gõ từng dòng mã. Thay vào đó, chúng ta sẽ yêu cầu AI coding agent Claude Code bằng tiếng Hàn, sau đó cùng xem xét và chỉnh sửa kết quả để tạo ra một trò chơi thực sự hoạt động.

Từ việc thiết kế vòng lặp chiến đấu tự động đến bảng tỷ lệ gacha, cường hóa trang bị, tự động thi triển kỹ năng, nhiệm vụ·phụ bản·cửa hàng, và cả phần thưởng treo máy (offline) — bạn sẽ tự tay hiện thực hóa từng hệ thống cốt lõi của một game RPG rảnh tay. Thêm vào đó, chúng ta sẽ hoàn thiện trò chơi với độ chỉn chu cao bằng cách đưa vào animation sprite nhân vật/quái vật, nền parallax 3 lớp và cả âm thanh được tổng hợp bằng mã code.


Bạn sẽ học cách triển khai hệ thống chiến đấu tự động, gacha và cường hóa của trò chơi RPG nhàn rỗi trên web bằng Claude Code
, cũng như sprite của người chơi và quái vật,

Bạn sẽ tự mình tạo ra cả bối cảnh và âm thanh.

Sau khi kết thúc khóa học này, bạn sẽ


Bạn có thể tự mình hoàn thành trò chơi Web Idle RPG của riêng mình bằng Claude Code.

  • Ngay cả khi bạn có ít kinh nghiệm lập trình cũng không sao. Bằng cách tận dụng giao diện trực quan của Claude Code, bạn sẽ được trải nghiệm việc hoàn thiện trò chơi của riêng mình thông qua việc triển khai từng bước từ lập kế hoạch trò chơi đến các logic cốt lõi của RPG như chiến đấu tự động, hệ thống gacha và cường hóa trang bị. Bạn sẽ trực tiếp trải nghiệm toàn bộ quá trình phát triển trò chơi và nắm giữ thành quả trong tay.


✔️

Khóa học này sẽ biến giấc mơ phát triển trò chơi web RPG nhàn rỗi của bạn thành hiện thực.

Tự tạo
trò chơi web RPG nhàn rỗi với Claude Code

Trong khóa học này, chúng tôi sẽ hướng dẫn chi tiết quá trình xây dựng một trò chơi web RPG nhàn rỗi trên di động từ đầu đến cuối bằng cách sử dụng Claude Code kết hợp với TypeScript, Vite và HTML5 Canvas mà không cần lập trình thủ công. Bạn sẽ được tích lũy kinh nghiệm thực tế từ việc triển khai các hệ thống cốt lõi như chiến đấu tự động, gacha, cường hóa trang bị cho đến việc phát hành trò chơi lên Google Play.

Hệ thống cốt lõi của RPG được triển khai bằng TypeScript và Canvas

Bạn sẽ được trực tiếp trải nghiệm thiết kế kiến trúc trò chơi dựa trên TypeScript và triển khai công cụ kết xuất Canvas, đồng thời thực hành mô hình hóa dữ liệu và cân bằng các yếu tố cốt lõi của RPG như Gacha, cường hóa và phần thưởng treo máy. Từ quản lý trạng thái trò chơi bằng localStorage đến xây dựng ứng dụng di động thông qua Capacitor, bạn sẽ nắm vững các kỹ thuật có thể áp dụng ngay vào các dự án thực tế.

Mã nguồn hoàn thiện và tài nguyên dự án thực tế

Cung cấp tất cả các tệp dự án Claude Code và các tài nguyên liên quan được sử dụng trong bài giảng. Thông qua toàn bộ mã nguồn của trò chơi đã hoàn thiện bao gồm chiến đấu tự động, hệ thống gacha, hoạt ảnh của người chơi và quái vật, áp dụng bối cảnh, v.v., bạn có thể đào sâu nội dung học tập và phát triển trò chơi bằng cách thêm vào những ý tưởng của riêng mình.


📚

Hoàn thành trò chơi web RPG nhàn rỗi của riêng bạn
mà không cần lập trình!

Phần 1

Bắt đầu phát triển game web RPG nhàn rỗi

Trong phần này, chúng ta sẽ sử dụng Claude Code để thiết lập môi trường cơ bản cho việc phát triển web game RPG nhàn rỗi, đồng thời học từng bước các chức năng cốt lõi từ lập kế hoạch trò chơi đến triển khai hệ thống chiến đấu tự động và gacha. Chúng ta cũng sẽ thực hiện các quy trình nhằm nâng cao độ hoàn thiện cơ bản của trò chơi như áp dụng hiệu ứng hoạt ảnh sprite cho người chơi và quái vật, chèn hình nền và tinh chỉnh âm thanh (sound polishing).


Có thể giải quyết nỗi lo
của những người như thế này!

📌

Nhà phát triển Frontend
Những người muốn tự tay tạo ra các trò chơi web sống động bằng cách sử dụng TypeScript và Canvas API, nhưng vẫn còn bối rối không biết nên bắt đầu từ đâu.


📌

Người mới bắt đầu phát triển trò chơi
Những người đã có kinh nghiệm lập trình nhưng muốn học quy trình cụ thể để tạo ra một trò chơi web di động chất lượng cao chỉ bằng HTML5 Canvas và TypeScript mà không cần dùng đến game engine.


📌

Nhà phát triển trò chơi độc lập
Những người say mê sức hấp dẫn của thể loại RPG nhàn rỗi và muốn tự mình lên kế hoạch cũng như thực hiện trò chơi của riêng mình, nhưng chưa thể biến ý tưởng thành hiện thực do rào cản về lập trình.


Những gì bạn sẽ tạo ra trong khóa học này

  • Màn hình chiến đấu Phaser 3 + Menu DOM/CSS Cấu trúc Hybrid (Màn hình dọc di động 9:16)

  • Vòng lặp chiến đấu tự động: Xuất hiện → Tự động tấn công → Tiêu diệt → Kẻ địch tiếp theo, hiệu ứng số sát thương/chí mạng

  • Gacha (Triệu hồi vũ khí): Tỷ lệ theo cấp độ, triệu hồi 10 lần, trùng lặp → chuyển đổi thành đá cường hóa

  • Trang bị·Cường hóa: Tiêu tốn đá cường hóa, tỷ lệ thành công/thất bại, tăng sức tấn công

  • Hệ thống kỹ năng: 6 ô kỹ năng, thời gian hồi chiêu·năng lượng, tự động thi triển, AOE/sát thương theo thời gian/buff/hồi máu

  • Trưởng thành: Lên cấp, nuôi dưỡng chỉ số vĩnh viễn

  • Nội dung: Nhiệm vụ lặp lại, phó bản hàng ngày, cửa hàng, phần thưởng ngoại tuyến (tối đa 24 giờ)

  • Hiển thị tiền tệ: Đơn vị kiểu Hàn Quốc (Vạn·Ức·Triệu) + Đối phó với lạm phát

  • Hoạt ảnh Sprite: Trạng thái idle·attack·hurt·death của người chơi/quái vật, phân tích khung hình và căn chỉnh điểm neo (anchor)

  • Dàn dựng: Hậu cảnh Parallax Autumn Forest + Sàn Tileset, SFX/BGM tổng hợp bằng Web Audio

  • Lưu trữ: Tự động lưu vào localStorage (trừu tượng hóa có thể thay thế bằng IndexedDB)


💡 Điểm mạnh riêng biệt của khóa học này — "Debugging thực chiến"

Khóa học không chỉ trình bày những trường hợp thuận lợi. Tôi đã đưa vào nguyên vẹn quá trình chẩn đoán và khắc phục những lỗi thực tế phát sinh cùng với Claude Code — từ lỗi NullPointer khiến quái vật chết ngay lập tức, màn hình bị treo sau khi nhận thưởng treo máy, cho đến việc lệch điểm neo (anchor) của sprite hay các đường nối trên lưới gạch (tile grid). Cách giải thích vấn đề và thu hẹp nguyên nhân với AI mới chính là năng lực cốt lõi thực sự. Đây là khóa học quay một lần duy nhất, không qua chỉnh sửa.

Dành cho những người sau đây

  • Những ai muốn tạo ra kết quả thực tế bằng các công cụ lập trình AI như Claude Code

  • Người mới bắt đầu làm game indie muốn tự mình lên kế hoạch và triển khai một trò chơi Idle RPG.

  • Nhà phát triển Frontend muốn làm quen với cấu trúc game web 2D bằng Phaser 3 + TypeScript

Kiến thức tiên quyết (có thì tốt, không bắt buộc)

  • Nếu bạn đã từng xem qua HTML/CSS/JavaScript, việc kiểm tra kết quả sẽ dễ dàng hơn.

  • Khóa học sẽ được tiến hành để bạn có thể theo kịp ngay cả khi không biết về TypeScript, nhưng sẽ nhanh hơn nếu bạn nắm rõ các khái niệm cơ bản.

  • Vì đây là phương pháp ra lệnh và kiểm tra Claude Code thay vì trực tiếp viết mã, nên dù bạn có ít kinh nghiệm lập trình cũng không sao





Lưu ý trước khi tham gia khóa học


Môi trường thực hành

  • Hệ điều hành: Có thể sử dụng trên cả Windows, macOS và Linux.

  • Công cụ bắt buộc: Cần có trình chỉnh sửa mã VS Code (Visual Studio Code).

  • Cấu hình PC: Khuyến nghị RAM từ 8GB trở lên để quá trình phát triển diễn ra suôn sẻ.

Kiến thức tiên quyết và lưu ý

  • Sẽ rất hữu ích nếu bạn đã có kinh nghiệm phát triển web.

  • Sẽ rất tốt nếu bạn hiểu các nội dung cơ bản về TypeScript và JavaScript.

  • Sẽ rất tốt nếu bạn hiểu các khái niệm về lập trình hướng đối tượng.

Tài liệu học tập

  • Cung cấp tệp dự án cuối cùng.

  • Bạn có thể tham khảo các tài liệu liên quan đến cách sử dụng Claude Code.



Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Nhà phát triển Frontend đã có kinh nghiệm phát triển web và muốn thử sức với phát triển game

  • Nhà phát triển cấp trung muốn thực hiện dự án thực tế sử dụng TypeScript và Canvas API

  • Nhà thiết kế và phát triển trò chơi muốn trực tiếp triển khai cơ chế trò chơi thuộc thể loại RPG nhàn rỗi (Idle RPG)

Cần biết trước khi bắt đầu?

  • Hiểu cú pháp cơ bản của JavaScript/TypeScript và hệ thống mô-đun ES6+

  • Kiến thức cơ bản về HTML5 Canvas API hoặc kinh nghiệm kết xuất đồ họa 2D

  • Kinh nghiệm sử dụng các công cụ build hiện đại như Vite hoặc Webpack

Xin chào
Đây là kosart

Xác minh sự nghiệp

1,025

Học viên

57

Đánh giá

53

Trả lời

4.3

Xếp hạng

20

Các khóa học

Huấn luyện khắc nghiệt tại Học viện Coding

Các nhân viên văn phòng/sinh viên/nhà phát triển độc lập (indie) tập trung lại để cùng nhau học tập.

Tôi chủ yếu giảng dạy các khóa học về Java hoặc xây dựng danh mục dự án (portfolio) lập trình game.

Sàn giao dịch blockchain, sàn giao dịch chứng khoán, server game, client game cho các công ty và phát triển thuê ngoài (outsourcing)

Giám đốc công ty đào tạo và phát triển game

Giảng dạy tại học viện, làm freelancer ngoài và phát triển game indie

(Unity Korea, Phòng Thương mại và Công nghiệp Hàn Quốc, Atevers Learning) Giảng dạy trực tiếp tại Unity Bootcamp

Unity Certified Instructor

Nhiều kinh nghiệm phát triển và giảng dạy, bao gồm các bài giảng Unity tại Cơ sở Tài năng Nội dung (Hongneung)

Hoạt động giảng dạy nghiên cứu và phát triển cùng với các nhà phát triển đang làm việc, nhà phát triển indie và nhóm Kosat.

 Unity Certified Professional: Programmer

Giảng viên đào tạo Like Lion

Nhóm 3 học viên thuộc đội ngũ Kosat Indie

111Percent, hỗ trợ 3 tỷ won cho ‘Super Fast Batch’

Chiến thắng khóa 2

 

Bắt đầu tuyển dụng đội ngũ indie mới khóa 2

 

 

Thêm

Đánh giá

Chưa có đủ đánh giá.
Hãy trở thành tác giả của một đánh giá giúp mọi người!

Khóa học khác của kosart

Hãy khám phá các khóa học khác của giảng viên!

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!

Ưu đãi có thời hạn

15 ₫

48%

805.339 ₫