강의

멘토링

커뮤니티

Programming

/

Web Development

フォローして学ぶウェブゲーム

このレッスンを通して、Webゲームをどのように開発するかを知ることができます。

難易度 中級以上

受講期間 無制限

  • John Ahn
React
React
React
React

学習した受講者のレビュー

学習した受講者のレビュー

4.0

5.0

응애 나 아기 개발자

78% 受講後に作成

jsとREACTだけが学んだことで、もっと興味深いことを学びたいので、この講義を受講しました。 本当にうまく教えてくれてたくさんのものを手に入れてくれてありがとう。

5.0

seungwan

24% 受講後に作成

playcanvas川のもっと撮ってください~~

5.0

김언석

37% 受講後に作成

講師!講義をとても上手ですね。 理解が良くなってどこか使う時があると思います。講義を聞くのがこんなに楽しいのか 久しぶりに感じてください。

受講後に得られること

  • リアクト

  • webgl

  • ゲームエンジン

  • playcanvas

  • 中山サーバー

JavaScriptで作るWebゲーム!
ウェブゲームが初めてでも一応フォローしてください🦾

フォローしてみると、ウェブゲームがぴったり? 🎮

新しく見知らぬ開発をしてみたい方は注目!ここにJavaScriptを使ってWebゲームを作ることができる講義があります。 Webゲームは非常に多くのトラフィックを必要とし、複雑なロジックを利用する必要があります。 Webゲームを作成しながら、あなたの開発領域を広げてみてください。

私はコビットタウン、新鮮なメタバスなどの開発経験を通じて、誰もがウェブゲームに沿って作って学ぶことができる講義を作りたいと思いました。 Webゲームを作成する際に、Webテクノロジを活用した3Dアセットをどのように利用してゲームを作成するかを学ぶことができます。 Webゲームを作った経験がなくてもJavaScriptやリアクトに慣れている方なら、講義に従うのに大きく無理はありません。

この技術を実務で使用して作成したサービス例(実際のフルスタックメイン開発者として参加)
コビットタウン

https://www.youtube.com/watch?v=sV1WR0mlXxE
新韓メタバス:
https://www.youtube.com/watch?v=MXSMwHA6pBM


この講義だけの特長 ✨

ソースコードを1行ずつ
解釈しながら作成!

ウェブゲームが初めてでも
続くことができる入念な説明!

受講生の理解を助けるため
様々な視覚資料!


こんな方におすすめですよ🙋‍♀️

JavaScriptでWeb開発以外
他のものも体験してみたい方

Webゲームはどのように作成されますか
その過程を知りたい方

Webゲーム開発をしたことがない
できるか心配する方


学習内容📚

セクション 1.プロジェクトの構成

  • どのような設定でゲームアプリを作成するかを見て、必要なものをインストールします。


セクション 2. React & PlayCanvas シンプルなアプリケーションの実装

  • リアクトとプレイキャンバスを使用してシングルプレイアプリケーションを実装します。



セクション 3. Nakama Client 連動

  • ドッカーを使用してNakamaサーバーとデータベースをインストールして実行し、Nakama Clientをnpmを使用してインストールして両方を通信できるように準備します。



セクション 4. Nakama Server 連動

  • セクション3でインストールしたNakamaサーバーとクライアントを使用して、Nakamaサーバーでマッチ(Match)を作成し、そのマッチに参加(Join)してみます。




セクション 5. Multiplayer ユーザー Spawn とモーションコントロールをする

  • 他の人がログインしたときに私のブラウザでもユーザーが表示されるようにする機能を実装してみます。
  • 私が入る前にログインしていた人も現れるようにして、他の人の動きをリアルタイムで見ることができる機能を実装してみます。


予想される質問 Q&A 💬

Q. Webゲーム開発を一度もしなかったのですが、この講義を聞いても大丈夫でしょうか?

ネップ大丈夫です。しかし、JavaScriptとリアクトがある程度慣れている状態でなければ講義を聞くのは不便ではないようです。

Q. LuaScriptも使ってみませんでしたが大丈夫でしょうか?

LuaScriptは、Loblox、Minecraftなどの多くのゲームアプリで使用されていますが、JavaScriptと書く方法は似ています。だから、使用経験がなくても、このレッスンでアプリを一緒に作るときに問題はないようです。 Luaスクリプトを使用するときは、JavaScriptと比較して1行ずつ説明しながら進みます。


こんな方に
おすすめです

学習対象は
誰でしょう?

  • JavaScriptを使用してWebゲームを作成したい人

  • JavaScriptをより広い分野で使いたい人

前提知識、
必要でしょうか?

  • javascript

  • react

こんにちは
です。

85,146

受講生

2,768

受講レビュー

2,430

回答

4.8

講座評価

20

講座

こんにちは。

楽しく開発している開発者です。

これから多くの力になれることを願っています。


- 「作って学ぶDockerとCI環境」著者
- カカオ新卒採用FE教育担当
- Fast Campus、goorm 講師
- 現代自動車 開発企業研修
- 新韓銀行メタバース、Korbit Town フルスタック開発
- 多数の公共機関SNS フルスタック開発

カリキュラム

全体

51件 ∙ (8時間 5分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

7件

4.0

7件の受講レビュー

  • mnb91391854님의 프로필 이미지
    mnb91391854

    受講レビュー 19

    平均評価 5.0

    5

    78% 受講後に作成

    jsとREACTだけが学んだことで、もっと興味深いことを学びたいので、この講義を受講しました。 本当にうまく教えてくれてたくさんのものを手に入れてくれてありがとう。

    • johnahn
      知識共有者

      赤ちゃん開発者〜 良い受講評価ありがとうございます。

  • seungwan님의 프로필 이미지
    seungwan

    受講レビュー 3

    平均評価 5.0

    5

    24% 受講後に作成

    playcanvas川のもっと撮ってください~~

    • rhgiddp1034님의 프로필 이미지
      rhgiddp1034

      受講レビュー 8

      平均評価 5.0

      5

      37% 受講後に作成

      講師!講義をとても上手ですね。 理解が良くなってどこか使う時があると思います。講義を聞くのがこんなに楽しいのか 久しぶりに感じてください。

      • gudwls92331736님의 프로필 이미지
        gudwls92331736

        受講レビュー 2

        平均評価 5.0

        5

        100% 受講後に作成

        普段関心が多かった部分なのに良い講義ありがとうございます。

        • dokebi5704님의 프로필 이미지
          dokebi5704

          受講レビュー 1

          平均評価 2.0

          2

          51% 受講後に作成

          実務で必要な情報がない講座。 3DタスクはPlayCanvasでし、毎回ダウンロードしてReactとつながるか。実務では使えない不可能な方法だ。単独で作業するわけでもなく、UIと3Dオブジェクトが毎回別々に動作するわけでもない。接続過程の説明でも、各ファイルをどんなものはheadで接続し、どのようなものはbodyで接続するのか、なぜそうなのか。激しい。

          ¥7,499

          John Ahnの他の講座

          知識共有者の他の講座を見てみましょう!

          似ている講座

          同じ分野の他の講座を見てみましょう!