The EASY WAY to use Shaders in Three.js | Don't Write Shaders from scratch

Поделиться
HTML-код
  • Опубликовано: 5 сен 2024
  • 👋 Hey everyone! In this video, I create the famous green falling code effect from the Matrix movie and then apply it to a 3D Model using Three.js.
    Code Repository - github.com/kni...
    Check out the previous video on Shaders - • How to implement a sim...
    Shaderfrog website - shaderfrog.com/
    Matrix Shader - shaderfrog.com...
    3D Model used in the video - sketchfab.com/...
    🎥 Some of my other videos on THREE.js
    ✅ How to use Three.js and React Native to render 3D Graphics in a Mobile App?
    • How to use Three.js an...
    ✅ How To Export Three.js Scene into GLB Format from scratch
    • How To Export Three.js...
    ✅ How to deploy a Three.js project on GitHub? (Not using Webpack)
    • How to deploy a Three....
    ✅ How to download lightweight 3D models for Three.js?
    • How to download lightw...
    ✅ How to Load a 3D model in Three.js | GLTF/GLB Model | GLTFLoader
    • How to Load a 3D model...
    ✅ I took the Three.js course by Bruno Simon and it is awesome!
    • I took the Three.js co...
    ▶ Twitter - / knightcube
    ▶ My RUclips community posts - / knightcubexr
    ▶ Buy me a coffee - www.buymeacoff...
    ▶ Book a one-to-one mentorship with me - mentorcruise.c...
    Equipment I use
    1. Fingers Webcam - amzn.to/2QQYq7U
    2. Maono AU-A03 Condenser Microphone Kit Podcast Mic with Boom Arm Microphone Stand - amzn.to/32JngcA
    3. Boya Mic - amzn.to/3dJmW3M
    4. Zebronics Zeb-Transformer-M Optical USB Gaming Mouse with LED Effect(Black) - amzn.to/3tRj5ay
    5. Writing Tablet - amzn.to/32Ip3OX
    6. Filmora Video Editor - filmora.wonder...
    ▶ Canva - www.canva.com/...
    Subscribe ♥ - ruclips.net/user/kn...
    Make sure you hit the bell icon to never miss an update! 🔔
    Disclosure: Some links are affiliate links to products. I may receive a small commission for purchases made through these links.
    #threejs #3D #js

Комментарии • 9

  • @knightcube
    @knightcube  2 года назад +3

    Get the code here - github.com/knightcube/threejs-shader-practice/tree/youtube-tutorial

  • @joshdee7639
    @joshdee7639 Год назад +1

    Wow... been learning GLSL shaders, kept getting redefinition errors for HOURS researching why and your video answered it instantly. Even ChatGPT let me down. Thanks man!

  • @equandovoceleroscomentario9688
    @equandovoceleroscomentario9688 2 года назад +1

    Awesome work! I love your job!

  • @ahhhwh
    @ahhhwh Год назад

    maate, so easy thank you

  • @cherryyy7676
    @cherryyy7676 Год назад

    What are min requirements needed to run three.js in laptop

  • @chloesun1873
    @chloesun1873 2 года назад +1

    Thanks for this tutorial, do you have the source code on github?

    • @knightcube
      @knightcube  2 года назад

      I have added it in the video description