【Three.js入門】ワンランク上のウェブサイトを作れるようになろう！

🎉 【Three.js入門】ワンランク上のウェブサイトを作れるようになろう！ 🎓

はじめに：

人の目を引き付ける、ワンランク上のフロントエンドの技術を学ぶためのコースです。

「ワードプレスはできるようになったけど、できる人が多すぎる」 「他の人ができない技術を身につけたい」 「Three.jsは聞いたことがあるけど、触ったことがない」 「より高価な企業案件を受けれる技術が欲しい」

上記の方に勧めします。本コースは、特にThree.jsの基礎から応用までを学びたい方々へ。

【本コースのゴール】

このコースでは、螺旋状に画像と3Dモデルを配置するプログラムを書くことを目指します。ワンランク上のウェブサイト実装をThree.jsで体験し、プログラミングスキルを一つ立てていきましょう。

講座の内容 / 進め方

数学が苦手でもOK！

簡単な数学の計算を交えて、実際にコードを書いていきます。

スタートは簡単な描画から！

サンプルファイルも用意しており、解説を聞きながら学んでいくことができます。

動画でもOK！

ざっくりと設定のイメージを掴むためには、動画をご覧いただくことでも理解度は高まります。

【この講座で実装するプログラム】

• 螺旋の自動回転
• マウスによる回転
• 上下の無限スクロール
• 3D空間上のアイテムの選択・拡大
• ズームアニメーション

これらの機能を解説し、実際にHTML、CSS、TypeScriptを使ってウェブサイトを作成します。

【注意点】

• 字幕機能は自動で付与されております。必要に応じてOFFにしてください。
• HTML/CSS/TypeScript の基本的な使い方は説明していませんので、事前にそれらの知識があることを仮定してください。

コースに興味が湧いた方は、以下のカリキュラムやプレビュー動画もご覧ください。実際にコースでお会いできることを楽しみにしています！

この機会に、Three.jsでワンランク上の視覚的に魅力的なウェブサイトを作り上げてみませんか？ Let's create stunning web sites with Three.js together! 🚀

【注意】: このコースはThree.jsとWebGLを使用して、インタラクティブな3Dウェブサイトを作成する方法を学ぶためのものです。HTML/CSS/JavaScriptの基礎知識があることが前提となります。無限スクロールや螺旋回転などの高度な機能を実装するためのアドバンスドなトピックも含まれています。