【Three.js入門】ワンランク上のウェブサイトを作れるようになろう!
Learn to build a stunning website with animated images & 3D models using HTML & TypeScript. Includes sample files! Create visually engaging web experiences.
Course Content
【Three.js入門】ワンランク上のウェブサイトを作れるようになろう! is an intermediate-level Udemy course taught by 【Ikuzoooo】 プログラミング講師. It runs 1h 54m, is taught in Japanese, and includes a certificate of completion. Learners rate it 4.1 out of 5 from 47 reviews, with 473 students enrolled. It is a paid course, first published July 2022.
Looking to level up your front-end skills and create stunning, eye-catching websites? This course is designed for you!
Are you proficient with WordPress but seeking more advanced techniques? Do you want to master skills that set you apart from the competition? Intrigued by Three.js but haven't had a chance to explore it? Or are you aiming for higher-paying web development projects?
This course is perfect for you!
Course Goal: We'll guide you through building a program that arranges images and 3D models in a captivating spiral using Three.js. You'll gain hands-on experience with advanced web development techniques to implement truly impressive websites.
What You'll Learn:
- Accessible for All Skill Levels: No need to be a math whiz! We'll incorporate simple mathematical concepts to make implementation easy.
- Step-by-Step Learning: We'll start with basic rendering and gradually build up your skills. Sample files are provided for easy experimentation.
- Flexible Learning: Watch the video tutorials to get a general understanding of the setup. For deeper learning, try implementing the code yourself in your own environment.
Project Highlights:
This course will cover the implementation of exciting features, including:
- Automatic Spiral Rotation: Create dynamic, visually engaging spirals.
- Interactive Rotation: Allow users to rotate the 3D scene with their mouse.
- Infinite Scroll: Implement seamless vertical scrolling for endless content.
- 3D Object Selection: Enable users to select and interact with items in 3D space.
- Zoom & Scale Animations: Add smooth zoom and scale effects for enhanced user experience.
Important Notes:
- Automatic Subtitles: Subtitles are automatically generated. Feel free to turn them off if needed.
- Focus on Three.js: This course focuses on using Three.js for 3D web development. We will not be covering HTML, CSS, or TypeScript fundamentals.
Ready to take your front-end skills to the next level? Explore the full curriculum and preview videos below! We look forward to seeing you in the course.
Need a web app built? Hire the team behind TutorialSearch.io
We ship fast, production-grade full-stack apps (Next.js, React, edge infra) — the same stack that powers this site.