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

/

Front-end

食べるThree.js

Three.jsの基本的な概念を学び、それを応用して'自分の島を作る'ミニプロジェクトに進みます。 プロジェクトを進めながら、簡単かつ軽くThree.jsを学ぶことができます。

3시간 만에 완강할 수 있는 강의 ⏰
웹퍼블리싱
Three.js
HTML/CSS
JavaScript

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

こんなことが学べます

  • Three.jsの基本

  • 3DインタラクティブWeb開発

Webページに自分だけの3D島を作る🏝️
Three.jsで始まるインタラクティブWeb!

Q&Aをチェックしてみてください! ✍️

Q. HTML/CSS/JavaScript を知らなくても受講できますか?

A. Three.jsはWebブラウザで動作するため、HTML/CSS/JavaScriptの基礎知識を持っていなければクラスを理解するのに無理はありません。初めてのプログラミングに触れる場合は、30分要約講座シーズン1を優先受講することをお勧めします。

Q. Windows/MacOSに関係なく受講できますか?

A. はい、可能です。クラスはVisual Studio Codeとブラウザ(クロム)環境で行われます。

Three.js? 🌐 

  • JavaScriptを利用してWeb上に3Dグラフィックスを実装できるライブラリです。
  • 3次元のインタラクティブなWebを実装して魅力的なWebサイトを作成できます。

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

Three.jsを学びたい人

3DインタラクティブWebの実装に興味のある開発者

目立つポートフォリオを制作したい就労生


講義の特徴📖

  1. 誰でも簡単に受講できるように、Three.jsの基礎概念について説明します。
  2. ステップバイステップの練習で楽しくThree.jsを学ぶことができます。
  3. 提供される学習資料でまとめられた内容を確認できます。

学習内容📚

セクション 0. Three.js はじめに

  • 講義紹介
  • インストールとパスの設定
  • WebGL互換性の確認

セクション1. Three.jsシーンの基礎

  • 基本コンポーネント(Scene、Camera、Renderer)
  • 画面出力(アニメーション、レスポンシブ)

セクション2. 3Dオブジェクト

  • Geometry, Material, Mesh
  • 簡単操作 OrbitControls
  • 【実習】果物や木を作ってみよう!
  • グループ
  • オブジェクトファイルの分離

セクション3. Three.jsシーンの深化

  • 光、影、テクスチャ
  • 複数の材料を適用する
  • 【実習】より実感できる果物や木作り

セクション 4. 外部モデル

  • 外部モデルを読み込む

セクション 5. ファイナルプロジェクト

  • 【実習】自分だけの島づくり

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Three.jsの基礎を軽く学びたい人

  • 3DインタラクティブWeb開発に興味のある開発者

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

  • HTML/CSS

  • JavaScript

こんにちは
です。

101,911

受講生

2,478

受講レビュー

163

回答

4.8

講座評価

80

講座

소개 이미지.png.webp

 

🧙‍♂ 안녕하세요. 제주코딩베이스캠프입니다.

제주코딩베이스캠프란?

 

 

제주에서 가장 핫한 개발자들이 모여 작당한 부트캠프! 열정있는 청년들에게 열정만큼 성장할 수 있는 기회를 제공합니다!

제주코딩베이스캠프는 제주에서 가장 큰 ICT 교육 행사로 카카오, 구름, 제주산학융합원 등 기업 지자체와 함께 진행하고 있습니다.


서비스 구축 성공
경험을 통해 이 취업난 시대에 자신감, 자존감, 성취감, 그리고 자립할 수 있는 능력을 배양해 보세요!

으라차차 청춘 화이팅입니다! 😀

 


 

︎ 제주코딩베이스캠프 로드맵

제코베 로드맵.png.webp

 

︎ 제주코딩베이스캠프 수료증 제도

 

- 1.png.webp

 

カリキュラム

全体

26件 ∙ (1時間 37分)

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

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

受講レビュー

全体

14件

4.7

14件の受講レビュー

  • Hyungjin님의 프로필 이미지
    Hyungjin

    受講レビュー 20

    平均評価 5.0

    5

    100% 受講後に作成

    Three.js 기본을 학습하기에 좋았습니다! 👍

    • oh님의 프로필 이미지
      oh

      受講レビュー 5

      平均評価 5.0

      5

      8% 受講後に作成

      재미있고 귀엽고 유익하고 난리났어요 감사합니다

      • duarufp06님의 프로필 이미지
        duarufp06

        受講レビュー 12

        平均評価 5.0

        5

        62% 受講後に作成

        • ketchup님의 프로필 이미지
          ketchup

          受講レビュー 1

          平均評価 5.0

          修正済み

          5

          62% 受講後に作成

          유익하고 좋아오 추천

          • Witsel Blue님의 프로필 이미지
            Witsel Blue

            受講レビュー 7

            平均評価 4.4

            5

            100% 受講後に作成

            ¥2,680

            jejucodingの他の講座

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

            似ている講座

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