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

/

Web Development

Web game that lets you learn by following along

This course will teach you how to develop web games.

(4.2) 6 reviews

117 learners

  • johnahn
React

Reviews from Early Learners

What you will learn!

  • React

  • webgl

  • game engine

  • playcanvas

  • nakama server

Web games made with JavaScript!
Even if it's your first time playing a web game, just follow along 🦾

If you follow along, you can play web games in no time? 🎮

Attention those who want to try something new and unfamiliar! Here's a course that teaches you how to create web games using JavaScript. Web games require enormous traffic and complex logic. Expand your development horizons by creating web games.

Drawing on my development experience with projects like Korbit Town and Shinhan Metaverse, I wanted to create a course that anyone can learn by building web games . In this course, you'll learn how to leverage 3D assets built with web technologies to create games. Even if you don't have any prior experience building web games, anyone familiar with JavaScript and React should be able to follow along without much difficulty.

A service example created using this technology in practice (participated as a full-stack main developer)
Cobit Town

https://www.youtube.com/watch?v=sV1WR0mlXxE
Shinhan Metaverse:
https://www.youtube.com/watch?v=MXSMwHA6pBM


This course's unique features ✨

Source code line by line
Write while interpreting!

Even if it's your first time playing a web game
Detailed explanations you can follow !

To help students understand
A variety of visual aids!


I recommend this to these people 🙋‍♀️

Beyond web development with JavaScript
For those who want to try something else

How web games are made
Anyone who wants to know the process

I have never developed a web game before.
Those who are wondering if they can do it


What you'll learn 📚

Section 1. Configuring the Project

  • We'll take a look at what configuration you'll be building your game app with and install what you need.


Section 2. Implementing a Simple React & PlayCanvas Application

  • Implement a single player application using React and PlayCanvas.



Section 3. Nakama Client Integration

  • We will install and run the Nakama server and database using Docker, and install the Nakama Client using npm to enable communication between the two.



Section 4. Nakama Server Integration

  • Using the Nakama server and client installed in Section 3, create a match on the Nakama server and join that match.




Section 5. Controlling Multiplayer User Spawn and Movement

  • Let's implement a feature that makes the user appear in my browser when someone else logs in.
  • I'm implementing a feature that will show people who logged in before me and allow me to see other people's movements in real time.


Expected Questions Q&A 💬

Q. I've never developed a web game before. Is it okay for me to take this course?

Yes, that's fine. However, you should have some familiarity with JavaScript and React to be able to take the course without any difficulty.

Q. I have never used LuaScript before. Will it be okay?

LuaScript is used in many gaming apps, including Roblox and Minecraft, and its usage is similar to JavaScript. Therefore, even if you have no prior experience with LuaScript, you should be able to build apps with it without any problems. We'll explain LuaScript line by line, comparing it to JavaScript.


Recommended for
these people

Who is this course right for?

  • Anyone who wants to create a web game using JavaScript

  • For those who want to use JavaScript in a wider range of fields

Need to know before starting?

  • javascript

  • react

Hello
This is

83,950

Learners

2,685

Reviews

2,430

Answers

4.8

Rating

20

Courses

안녕하세요. 

즐겁게 개발하고 있는 개발자입니다. 

앞으로 많은 도움을 드릴 수 있었으면 좋겠습니다.


- 따라하며 배우는 도커와 CI환경 저자
- 카카오 기업 신입 공채 FE 교수자
- 패스트캠퍼스, 구름 강사 
- 현대자동차 개발 기업 교육
- 신한은행 메타버스, 코빗 타운 풀스택 개발
- 여러 공공기관 SNS 풀스택 개발

Curriculum

All

51 lectures ∙ (8hr 5min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

6 reviews

4.2

6 reviews

  • 천찬영님의 프로필 이미지
    천찬영

    Reviews 2

    Average Rating 4.0

    3

    71% enrolled

    이유가 필요한 설명에 대해서는 부족한 느낌이고 단지 들으면서 따라가기에 급급했습니다. 아마 설명이 필요한 부분이 너무나도 많아서 그것들을 8시간으로 다 담아내시기가 애매하셨을것 같긴 합니다. 하지만 흥미가 생길만한 내용임에는 틀림없어서 나쁘진 않았습니다. 게임 구현을 위한 playcanvas나 nakama(server) 에서 제공하는 기능들을 많이 사용하는데 이것들이 정말 많이 필요하신분들이 아니라면 추천드리지 않습니다. 이 강의 외에도 따로 파고들어야 할게 더 필요할 내용들인것 같아서요. 흥미 위주의 배울거리가 아닌 실무용에는 적합하지 않을 것 같다는 생각입니다.

    • 응애 나 아기 개발자님의 프로필 이미지
      응애 나 아기 개발자

      Reviews 18

      Average Rating 5.0

      5

      78% enrolled

      js와 리엑트만 배운상태에서 흥미로운것을 더 배우고싶어서 이 강의를 수강하게 되었는데 정말 잘 가르치시고 많은 것을 얻고갑니다 감사합니다.

      • John Ahn
        Instructor

        아기 개발자님 ~ 좋은 수강평 감사합니다.

    • seungwan님의 프로필 이미지
      seungwan

      Reviews 3

      Average Rating 5.0

      5

      24% enrolled

      playcanvas 강의 더 찍어주세요 ~~

      • 김언석님의 프로필 이미지
        김언석

        Reviews 7

        Average Rating 5.0

        5

        37% enrolled

        강사님! 강의를 참 잘 하시네요. 이해가 잘 돼서 어딘가는 쓸때가 있을거 같아요. 강의 듣는게 이렇게 즐거운 일인지는 오랜만에 느껴봅니다.

        • 김형진님의 프로필 이미지
          김형진

          Reviews 2

          Average Rating 5.0

          5

          100% enrolled

          평소 관심이 많던 부분인데 좋은강의 감사합니다.

          $47.30

          johnahn's other courses

          Check out other courses by the instructor!

          Similar courses

          Explore other courses in the same field!