강의

멘토링

로드맵

Inflearn brand logo image
BEST
Game Dev

/

Game Programming

Tìm hiểu web tương tác bằng cách tạo trò chơi trên web! JAVASCRIPT

Một lớp học nơi bạn có thể tạo trò chơi web và học các kỹ năng phát triển web front-end! Chúng tôi đã tạo một lớp về cách tạo trò chơi bằng JavaScript, CSS và HTML bằng ý tưởng của riêng mình!

(4.8) 22 đánh giá

364 học viên

  • ggangcoding162118
Interactive Web
JavaScript
HTML/CSS

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

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

  • Tìm hiểu các nguyên tắc hoạt hình trên web và triển khai web tương tác một cách tự nhiên trong khi tạo trò chơi!

Tạo trò chơi và học kỹ năng phát triển web FE!

Giới thiệu bài giảng

Video chơi trò chơi trên web

Các dự án công việc gần đây

Hãy thử tạo ra nhiều chuyển động khác nhau!

Tạo nhiều chuyển động khác nhau cho anh hùng để phản ứng với các phím bấm, quái vật, phi tiêu, hiệu ứng sát thương, v.v.

Ngăn chặn lũ quái vật đang lao tới!

Hãy triển khai tính năng va chạm và tạo một màn chơi chặn quái vật đang lao tới. Chúng ta sẽ tạo một màn chơi lặp lại vô hạn và hai màn chơi do nhà phát triển chỉ định .

Nói chuyện với NPC và hoàn thành nhiệm vụ!

Tạo nhiệm vụ trò chơi và tính năng cho phép bạn tương tác với NPC . Hoàn thành nhiệm vụ và nhận phần thưởng .

Nâng cấp và điều chỉnh chỉ số anh hùng của bạn!

Hãy tạo chức năng tăng cấp bằng cách quản lý điểm sức khỏe và kinh nghiệm của anh hùng, đồng thời thay đổi chỉ số của anh hùng.

Tính năng lớp học

  • Lớp học sẽ được tiến hành bằng VanillaJS .
  • Tôi đã chia nhỏ nó thành nhiều phần nhất có thể để dễ hiểu hơn và bớt nhàm chán hơn .
  • Chúng ta học bằng cách cùng nhau sáng tạo theo trình tự .
  • Đây là một lớp học thú vị vì chúng ta có thể học trong khi chơi trò chơi.
  • Nó liên quan nhiều đến mảng, đối tượng và vòng lặp .
  • Bạn có thể học nhiều kỹ năng web khác nhau được sử dụng trong phát triển front-end khi tạo trò chơi.
  • Tương tự như nguyên tắc tạo trò chơi bằng Canvas, nhưng sẽ dễ dàng hơn khi sử dụng kết hợp HTML/CSS.
  • Khoảng 9 giờ! Chúng tôi sẽ giải thích mọi thứ chi tiết nhất có thể. (Tổng cộng 52 bài học)
  • Học nhiều kỹ năng khác nhau có thể giúp bạn tăng lương .

Xin lưu ý

  • Sử dụng cú pháp JavaScript ES6 .
  • Chúng tôi không sử dụng thư viện nguồn mở .
  • Nếu bạn có bất kỳ câu hỏi nào về lớp học, vui lòng đăng lên mục Hỏi & Đáp! Chúng tôi có đội ngũ hỗ trợ rất mạnh mẽ .
  • Khóa học này không hướng đến việc tạo ra một trò chơi hướng đến mục tiêu phát hành chính thức. Thay vào đó, chúng ta sẽ tạo một trò chơi web đơn giản bằng HTML, CSS và JavaScript.
  • Bạn cần có kiến thức cơ bản về HTML, CSS và JavaScript. Lớp học sẽ không đề cập đến ngữ pháp cơ bản .
  • Ngoại trừ ngữ pháp cơ bản, các nguyên tắc triển khai được giải thích chi tiết nhất có thể trong khi tạo chúng theo trình tự.
  • Trọng số của lớp học là khoảng 80% JavaScript và 20% HTML/CSS.
  • Việc phân phối miễn phí mã từ khóa học này là bị nghiêm cấm .
  • Trò chơi có thể có đôi chút khác biệt tùy thuộc vào hệ thống và môi trường trình duyệt.

Câu hỏi dự kiến Hỏi & Đáp

H. Nó hoạt động trên những trình duyệt nào?
A. Các trò chơi chúng tôi tạo ra trong lớp đã được thử nghiệm trên các phiên bản mới nhất của Chrome, Safari, Opera, Firefox và Edge .
H. Có những khác biệt gì tùy thuộc vào môi trường hệ thống và trình duyệt?
A. Vì đây là trò chơi chạy trên trình duyệt nên có thể có một số khác biệt nhỏ về độ mượt mà .
H. Sinh viên không chuyên ngành cũng có thể tham gia khóa học này không?
A. Tôi nghĩ ngay cả những người không chuyên ngành cũng có thể theo dõi được nếu họ biết ngữ pháp cơ bản của HTML, CSS và JavaScript.

Chương trình giảng dạy phong phú gồm 52 bài giảng và khoảng 9 giờ nội dung!
Vui lòng kiểm tra bên dưới.

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

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

  • Những người quan tâm đến UI/UX!

  • Những người tìm việc muốn tạo một danh mục đầu tư đặc biệt!

  • Hoạt hình web! Những người quan tâm đến sự tương tác!

  • Những người muốn học các kỹ năng front-end khác nhau!

  • Những người muốn tăng lương bằng cách nâng cao kỹ năng của mình!

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

  • JAVASCRIPT, CSS, HTML

Xin chào
Đây là

1,330

Học viên

71

Đánh giá

163

Trả lời

4.7

Xếp hạng

3

Các khóa học

안녕하세요. 백엔드 개발자로 시작해 프론트엔드 개발자로 전향해서 UI 개발에 푹 빠져있는 깡코딩입니다. :)

 

10여 년 동안 다수의 기업 홈페이지와 쇼핑몰 SI 소상공인 홈페이지를 제작하며 알게 된 UI/UX 제작 기법 노하우 등을 공유하기 위해 이 강의를 시작하게 되었습니다. 국내 여러 대기업 프로젝트를 경험했고 소상공인에게 초점을 맞춘 홈페이지 제작 사업도 하였습니다.

 

저는 가끔 국내 코딩관련 커뮤니티에서 취미로 만든 애플 인터렉션과 창작 인터렉션을 공유하며 재밌는 기술을 소개했었는데요

많은 분들의 관심을 주셔서 이렇게 강의까지 만들게 되었습니다.

 

제가 만들어갈 강의는 표준 브라우저를 고려하고 실무에서 사용 가능한 감탄사가 절로 나오는 다양하고 멋진 인터렉션과 모션그래픽을 만드는 방법들을 알려드릴 예정이고 프론트 개발자나, 웹퍼블리셔가 솔루션을 이용해 홈페이지, 쇼핑몰 등을 바닥부터 만들 수 있는 강의도 만들 예정입니다.

 

그럼 수업에서 뵙겠습니다 :)

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

Tất cả

55 bài giảng ∙ (8giờ 54phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

22 đánh giá

4.8

22 đánh giá

  • 이거사면공부할까?님의 프로필 이미지
    이거사면공부할까?

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    재미있고 반복되는 코드 사용을 통해 Class개념과 배열 및 오브젝트 관리에 대한 이해가 한층 높아졌음 추천할만 합니다. 일단 다른것보다 게임을 만든다고 생각하니까 강의를 계속 듣고 싶어져서 추천함

    • 깡코딩
      Giảng viên

      안녕하세요 :) 소중한 수강평 감사합니다. ^^..

  • 박준규님의 프로필 이미지
    박준규

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    인터렉션에 흥미가 있어 듣게되었는데, 어려운 js의 object와 class, 배열, 반복문 등을 쉽고 재미있게 풀어내서 이해가 잘 되었던거 같아요! 저는 두번 반복해서 만들었고 배운개념 활용해서 저만의 게임을 만들러 가보겠습니다 . 좋은강의 감사합니다~!

    • 깡코딩
      Giảng viên

      안녕하세요:) 준규님 기능 구현 질문을 올려주셔서 기억하고 있었는데 혼자서 해결하셨나보네요 :) 축하드립니다. 소중한 수강평 감사합니다 :)

  • jinuLee님의 프로필 이미지
    jinuLee

    Đánh giá 6

    Đánh giá trung bình 4.7

    5

    100% đã tham gia

    강의 덕분에 다양한 기능과 구현 방법을 알게됐습니다. 무엇보다 Object, Class 개념을 확실히 잡을 수 있었습니다. 이 이유하나 만으로도 들을 이유가 충분합니다:D 좋은 강의 감사합니다.

    • 깡코딩
      Giảng viên

      안녕하세요:) 도움이 되었다니 기쁘네요! 소중한 수강평 감사합니다. 새해 복 많이 받으세요^_^

  • 배가현님의 프로필 이미지
    배가현

    Đánh giá 7

    Đánh giá trung bình 5.0

    5

    36% đã tham gia

    인프런에서 인터렉트브웹을 만드는 강의를 많이 들었지만, 정말 많이 유익하고 도움이 되네요! 강의 시간도 좋고, 내용도 정말 좋네요! 좋은 강의 감사합니다. 저도 많이 훈련해서 나중에 누군가에게 도움이 되는 강의를 만들고 싶어지네요! 2022년 새해 복 많이받으세요!

    • 깡코딩
      Giảng viên

      안녕하세요 :) 새해부터 이렇게 기분 좋아지는 글을 보게되어 한편으론 마음이 무겁지만 한편으론 힘도나고 너무 기쁘네요 :) 감사합니다. 새해 복 많이 많이 받으시고 좋은일만 가득하길 바라겠습니다 ^___^

  • hyejun님의 프로필 이미지
    hyejun

    Đánh giá 7

    Đánh giá trung bình 5.0

    5

    55% đã tham gia

    친절하고 단계별 강의가 돋보입니다!~ 굳이에요 굳굳

    • 깡코딩
      Giảng viên

      안녕하세요 :) 도움이 되었다니 기쁘네요! 소중한 수강평 감사합니다 :D

1.853.441 ₫

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

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!