【Three.js入門】3Dオブジェクトをブラウザに描画する方法

#threejs #HTML #CSS #ウェブサイト #チュートリアル #tutorial
【さらに詳しく学びたい方へ。Udemy90%割引クーポン発行中🚀】
↓↓↓↓↓
shincode.info/2...
＼ShinCode_Camp開校しました／
プログラミング講座＆副業・起業＆就職・転職が学べるプラットフォーム🚀
🎁月額2500円で全講座が見放題
🎁分からない箇所は質問し放題
🎁7日間無料キャンペーン実施中
🎁コミュニティ機能付き
🎁いつでも解約可能etc...
↓↓↓↓↓
code-s-school-...
【この動画を視聴するメリット】
・Three.jsの3大必須要素が理解できる
・Three.jsを使って初めて3Dオブジェクトを表現できる
・cdnを使ったThree.js開発環境構築ができる
【信頼性】
・Udemy講師
・講師レビュー評価94.6%
・Udemy受講生延べ300人突破
・Webアプリ/サイト開発数：200以上
★チャンネル登録はこちらから★
/ @programming_tutorial_...
★今回のソースコード★
github.com/Shi...
★運営者SNS★
Twitter： / shin_engineer
★この動画で使用している機材★
キーボード(Keychron K6 赤軸)：amzn.to/3F4zca5
マウス(Logicool G ロジクール G ゲーミングマウス)：amzn.to/3DZaaYB
マイク(サンワダイレクト USBマイク PCマイク)：amzn.to/30AVwJF
マイクスタンド(Luling Arts マイクスタンド マイクアーム スタンド)：
amzn.to/3se5onZ
※アフィリエイトリンクになります。

[@坪井佑太]

いつもshinさんのチュートリアルお世話になってます！！
はじめてのThree.jsでしたが、うまく再現までできました。

[@mayuy]

説明がすごい丁寧で分かりやすかった😄

[@negiagemasukara]

簡潔でわかりやすかったです！
自分も使ってみようと思います！

[@programming_tutorial_youtube]

keiさん、コメントありがとうございます。
Three.jsは3DCG技術と似たような学問なので、かなり奥深い内容になっています。
私も定期的にチュートリアル動画をあげますので、がんばってくださいね

[@chaunpt2404]

勉強になりました。ありがとうございます。

[@淀川謙次]

丁寧な説明をありがとうございました。画像をローカルフォルダから読み取るところがあるので、live serverをたちあげる必要があることに気づきました。それと今回のソースコードのリンクの中にwall.pngがないです。

[@あっとまーく先生]

最高に分かりやすい

[@jewmep268]

これをオリジナルキャラクターでやるバージョンの動画を教えてください🙏

[@ricoco57]

texturesがwall.jpgではなく、minecraft-box.pngでした。😅ちなみにマイクラやってます。😊

[@nayeemuddin5290]

UA-cam suggested me this!!! Okarimashta

[@danielzamorano5108]

Ohmm, your video looks good but I don't know Japanese

[@dennoucoil4423]

ためになったわ！！

[@selimmidikoglu5534]

I wish I can understand Japanese. But auto subtitles enough too.

[@programming_tutorial_youtube]

I wish I could have spoken English. Sorry for the Japanese. but Thank you for watching:)

[@wawaawa7543]

6:00で使っているショトカは何ですか？

[@koukimac1946]

ローカルパスのモデル（オブジェクト）
をobjLoaderでローカルで読み込ませるって可能ですか？

[@fujii.hironori]

width の発音はウィデゥスやウィズ。