
Dự án bản đồ ô vuông Unity 2D
kosart
Đây là bài giảng nơi bạn có thể nghiên cứu các công nghệ bản đồ ô Unity.
Cơ bản
Unity, C#, unity2d
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.
24 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
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
Không cần lập trình
Chỉ cần 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 với 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 nhau 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ừ thiết kế vòng lặp tự động chiến đấu đế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, cho đến phần thưởng treo máy (ngoại tuyến) — bạn sẽ trực tiếp triển khai 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 áp dụng animation sprite nhân vật/quái vật, nền parallax 3 lớp và âm thanh được tổng hợp bằng mã nguồn.
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.
Dù 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 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.
Trong khóa học này, chúng tôi sẽ hướng dẫn chi tiết quá trình tạo ra 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 mà không cần lập trình, kết hợp với TypeScript, Vite và HTML5 Canvas. Bạn sẽ có được 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 có thể phát hành trò chơi lên Google Play.
Hình ảnh trò chơi web nhàn rỗi
Bạn sẽ được trực tiếp trải nghiệm thiết kế kiến trúc game dựa trên TypeScript và triển khai công cụ render Canvas, đồng thời thực hành 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. Từ việc quản lý trạng thái trò chơi bằng localStorage đến việc 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ế.
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 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.
Phần 1
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 trò chơi web RPG nhàn rỗi, đồng thời học từng bước các tính 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 bước để nâng cao độ hoàn thiện cơ bản của trò chơi như áp dụng hiệu ứng hoạt hì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ấu trúc hỗn hợp Phaser 3 màn hình chiến đấu + Menu DOM/CSS (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 bậc, 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, hồi chiêu·năng lượng, tự động thi triển, AOE/sát thương duy trì/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 treo máy (tối đa 24 giờ)
Hiển thị tiền tệ: Đơn vị kiểu Hàn Quốc (Vạn, Ức, Triệu tỷ) + Đối ứng 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 gạch Tileset, SFX/BGM tổng hợp 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)
TypeScript, canvas, mobile, game-engine, vite
Khóa học không chỉ hiển thị những lộ trình thuận lợi (happy path). Nó bao gồm nguyên vẹn quá trình chẩn đoán và sửa chữa các lỗi thực tế phát sinh cùng với Claude Code — từ lỗi NullPointer do 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, sai lệch điểm neo (anchor) của sprite, cho đến 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à bài giảng quay một lần (one-take) và không qua chỉnh sửa.
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 RPG nhàn rỗi (idle)
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
Xác nhận quy trình làm việc (workflow) tự động phát hành lên Google Play bằng cách sử dụng Hermes Agent
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.
TypeScript được tiến hành để bạn có thể theo kịp ngay cả khi không biết, nhưng nếu biết các khái niệm cơ bản thì sẽ nhanh hơ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
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 soạn thảo 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.
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
Xác minh sự nghiệp
1,063
Học viên
58
Đá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
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.
Giảng viên đào tạo Like Lion
Bắt đầu tuyển dụng đội ngũ indie mới khóa 2
Tất cả
19 bài giảng ∙ (5giờ 5phút)
Tài liệu khóa học:
Hãy khám phá các khóa học khác của giảng viên!
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, kết thúc sau 20:34:41 ngày
80 ₫
29%
3.099.041 ₫