Build a Mindblowing 3D Portfolio Website // Three.js Beginner’s Tutorial

Build a Mindblowing 3D Portfolio Website // Three.js Beginner’s Tutorial

Learn the basics of Three.js - a tool for building amazing 3D graphics with JavaScript. In this tutorial, we create an animated 3D scrolling animation for a portfolio website

Learn the basics of Three.js - a tool for building amazing 3D graphics with JavaScript. In this tutorial, we create an animated 3D scrolling animation for a portfolio website https://github.com/fireship-io/threejs-scroll-animation-demo

🔗 Resources

Three.js Docs https://threejs.org/ Inspiration https://atelier.net/virtual-economy/ Scrolling Animation with Three.js

📚 Chapters

  • 00:00 Mindblowing 3D Websites
  • 00:42 What we’re building
  • 01:19 What is Three.js
  • 02:12 Project Setup
  • 03:35 Scene
  • 03:52 Camera
  • 04:28 Renderer
  • 05:07 Geometry
  • 05:28 Material
  • 06:02 Mesh
  • 06:16 Animation Loop
  • 07:13 Lighting
  • 08:45 Three.js Helpers
  • 09:17 Orbit Controls
  • 09:56 Random Generation
  • 11:05 Scene Background
  • 11:37 Texture Mapping
  • 12:57 Scroll Animation
  • 14:36 CSS Grid

javascript thressjs

What is Geek Coin

What is GeekCash, Geek Token

Best Visual Studio Code Themes of 2021

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Hire Dedicated JavaScript Developers -Hire JavaScript Developers

Hire dedicated JavaScript Developers who are proficient in AngularJS, ReactJS, NodeJS, & VueJS frameworks. Get flexible hiring models as per your business requirements.

What is JavaScript - Stackfindover - Blog

What is PHP: - Who invented PHP, how it works, answers to all such questions about PHP, and much other information, you are going to

JavaScript Shopping Cart - Javascript Project for Beginners

JavaScript Shopping Cart - javascript shopping cart tutorial for beginnersBuy me a coffee 🍺 https://www.paypal.com/paypalme/ziddahSource Code: https://bit....

The essential JavaScript concepts that you should understand

The essential JavaScript concepts that you should understand - For successful developing and to pass a work interview

JavaScript compound assignment operators

We use assignment operator in JavaScript to store values in a variable. Read more...