Let's create an animated landing page with React and Three.js

Поделиться
HTML-код
  • Опубликовано: 15 ноя 2021
  • Part 2: • Let's create an animat...
    Finished codes: github.com/0shuvo0/react-land...
    Drone 3D model: sketchfab.com/3d-models/drone...
    GSAP ease visualizer: greensock.com/ease-visualizer/
    In this video, we will see how to create an interactive landing page with three js. We will add an awesome looking drone 3D model with three.js and also animate it using gasp. And that's not even all we will add multi-language support in our app. So this will be a really exciting project and you only need basic JavaScript and React JS knowledge to be able to follow this beginner friendly tutorial.
    Don't forget to share it with your friends if you like it.
    Support me on Patreon: / 0shuvo0
    Follow me on Twitter: / 0shuvo0
    Read my articles on Dev: dev.to/0shuvo0
    #react #three.js

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

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

    We are proud of you sir!! One of the best web dev from India!!

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

      Many many thanks
      I really appreciate your support 💓

  • @max.ai.4everyone
    @max.ai.4everyone 2 года назад +1

    Excellent tutorial, I hope more content about threejs and react. Greetings from Arg

    • @AngleBrace
      @AngleBrace  2 года назад +2

      Many many Thanks
      I will try my best

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

    A small glossary for myself and others:
    0:00 Intro and summary of project
    0:43 Starts the project
    3:57 Animating with THREE.js
    20:39 HTML part

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

    very good video :D

  • @wordpresswebsiteexpertelem4028

    Just wow bro

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

    What a video , please continue seris threejs basic to advance

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

      Thanks for your support
      I will try my best 💓

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

    Awesome content bro

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

    The alert sounds similar to 1:55 are very very hard on the ear. Especially at night. But really nice video, thank You for it. I'll use the text and button part for inspiration for my app

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

      I am really sorry I will keep the sound thing in mind and thank you

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

    Hi! Great tutorial! Can I know what kind of extension do you use? Before coding, there already a template. that gray word. I not sure whether you understand or not?

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

      yes that's the copilot from GitHub not every one has access to it

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

    ❤️

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

      Thanks for your support 💖

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

    bro can you please improve voice quality , if you can , I like your work

    • @AngleBrace
      @AngleBrace  2 года назад +2

      I know right
      I leave in a very noisy place
      So I use intense noise reduction with ruins the audio quality
      I sometimes make video after 1AM but even then there would be sounds coming in(busy city life)
      And to be honest being a introvert I also struggle to speak a lot
      But you still watch my contents to many many thanks for your support I really appreciate it 💓

    • @adwaitbokade2890
      @adwaitbokade2890 2 года назад +2

      @@AngleBrace i too understand bro , its kinda similar situation for me too 😅

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

    This is amazing...i need you to build a landing page for my startup asap. whats your email?