Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
NEW
Programming

/

Full-stack

Tạo game tiểu thuyết hình ảnh 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. Tôi sẽ hướng dẫn bạn cách tạo game visual novel trên nền web thông qua SpringAI và React!

(5.0) 3 đánh giá

24 học viên

  • yeseong0412
  • hhhello
실습 중심
AI 활용법
백엔드이해하기
토이프로젝트
리액트감잡기
React
Spring Boot
AI
SpringAI

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

Dịch cái này sang tiếng Việt

  • Phương pháp tạo game trên web (visual novel) sử dụng React

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

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

  • Phương pháp đưa ra ý tưởng độc đáo

Tạo game tiểu thuyết trực quan 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 game tiểu thuyết trực quan.

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

Nhưng khi thực sự muốn thử…
"Frontend, backend? Nên bắt đầu từ đâu nhỉ?"
"Cũng muốn tích hợp AI nhưng GPT API có vẻ khó quá…"
"Chỉ đọc tài liệu thôi mà đã mệt rồi…"

👉 Khóa học này được tạo ra để chấm dứt những do dựcảm giác thất vọng đó.


Hãy xem một lần câu chuyện game mà chúng tôi sẽ tạo ra trong tương lai nhé!

Tôi khuyến nghị cho những người như thế này

🥳

Muốn tạo một frontend độc đáo thay vì chỉ làm CRUD

Những bạn muốn tạo ra dự án đặc biệt thay vì chỉ làm CRUD thông thường

😘

Muốn trải nghiệm cả server và frontend

Những người chỉ làm frontend hoặc chỉ làm server cũng có thể làm cả hai - Tạo game visual novel dựa trên web fullstack

🤩

Tôi muốn làm dự án sử dụng AI

Tạo giá trị phản hồi nhân vật riêng của 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 thì sao?

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

  • Tự tay lập trình frontend bằng React và trải nghiệm nhìn thấy các nhân vật và cảnh vật chuyển động ngay trước mắt.

  • Spring Boot + SpringAI để kết nối backend và triển khai game AI tạo ra lời thoại.

  • Bạn có thể đưa sự kết hợp công nghệ mới nhất "AI + Game + Web App" 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. Lần đầu tiên trên Inflearn, khóa học game visual novel dựa trên web

    • 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 game framework,
      nhưng khóa học này sẽ đề cập đến việc tạo ra game có thể chơi ngay trên web bằng React + Spring Boot + SpringAI.

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

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

    • Đây không phải là bài giảng thông thường chỉ liệt kê lý thuyết.

    • Viết code bằng cách chuyển động tay và có thể di chuyển cảnh và nhân vật ngay trước mắt để cảm nhận thành tựu ngay lập tức.

  3. Ứng dụng thực tế stack công nghệ mới nhất

    • Triển khai UI với React, kết nối backend với Spring Boot, tận dụng GPT API với SpringAI để đồng thời trải nghiệm các công nghệ cốt lõi trong thực tế.

    • Học tập một cách tự nhiên các kỹ năng phát triển web mới nhất 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ỉ đơn thuần là khóa học dạy lập trình.

    • Sử dụng AI để tạo ra lời thoại của nhân vật và cung cấp trải nghiệm thay đổi câu chuyện một cách động.

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

  5. Có thể kết nối với portfolio và thực tế công việc

    • Không phải là một dự án thực hành đơn giản, mà 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 tìm kiếm việc làm, thực tập và hoạt động sáng tạo trong tương lai.


Chúng ta sẽ học những nội dung như thế này

Làm theo Springboot SpringAI

Theo dõi bài giảng để 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 ra câu trả lời theo phong cách nhân vật riêng của mình thông qua lý thuyết và thực hành kỹ thuật prompt engineering đơn giản.

React + JS để tạo game Visual Novel của riêng bạn

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

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

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

  • React + Spring Boot là stack công nghệ 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.

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

"Một ngày nào đó tôi sẽ học…" ngay khi bạn trì hoãn,
đã có ai đó khác đang tạo ra trò chơi riêng mà bạn từng muốn làm.

Xin chào, tôi là người chia sẻ kiến thức Neo!

  • Là một lập trình viên server chuyên về Kotlin, tôi đang tạo ra các khóa học phát triển đa dạng bao gồm phát triển server, triển khai, Spring AI và nhiều chủ đề khác.

  • Tôi đang tiến hành các bài giảng ngắn gọn, đơn giả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ó điều gì thắc mắc không?

Q1. Tôi không giỏi lập trình lắm, liệu có thực sự có thể tạo ra một 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à mục tiêu là dự án toy ngắn gọn và có tác động.
Chỉ cần có kiến thức cơ bản về lập trình là có thể theo kịp, khóa học sẽ tiến hành chủ yếu thực hành bằng cách viết code trực tiếp.
Tôi đã chuẩn bị sẵn các logic phức tạp, các bạn chỉ cần tập trung vào việc cảm nhận niềm vui khi thấy game hoàn thiện trước mắt.

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

👉 Thực ra nếu chỉ "làm một game" thì không nhất thiết phải dùng hết tất cả.
Nhưng khóa học này không chỉ đơn thuần nhằm mục đích "hoàn thành game", mà có mục đích học hỏi các công nghệ cốt lõi được sử dụng trong thực tế thông qua 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ới dịch vụ
    Tức là, sau khi hoàn thành khóa học, bạn sẽ có được không phải là một trò chơi đơn giản mà là dự án web dựa trên AI có thể viết vào portfolio.

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

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

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

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

Những điều cầ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 sử dụng Windows cũng có thể theo dõi được.

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

  • Câu chuyện visual novel của bài giảng được cung cấp trong tài liệu học tập Notion dưới dạng kịch bản đã được viết sẵn.

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

  • Chúng tôi cung cấp tài liệu học tập (liên kết Notion).

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ể theo dõi việc cài đặt chương trình thì bạn có thể tiến hành phát triển mà không gặp khó khăn gì.

  • Biết về kiến thức cơ bản của từng ngôn ngữ thì sẽ thuận tiện 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 viết câu chuyện trực tiếp và tự tạo ra trò chơi tiểu thuyết thị giác của riêng mình

  • Ứng viên phát triể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 ra nội dung tương tác hoạt động trên web

  • Các lập trình viên cấp độ sơ cấp và 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

  • JavaScript

  • Kotlin

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

Xin chào
Đây là

845

Học viên

93

Đánh giá

15

Trả lời

4.7

Xếp hạng

19

Các khóa học

안녕하세요! 인프런에서 강의를 진행하고 있는 Neo 입니다.

평소 접하지 못했던 개발기술들을 다양한 분들이 접할 수 있도록 하는게 제 목표입니다.

그래서 저는 단순한 이론 나열보다 실무 중심의 커리큘럼을 구성하고, 실제로 손을 움직이며 배울 수 있는 실습 위주의 강의를 제공하고자 합니다.

 

초보자도 부담 없이 따라올 수 있도록 최대한 가볍고 친절한 접근으로 내용을 구성하고 있으며, 지식에 대한 진입 장벽을 낮추는 것에 특히 집중하고 있습니다.

가끔은 마음이 같은 분들과 함께 강의 작업을 진행하기도 합니다!

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ả

3 đánh giá

5.0

3 đánh giá

  • yeseong0412님의 프로필 이미지
    yeseong0412

    Đánh giá 18

    Đá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á 9

      Đá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á 9

      Đá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!!

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

    507.431 ₫

    29%

    716.373 ₫

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

    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!