강의

멘토링

커뮤니티

Programming

/

Full-stack

Tạo game visual novel của riêng bạn chỉ trong một ngày

Hãy tạo game visual novel của riêng bạn thông qua React, Javascript, SpringAI, Springboot. Chúng tôi sẽ hướng dẫn bạn cách tạo game visual novel trên nền tảng web thông qua SpringAI và React! Neo + Essential

(4.3) 4 đánh giá

51 học viên

Độ khó Cơ bản

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

  • Neo
  • Essential
React
React
Spring Boot
Spring Boot
AI
AI
SpringAI
SpringAI
React
React
Spring Boot
Spring Boot
AI
AI
SpringAI
SpringAI

Đánh giá từ những học viên đầu tiên

Đánh giá từ những học viên đầu tiên

4.3

5.0

Neo

100% đã tham gia

Bạn có thể tạo một trò chơi visual novel dựa trên web

5.0

DKN

100% đã tham gia

Ý tưởng này thật mới lạ, rất thú vị~

5.0

HelloWorld

100% đã tham gia

Dự án thật thú vị nhỉ, tôi xem rồi và sẽ đi đây

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

  • Cách tạo game trên nền web (visual novel) sử dụng React

  • Tạo website hấp dẫn bằng cách áp dụng hiệu ứng và animation đơn giản

  • Cách sử dụng SpringAI (GPT API)

  • Phương pháp đưa ra ý tưởng sáng tạo

Tạo game tiểu thuyết hình ảnh của riêng bạn chỉ trong một ngày

React, Spring Boot, trí tuệ nhân tạo (AI), SpringAI

🚀 Chỉ trong một ngày, ý tưởng của bạn sẽ trở thành một trò chơi visual novel.

Những trò chơi bạn tiếp xúc hàng ngày,
ít nhất một trong số đó bạn đã từng nghĩ "Mình cũng muốn thử làm một cái", phải không?

Nhưng khi thực sự muốn thử thì…
"Front-end, back-end? Phải bắt đầu từ đâu đây?"
"Muốn tích hợp AI nhưng GPT API trông có vẻ khó quá…"
"Chỉ đọc tài liệu hướng dẫn thôi mà đã mệt rồi…"

👉 Khóa học này được tạo ra để kết thúc sự do dựthất vọng đó.


Hãy xem câu chuyện trò chơi mà chúng ta sẽ tạo ra nhé!

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

🥳

Muốn tạo một giao diện frontend độc đáo thay vì chỉ CRUD

Những bạn muốn làm dự án độc đáo khác với CRUD thông thường

😘

Muốn trải nghiệm cả server và front-end cùng lúc

Tạo game visual novel trên nền tảng web fullstack cho cả những người chỉ làm frontend hoặc chỉ làm server đều có thể làm được cả hai

🤩

Muốn thực hiện dự án ứng dụng AI

Hãy tạo phản hồi nhân vật của riêng bạn bằng cách gọi GPT API với SpringAI

🎮 Sau khi hoàn thành khóa học này?

  • Chỉ trong một ngày, hoàn thành game visual novel với câu chuyện riêng của bạn.

  • Tự tay xây dựng giao diện với React và trải nghiệm nhân vật cùng cảnh quay chuyển động ngay trước mắt.

  • Kết nối backend với Spring Boot + SpringAI để xây dựng trò chơi có AI tạo lời thoại.

  • "AI + Game + Web App" - bạn có thể đưa sự kết hợp công nghệ mới nhất này vào portfolio của mình.

Đặc điểm của khóa học này

🎯 Đặc điểm cốt lõi & điểm khác biệt của khóa học này

  1. Khóa học game visual novel trên nền tảng web đầu tiên tại Inflearn

    • Trước đây, hầu hết các khóa học về game visual novel đều tập trung vào Unity hoặc các framework game,
      nhưng khóa học này sử dụng React + Spring Boot + SpringAI để tạo ra game có thể chơi ngay trên web.

    • Đây là khóa học độc nhất có thể học "trò chơi tương tác tích hợp AI trong môi trường web".

  2. Tập trung vào thực hành, hoàn thành sản phẩm trong một ngày

    • Đây không phải là khóa học chỉ liệt kê lý thuyết thông thường.

    • Viết code bằng chính đôi tay của bạn, di chuyển cảnh và nhân vật ngay trước mắt và cảm nhận thành tựu tức thì..

  3. Áp dụng thực tế công nghệ hiện đại

    • Trải nghiệm đồng thời các kỹ thuật cốt lõi trong thực tế từ xây dựng UI với React, kết nối backend với Spring Boot, đến tận dụng GPT API bằng SpringAI.

    • Học tập các kỹ năng phát triển web hiện đại một cách tự nhiên thông qua chủ đề thú vị là phát triển game.

  4. Kết hợp AI và sáng tạo

    • Đây không chỉ là khóa học dạy lập trình đơn thuần.

    • Sử dụng AI để tạo ra lời thoại nhân vật và mang đến trải nghiệm thay đổi cốt truyện một cách động.

    • Đây là khóa học độc nhất vô nhị giúp bạn trải nghiệm đồng thời sáng tạo và phát triển.

  5. Có thể liên kết với portfolio và thực tế

    • Không chỉ là một dự án thực hành đơn giản, mà còn cung cấp mức độ hoàn thiện có thể đưa vào portfolio.

    • Sự kết hợp "AI + Web + Game" sẽ trở thành yếu tố khác biệt mạnh mẽ trong việc xin việc, thực tập và hoạt động sáng tạo trong tương lai.


Bạn sẽ học được những gì sau đây

Làm theo Springboot SpringAI

Theo dõi khóa học, bạn sẽ học cách gọi ChatGPT API thông qua SpringAI và tôi sẽ hướng dẫn bạn cách tạo câu trả lời nhân vật của riêng mình thông qua lý thuyết và thực hành kỹ thuật prompt engineering đơn giản.

Tạo game tiểu thuyết trực quan của riêng bạn với React + JS

Tôi sẽ giải thích về phương pháp thể hiện những ý tưởng độc đáo của các bạn thông qua việc tạo game visual novel web của riêng mình bằng React - một ý tưởng mà bạn không thể tìm thấy ở nơi khác.

😱 Lý do bạn không nên bỏ lỡ khóa học này

  • Hiện nay 'AI + Sáng tạo' đang là xu hướng.
    Trải nghiệm và tạo ra sản phẩm trước người khác chính là khởi đầu của sức cạnh tranh.

  • React + Spring Boot - bộ kỹ năng cốt lõi trong thực tế - được học thông qua chủ đề thú vị là game, nên hoàn toàn không hề nhàm chán. through the interesting topic of games, it's never boring.

  • Khóa học này không tập trung vào lý thuyết.
    Bạn sẽ trực tiếp viết code, xác nhận kết quả bằng mắt và nắm trong tay sản phẩm hoàn chỉnh.

"Một ngày nào đó mình sẽ học..." - Ngay khi bạn trì hoãn,
đã có ai đó đang tạo ra trò chơi của riêng mình mà bạn từng muốn làm.

Xin chào, tôi là giảng viên Neo!

  • Là một lập trình viên server chủ yếu sử dụng Kotlin, tôi đang tạo ra các khóa học lập trình đa dạng như phát triển server, triển khai, Spring AI và nhiều hơn nữa.

  • Tôi đang tiến hành các khóa học ngắn gọn và súc tích, tập trung vào thực hành hơn là lý thuyết.

  • Tôi đang tạo ra các khóa học để mọi người có thể dễ dàng và thuận tiện theo dõi các dự án đa dạng, và phương châm của tôi là giúp nhiều người có thể dễ dàng trải nghiệm những điều mà họ chưa từng trải nghiệm trước đây.

Bạn có thắc mắc gì không?

Q1. Tôi không giỏi lập trình lắm, liệu có thật sự có thể làm game trong một ngày không?

👉 Khóa học này không hướng đến "dự án quy mô lớn", mà là dự án toy ngắn gọn và có tác động mạnh.
Chỉ cần có kiến thức cơ bản về lập trình là bạn có thể theo kịp, khóa học được tiến hành theo hướng thực hành bằng cách viết code trực tiếp.
Các logic phức tạp tôi đã chuẩn bị sẵn, bạn chỉ cần tập trung vào việc cảm nhận niềm vui khi game được hoàn thành ngay trước mắt.

Q2. Có nhất thiết phải học cả React, SpringBoot và SpringAI cùng lúc không?

👉 Thực ra nếu chỉ "làm một trò chơi" thì không nhất thiết phải dùng tất cả.
Tuy nhiên, khóa học này không chỉ đơn thuần nhằm mục đích "hoàn thành trò chơi", mà là làm quen với các công nghệ cốt lõi được sử dụng trong thực tế thông qua một dự án thú vị.

  • React → Công nghệ cốt lõi frontend

  • Spring Boot → Cấu trúc backend ổn định

  • SpringAI → Cách kết nối AI vào dịch vụ
    Nói cách khác, sau khi hoàn thành khóa học, bạn sẽ có được không chỉ một trò chơi đơn giản mà là một dự án web dựa trên AI có thể ghi vào portfolio.

Q4. Sau khi hoàn thành khóa học này, tôi có thể ứng dụng vào đâu?

👉 Có nhiều hướng khác nhau.

  1. Với tư cách là nhà sáng tạo: Bạn có thể phát hành câu chuyện do chính mình viết thành game trên nền tảng web.

  2. Với tư cách là lập trình viên: Bạn có thể đưa kinh nghiệm kết hợp React + SpringBoot + AI vào portfolio để thể hiện trong công việc thực tế.
    Việc tạo ra một game là "trải nghiệm thú vị", nhưng đồng thời cũng sẽ trở thành điểm mạnh nổi bật trong CV của bạn.

Lưu ý trước khi học

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

  • Khóa học được thực hiện trên môi trường MacOS nhưng tôi nghĩ những bạn dùng Windows cũng có thể theo được.

  • Chúng tôi sẽ hướng dẫn cách cài đặt & thiết lập Intellij, Postman, GPT, v.v. được sử dụng trong khóa học.

  • Câu chuyện tiểu thuyết trực quan của khóa học được cung cấp dưới dạng kịch bản đã viết sẵn trong tài liệu học tập Notion.

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

  • Tài liệu học tập (link Notion) sẽ được cung cấp.

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

  • Nếu bạn đã có kinh nghiệm phát triển thì có thể theo dõi mà không gặp khó khăn gì.

  • Nếu bạn yêu thích máy tính và có thể làm theo hướng dẫn cài đặt chương trình thì có thể tiến hành phát triển mà không gặp khó khăn gì.

  • Sẽ thuận tiện hơn nếu bạn biết kiến thức cơ bản về từng ngôn ngữ, nhưng không biết cũng không sao.

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

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

  • Người muốn tự viết câu chuyện và tạo ra trò chơi visual novel của riêng mình

  • Người mong muốn trở thành lập trình viên frontend muốn áp dụng React vào dự án thực tế

  • Nhà sáng tạo quan tâm đến việc tạo nội dung tương tác hoạt động trên web

  • Lập trình viên cấp độ sơ cấp đến trung cấp muốn tạo ra một ứng dụng web hoàn chỉnh trong thời gian ngắn

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

  • React (React là tên riêng của thư viện JavaScript, giữ nguyên không dịch)

  • JavaScript

  • Kotlin

  • Kỹ thuật lập trình cơ bản

Xin chào
Đây là

2,264

Học viên

255

Đánh giá

39

Trả lời

4.7

Xếp hạng

29

Các khóa học

Xin chào! Tôi là Neo, hiện đang giảng dạy tại Inflearn.

Mục tiêu của tôi là giúp nhiều người có thể tiếp cận với những công nghệ phát triển mà họ thường ít có cơ hội tiếp xúc.

Vì vậy, thay vì chỉ liệt kê lý thuyết đơn thuần, tôi muốn xây dựng một lộ trình học tập tập trung vào thực tiễn và cung cấp các bài giảng chú trọng vào thực hành để người học có thể tiếp thu mà không gặp phải các trở ngại kỹ thuật.

Nội dung được xây dựng với cách tiếp cận nhẹ nhàng và thân thiện nhất có thể để ngay cả những người mới bắt đầu cũng có thể dễ dàng theo kịp, và tôi đặc biệt tập trung vào việc giảm bớt rào cản gia nhập đối với kiến thức.
Đôi khi tôi cũng thực hiện các dự án bài giảng cùng với những người có cùng chí hướng!

Mọi thắc mắc về hợp tác và kinh doanh khác, vui lòng gửi về yeseong0412@gmail.com!

Chương trình giảng dạy

Tất cả

15 bài giảng ∙ (2giờ 18phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

4 đánh giá

4.3

4 đánh giá

  • yeseong0412님의 프로필 이미지
    yeseong0412

    Đánh giá 30

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Bạn có thể tạo một trò chơi visual novel dựa trên web

    • loward님의 프로필 이미지
      loward

      Đánh giá 21

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      Ý tưởng này thật mới lạ, rất thú vị~

      • yeseong0412
        Giảng viên

        Cảm ơn bạn! Tôi sẽ cố gắng để có thể mang đến những khóa học tốt hơn nữa!!

    • dkssudgktpdy님의 프로필 이미지
      dkssudgktpdy

      Đánh giá 20

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      Dự án thật thú vị nhỉ, tôi xem rồi và sẽ đi đây

      • yeseong0412
        Giảng viên

        Cảm ơn bạn đã nghe bài giảng! Tôi sẽ quay lại với những bài giảng thú vị hơn nữa!!

    • woogong님의 프로필 이미지
      woogong

      Đánh giá 15

      Đánh giá trung bình 4.1

      2

      100% đã tham gia

      • yeseong0412
        Giảng viên

        Xin chào, cảm ơn bạn đã tham gia khóa học! Tôi rất muốn biết lý do vì sao bạn lại đánh giá 2 sao cho khóa học này. Nếu bạn có thể cho tôi biết phản hồi, tôi sẽ dựa vào đó để cập nhật và điều chỉnh nội dung khóa học cho phù hợp hơn! Rất mong bạn có thể để lại câu trả lời trong phần đặt câu hỏi hoặc ngay tại bình luận này. Xin cảm ơn bạn!

    704.830 ₫

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

    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!