Three.js For 3D Portfolios And GAMES With Rails 7

Three.js is designed to provide a WebGL rendering toolset which allows the developer to create 3D scenes in a few lines of code.
Checkout my course(s) at: learn.deanin.com
Three JS is useful for 3d Portfolios, but it can also be used to create games. I've personally seen a few games created with Three JS that were pretty cool. I've attached a link to the threejs examples. Combined with Ruby on Rails 7 this allows us to quickly create 3D assets for the web in a pretty cool way when used with Hotwire Stimulus.
Fireship Tutorial: • Build a Mindblowing 3D...
threejs.org/docs/index.html#m...
threejs.org/examples/?q=min#w...
Source Code: github.com/Deanout/three_on_r...
OrbitControls: github.com/mrdoob/three.js/bl...
Join this channel to help support these videos:
/ @deanin
Follow me on social media:
linktr.ee/deanin
If you liked this video, please consider subscribing: t.co/RZ4EwP0F2a
Timestamps
0:00 Importing Three.Js With Importmaps in Rails 7
2:12 Create The ThreeJS Stimulus Controller
4:46 Three JS Canvas Styling
6:16 Setting Up The Three JS Main Scene
22:36 Rails 7 Importmaps how to pin specific page
24:40 Adding Gridhelper And OrbitControls To ThreeJS
#Deanin #Software #Programming

[@Deanin]

This is officially my 200th video on the channel. Which naturally means we're covering something completely new lol. Although in all honesty, the stuff you can make with three.js is pretty cool!

[@sassani134]

A lot of time when I need information on a subject the next day you provide a solution. this is crazy.

[@Deanin]

Hahaha, that's pretty weird. I promise I'm not spying on you 😆

[@davidcordero9864]

I like your content and this video was "outside of the box" for me of what I thought we can do with rails. Thanks for your time Deanin, please keep posting new content for Rails 7!!

[@teemuviljanen1028]

Thanks Bro, Exactly the content I was looking for

[@akaRong]

This so pretty cools, loved it.

[@vahesedrakyan120]

I hope this will continue 👍

[@smhabibjr]

Wow..... Thanks dear

[@stephanedavy4857]

hi and thx you for your all tutorial, my error is The path "./examples" is not exported by package "three"

[@danielb.2873]

Isn't it possible to do something against the need to prepend everything with this.? That's quite annoying and every script from other sources would have to be refactored in order to run within the Stimulus controller.