https://youtu.be/81JZJNNS_Achttps://youtu.be/81JZJNNS_Ac今回は公式ドキュメントのチュートリアルを使用して、3Dのオブジェクトの表示について解説します。https://docs.pmnd.rs/react-three-fiber/getting-started/your-first-sceneまずは、背景が明るいと少し見ずらいので、背景色を暗めに設定します。こちらは暗めであればお好きな色で大丈夫です。公式のドキュメントを上から順に進めていきます。「mesh」のタグの中身が3Dのオブジェクトに関する設定になります。「mesh」には「Geometry」と「Material」を設定する必要があります。「directionalLight」は1方向から直線上にライトを当てる設定になります。「Material」によるのですが、3Dのオブジェクトにはライトを当てないと黒い物体が表示されます。CHWebは楽しいZennエンジニアのための情報共有コミュニティAboutZennについて運営会社お知らせ・リリースGuides使い方Publicationよくある質問LinksTwitterGitHubメディアキットLegal利用規約プライバシーポリシ。