Skip to content

Jason Weaver

User Interface Engineer

  • Lab
  • About
  • Contact
  • Résumé

Tag: 3D

3D model animation in react-three-fiber

I wanted to add an animated propeller to my submarine and thought it would be a good time to go through a basic model animation and also add…

Published November 18, 2021
Tagged 3D, animation, Three.js

Loading textures for 3D models in react-three-fiber

Last time I used a hdri file to render an underwater environment. The next thing I wanted to learn was how to give my submarine model different textures.…

Published November 15, 2021
Tagged 3D, textures, Three.js

3D scene environments using @react-three/drei

Moving on after Loading and manipulating a 3D model in react-three-fiber, I wanted to give my submarine an underwater environment. I used drei’s Environment component to start playing…

Published November 12, 2021
Tagged 3D, drei, react, Three.js

Loading and manipulating a 3D model in react-three-fiber

Once I kicked the react-three-fiber tires it was time to start learning how to render 3D models in the project I started this week. I wanted to use…

Published November 11, 2021
Tagged 3D, react, Three.js

Three.js and React with react-three-fiber

This week I got back into learning three.js and wanted to integrate with my favorite frontend UI library. The goal was to build a simple react app that…

Published November 10, 2021
Tagged 3D, react, Three.js

Color Basics in Three.js

A few weeks back I wanted to dig into learning WebGL with Three.js and started poking through the site to see if I could start with an example…

Published August 14, 2021
Tagged 3D, JavaScript, Three.js, WebGL

Recent Posts

  • 3D model animation in react-three-fiber
  • Loading textures for 3D models in react-three-fiber
  • 3D scene environments using @react-three/drei

Categories

  • JavaScript (2)
  • Project: React 3D Submarine (5)
  • Three.js (1)
  • Email
  • LinkedIn
  • GitHub
Jason Weaver
Copyright 2023