How to create Ghibli-style trees with three.js

แชร์
ฝัง
  • เผยแพร่เมื่อ 20 ก.ย. 2024

ความคิดเห็น • 249

  • @devaslife
    @devaslife  10 หลายเดือนก่อน +4

    Check out my Markdown note-taking app designed for developers 👉 www.inkdrop.app/?IGK6eceWyU4

  • @ertaiblue9815
    @ertaiblue9815 ปีที่แล้ว +149

    Whoa! Production quality is out of this world. Thanks for teaching us so much... Not many people share their craft like this.
    I discovered vim, markdown, bash and the terminal because of you, and i'm never going back 🙏

    • @raymondmichael4987
      @raymondmichael4987 ปีที่แล้ว +6

      Stopped procrastinating on learning and using Typescript because of this guy.
      I don't like going to plain js 😊❤

    • @asifsuhailkhan
      @asifsuhailkhan 5 หลายเดือนก่อน

      Same

  • @NazC113
    @NazC113 ปีที่แล้ว +63

    Oh sweet lord after this man has taken a break. I've missed Takuya-senpai's chill and productive videos. 🖤

    • @davidmcclellan4621
      @davidmcclellan4621 ปีที่แล้ว

      He's been producing a lot on his second channel, although not the same style. Might be worth checking out!

    • @NazC113
      @NazC113 ปีที่แล้ว

      @@davidmcclellan4621 He does! And I've only recently caught up on his other channel. Thank you for the info though!

  • @devaslife
    @devaslife  ปีที่แล้ว +35

    Join me on a behind-the-scenes coding journey newsletter here www.devas.life/

  • @TropicalMelonMan
    @TropicalMelonMan ปีที่แล้ว +9

    Best suggestion to show up in a while. Probably the most chill dev session on TH-cam! The trees turned out beautiful. I think there's a lot that can be learned from seeing the entire process of projects like this. Nice work!

  • @swedishguy83
    @swedishguy83 ปีที่แล้ว +6

    I love the fact that you go outside and code. I tend to stay in my comfort zone for various reasons and never sit outside. This summer (It's still way too cold here in Sweden) I will definitely make an effort to sit outside in a park or just sit anywhere but a desk at work to challenge myself! Great video btw!

  • @SownJevan
    @SownJevan ปีที่แล้ว +3

    Commenting before watching the entire thing. The sound, the vibe and typing sounds make this video a straight 10 for me.
    I appreciate the upload man.

  • @QweNomad
    @QweNomad ปีที่แล้ว +24

    Takuya is such an inspiration. Amazing edits as always, will try this one out definitely 😁

  • @emcorporation
    @emcorporation ปีที่แล้ว +10

    Perfect mix of educational and chill content. Such peaceful scenery and editing

  • @ibrahimdelice9422
    @ibrahimdelice9422 ปีที่แล้ว +4

    Your editor skills are beyond quality. It looks so perfect. You want to keep watching.
    Great work!

  • @slurmsmackenzie7602
    @slurmsmackenzie7602 ปีที่แล้ว +2

    Jesus, Im in awe in how much work is put into this videos, the details and the feel of it is inspiring

  • @postie_
    @postie_ ปีที่แล้ว

    Production quality of this video is so slick. It’s clear a lot of effort went into this and it’s for sure paid off!

  • @ITSH4WK
    @ITSH4WK ปีที่แล้ว +4

    Omg the 3D overlay with the video background was sooo worth it. Top tier content as always. Kudos 👏👏👌

  • @ImLaminarBro
    @ImLaminarBro ปีที่แล้ว +1

    This guy is so cool. Ive realized learning programming to push for a job isnt going to be a fruitful endeavor for a long time so now I just want to be able to make whatever cool shit I can think of like devaslife lol

  • @hemanthchowdaryd
    @hemanthchowdaryd ปีที่แล้ว +16

    can we get a tutorial on how to setup the workflow you are using? like the overlays and all

  • @zachstone8717
    @zachstone8717 ปีที่แล้ว +2

    This is amazing! Your video production quality is incredible.

  • @squarerootof2
    @squarerootof2 ปีที่แล้ว +1

    What an awesome video! You had me hooked from the start. So many camera angles and nature background sounds. Really great quality work. Maybe I'll even use it for ASMR sometime. Subbed.

  • @nafishasnain4114
    @nafishasnain4114 ปีที่แล้ว

    Woo, perfect time for a watch in the weekend for me. Always a good time watching your videos, thank you, Takuya senpai 🙏

  • @the_derpler
    @the_derpler ปีที่แล้ว

    Amazing, I have problems concentrating at my own house, this guy can go into a park and code outside. Very inspirational :)

  • @joshuai617
    @joshuai617 ปีที่แล้ว

    You are the best content creator alive, you found a way to mesh everything I love in to every video. Thank you for your hard work!

  • @diogolemos3235
    @diogolemos3235 ปีที่แล้ว

    Hey sir, just wanted to say that I really appreciate you and your videos! You are one of my biggest inspirations! Keep going, with friendship from Portugal

  • @coderhorizon
    @coderhorizon 4 หลายเดือนก่อน

    Awesome as usual, sir Takuya.

  • @AlphaHT
    @AlphaHT ปีที่แล้ว

    Perfect timing, now I have something to watch during my lunch break!!

  • @oncoding4520
    @oncoding4520 ปีที่แล้ว

    Love all of your videos. In fact you are my fav vloger, and if you remember I am that guy that told you once in a comment section that your video and apps somehow represent to me the ZEN nature/culture which i Love. I always will support your work, in fact my keyboard is like yours LOL and I hope one day to learn neoVim which... hmmm for the moment am quite resisting :D peace :)))

  • @juanpablo2097
    @juanpablo2097 ปีที่แล้ว

    Definitely THREEJS is a super powerful library in order to model and render any 3d object, super madness

  • @YudiAsmoroDev
    @YudiAsmoroDev ปีที่แล้ว

    i'm so lucky find this channel, love the vibes, please keep doing it 🙏

  • @chukwumdiebubeojinta
    @chukwumdiebubeojinta ปีที่แล้ว

    The ASMR in this stuff is amazing 🔥

  • @Lapidario_
    @Lapidario_ ปีที่แล้ว

    As a Brazilian, I can't imagine what it's like to open a 16' macbook pro in the middle of a public square, here you would be putting your life in danger.
    Great video.

  • @comatose_e
    @comatose_e ปีที่แล้ว

    I love your trayectory to the job office riding the bike, is so inspiring

    • @comatose_e
      @comatose_e ปีที่แล้ว

      Also it's so beautiful bike, it seems very confortable

  • @sncheng1771
    @sncheng1771 ปีที่แล้ว

    i love to see keycaster, because i can learn how you do it. Hope to see it in the future video.

  • @techatmosphere
    @techatmosphere ปีที่แล้ว

    no matter what device u r using, mecha is in our heart 😁

  • @thembangulube9041
    @thembangulube9041 ปีที่แล้ว

    thank you takuya for making my fear coding going away by engaging with us through your videos..id like to show some of projetcs that i have worked on for the past year hopefully one day 🥳🥳🥳

  • @omaryahia
    @omaryahia ปีที่แล้ว

    that is some high quality production right there 🌟

  • @LanzaOnWeb
    @LanzaOnWeb ปีที่แล้ว

    React scene description ! How the f*** come I’ve never thought about it before ?
    I know what I’ll be doing this evening. Many, many thanks.

  • @kiaruna
    @kiaruna ปีที่แล้ว +3

    you just earned a new sub ! Your content is fabulous, and I love what you do !!

  • @edboss36
    @edboss36 ปีที่แล้ว

    This one of the coolest videos I've seen on youtube. Good job man

  • @_annacheng_
    @_annacheng_ 10 หลายเดือนก่อน

    I love how you make coding look like cinematography. :D

  • @YungCortex
    @YungCortex ปีที่แล้ว

    idk why but i love that your using a sperate keyboard on top of the laptop hahah it makes it way more satisfying haha great video!

  • @codewithjom
    @codewithjom ปีที่แล้ว

    before i will watch this video let me leave this to your comment "you're one of my inspirations" ❤️

  • @monochrome37
    @monochrome37 ปีที่แล้ว

    Your videos keep improving. Loving the new intro - of course must include a symbol of 鶴. 🙂

  • @moranisdev
    @moranisdev ปีที่แล้ว +4

    Dude your work is very inspiring keep it up

  • @Faisal-np7qi
    @Faisal-np7qi ปีที่แล้ว +3

    Hey Takuya, brilliant work as usual! How about making a video showing your snippets for neovim and how to set them up for react development?

  • @BrendanShephard
    @BrendanShephard ปีที่แล้ว +2

    Did you take the extra keyboard just for the sound? If so, I'm impressed by your dedication. I personally find that the 16" MacBook Pro is quite comfortable to type on. I would say it's as good, if not better than my Thinkpad keyboard.

  • @roychan2190
    @roychan2190 ปีที่แล้ว

    so enjoyable watching you writing code.

  • @Ok-jh9xx
    @Ok-jh9xx ปีที่แล้ว +2

    Hi Takuya! I am enjoying this video and i have got two questions while watching it.
    1. How did u put your keyboard on top of the mac keyboard and it doesn't affect coding? Did u put some hard cover in between?
    2. How do you build code without googling. Are you memorising all needed methods etc. ? It is truely amazing!!!
    Anyway happy to watch your video again🙂

    • @annisanadia
      @annisanadia ปีที่แล้ว

      I also have the same question

    • @TerencePetersen0
      @TerencePetersen0 ปีที่แล้ว +3

      I'm pretty sure the keyboard is a NuPhy Air 60, which has feet that are designed to fit in between the rows of a mac keyboard

    • @ge7sur3nka34
      @ge7sur3nka34 ปีที่แล้ว

      I can't even memorize simple conda syntax to create env or list channels 🤦

    • @tonymarsh4258
      @tonymarsh4258 ปีที่แล้ว +2

      1. Using the software called karabiner-elements, the option Disable the built-in keyboard is provided in its Devices > Advanced page
      2. As mentioned in his previous Q&A video, takuya’s video is for entertainment and is deeply scripted.

  • @juannahuat9983
    @juannahuat9983 ปีที่แล้ว +1

    Takuya eres un graande!
    Duda: como le haces para que no se te cansen las manos en esa posicion?
    Realizas ejercicios de muñeca o algún posicionamiento en especial?

  • @yeyee2418
    @yeyee2418 ปีที่แล้ว

    Always and always, you always make great videos. Happy vimming sir✨️

  • @chrisnguyen5800
    @chrisnguyen5800 ปีที่แล้ว

    Thank god I got your channel recommended!

  • @nouchance
    @nouchance ปีที่แล้ว

    You are awesome BRO! From Uzbekistan 🇺🇿

  • @amyjuanli
    @amyjuanli ปีที่แล้ว

    Love it! Thanks for making such amazing piece public.

  • @luandasilva4639
    @luandasilva4639 ปีที่แล้ว

    takuya: *npm start but ERR
    also takuya: *cds into correct directory and npm start again
    he just like me frfr

  • @miguelsebada
    @miguelsebada ปีที่แล้ว

    Thank you dude! This shit is the most simple stuff I’ve always wanted from how to code videos.

  • @nyantaro1
    @nyantaro1 ปีที่แล้ว

    Your videos are just mesmerizing. Wow. Incredible content

  • @mokorra
    @mokorra ปีที่แล้ว

    I love Japan, hope i can visit one day. And as always quality content!

  • @blackreaper4453
    @blackreaper4453 ปีที่แล้ว

    Your new video like a breath of fresh air 😝

  • @alaaezziddin6755
    @alaaezziddin6755 ปีที่แล้ว +1

    Impressive!, just want to know how you learned three.js and what are your recommendation?

  • @phungthanhtu6503
    @phungthanhtu6503 ปีที่แล้ว +1

    I have a question about your cool app, Inkdrop. How do you handle the backend system to ensure it can scale data of a large amount of users ? Are you using any deployment or infrastructure platform to do this or all by yourself ?

  • @willywirawan565
    @willywirawan565 ปีที่แล้ว

    You are confusing me.. I don't even know if I am impressed or depressed. :(
    This is a masterclass level!

  • @AbhishekDas-pr6uc
    @AbhishekDas-pr6uc ปีที่แล้ว +1

    I don't why but your video always encourages me to do coding

  • @jamshidabduqodirov2427
    @jamshidabduqodirov2427 ปีที่แล้ว +2

    Awesome. Could you make vidoe about three.js??

  • @roger-rok
    @roger-rok ปีที่แล้ว

    I love you work, from a data science intern ^^

  • @leonasdev
    @leonasdev ปีที่แล้ว +1

    Love your content. Just wanna ask why are you choosing create-react-app instead of vite when vite is so popular and much better now?

  • @LUISSILVA-hm5su
    @LUISSILVA-hm5su ปีที่แล้ว +1

    Fantastic editing and amazing content.

  • @tanvirraj
    @tanvirraj ปีที่แล้ว +3

    i'm very curious to know, are you try / practice before recording or just start coding first time and record ?

    • @cleiton_rs
      @cleiton_rs ปีที่แล้ว +1

      Nice question!

  • @dyonatha97
    @dyonatha97 ปีที่แล้ว

    Would be nice to see you doing some backend stuff :D

  • @radwanahmed8981
    @radwanahmed8981 ปีที่แล้ว

    you are a front end legend

  • @keylhanpaumard2076
    @keylhanpaumard2076 ปีที่แล้ว +1

    Is it the Keychron Q1 the keyboard you use in the video? Or it's another? I love the sound it makes! Love the result at the end :)

    • @monochrome37
      @monochrome37 ปีที่แล้ว +2

      I believe it's the Nuphy Air 60. I remember he mentioned it in one of his videos that he got it cause it's thin & compact that he can put it on his Macbook's keyboard.

    • @ryandennler3155
      @ryandennler3155 ปีที่แล้ว +1

      Nuphy air60... Really worth it. They have some new switches as well.. I have the Wisteria Tactile switches w/ the Shiokaze keycaps. So nice and fits right on top of the mac keyboard.

  • @_mannyponce
    @_mannyponce ปีที่แล้ว

    great job Takuya!

  • @joonhyukheo8448
    @joonhyukheo8448 ปีที่แล้ว

    Your keyboard ASMR is greatly satisfying. Can I get information about it please?

  • @mangomanwhoanimates5590
    @mangomanwhoanimates5590 ปีที่แล้ว

    You should have made the tree ray traced... Great production quality as always!

  • @pythonwork4709
    @pythonwork4709 ปีที่แล้ว +1

    We would expect some tutorials from you

  • @b166er4
    @b166er4 10 หลายเดือนก่อน

    beautyfull 🤩

  • @sugondese411
    @sugondese411 ปีที่แล้ว

    you earned yourself a new sub

  • @cdey3886
    @cdey3886 ปีที่แล้ว

    you're living me dream life! Keep going!

  • @r.alvaromc2823
    @r.alvaromc2823 ปีที่แล้ว +1

    Impressive, I follow you recently I love the quality of your videos, how do you do to record the editor in transparent and mount it in the background of the video ...? that causes me intrigue ... greetings

  • @g43s
    @g43s ปีที่แล้ว +1

    1:40 where I can get this laptop stand? it looks cool

  • @VlLazar
    @VlLazar ปีที่แล้ว

    Cool as always💥👌💥 Are you specially turned off a tree-sitter syntax highlights to give more green-colored vibe ? 🤔

  • @vishaltk
    @vishaltk ปีที่แล้ว

    great work! this is ASMR for react devs lol

  • @sawazenzen
    @sawazenzen ปีที่แล้ว

    最高にいけてますね!

    • @devaslife
      @devaslife  ปีที่แล้ว

      ありがとうございます!!

  • @Eliphasleviathan93
    @Eliphasleviathan93 ปีที่แล้ว

    You need some fingerless gloves. Practical and Hackerman approved.

  • @samdroid37
    @samdroid37 ปีที่แล้ว

    i am so impressed. subscribed!

  • @rana_co_
    @rana_co_ ปีที่แล้ว

    the song give chillls!!

  • @Jimmy9Bazooka
    @Jimmy9Bazooka ปีที่แล้ว

    Nicely done!

  • @danielb.2873
    @danielb.2873 ปีที่แล้ว

    Very nice tutorial /video. But I have so many questions

  • @Rothkeen
    @Rothkeen ปีที่แล้ว

    Not so fast, we need a full video of your setup with the new macbook mr. Matsuyama. :)

  • @factsnhien
    @factsnhien ปีที่แล้ว +1

    A Tree but more awesome because it make by devaslife :)

    • @factsnhien
      @factsnhien ปีที่แล้ว

      I have sent you a message

    • @factsnhien
      @factsnhien ปีที่แล้ว

      Do you know anything about the giveaway?

  • @_seizurewarning
    @_seizurewarning ปีที่แล้ว

    sick as hell. out of curiosity, did you first learn three.js and other art-adjacent languages coming from an art background or a coding background? this looks mad fun but im so used to manual manipulation when i make things digitally, not sure if id be able to grasp this workflow

  • @easypeasy9263
    @easypeasy9263 ปีที่แล้ว

    @devaslife Bro hello! I admire your level of craftsmanship. I can only imagine how it wasn't easy or quick to reach that level of skill. I am sitting in Ukraine and also trying to reach this level, though from scratch))
    Please, if you're not difficult, give some advice how and where, and most importantly, what to learn?
    And if you tell us about distributions you use it will be just great!

  • @nicolettifps
    @nicolettifps 3 หลายเดือนก่อน

    Can you create more content about threejs? and can you give some tools on lazyvim for threejs? plugins etc.?

  • @rofazayn
    @rofazayn ปีที่แล้ว

    Your videos are awesome man!

  • @webmaster1461
    @webmaster1461 ปีที่แล้ว

    Awesome content as always!

  • @Doranteks
    @Doranteks ปีที่แล้ว

    bro ur videos are sick!!

  • @hypr2205
    @hypr2205 ปีที่แล้ว

    you shouldn't put the keyboard on top of your mac like that because sometimes the machine will run out of heat and be blocked by the keyboard, not good for both, i made the same mistake with my macbook air

  • @jakubsapko7289
    @jakubsapko7289 ปีที่แล้ว

    Hi there! What would be your suggestion if I wanted to add a trunk to it? Simply change the model? Or add another one?

  • @dev1cc
    @dev1cc ปีที่แล้ว

    Hello, love your work, but i was wondering if you can make a neovim tutorial setup for windows users. I know that there a lot of videos with the same topic, but i do like your approach !
    🤩

  • @davidmcclellan4621
    @davidmcclellan4621 ปีที่แล้ว

    Do you use something to disable the built-in keyboard do eliminate ghost key strokes or is it just not a problem?
    Keep up the amazing production quality mixed with amazing content. I always look forward to your videos!

    • @tonymarsh4258
      @tonymarsh4258 ปีที่แล้ว

      It should be the software called karabiner-elements, you can disable the built-in keyboard while external devices is connected. The option is in its Devices > Advanced page

  • @nickolay_startcev
    @nickolay_startcev ปีที่แล้ว +1

    Ты мастер!

  • @ldatuan
    @ldatuan ปีที่แล้ว

    I am really like your style of coding

  • @long-live-linux
    @long-live-linux ปีที่แล้ว

    わざわざ冬に外で外部キーボード持ってカメラ置いてコーディングするのおもろい

  • @duartelucas5746
    @duartelucas5746 ปีที่แล้ว

    Do you lock the laptop’s keyboard and trackpad? If so, how? Thanks in advance and keep up the beautiful work!