You're a literal magician. My jaw hit the floor when you made the bushes blow in the wind, and then again when you made the tire tracks in the grass! And you explained it all so simply-I feel like I understand it even though I know nothing (yet) about 3d web development. Already excited for the next video!
Your course and love of 3js brought me so much joy for coding. I took a break from 3D frontend to get internships and now a full time offer at Meta and I still want to come back and redo the entire course. You’ve been the best teacher I’ve ever encountered ❤
Loving the Devlog! It's awesome watching this come together and I'm already learning about cool tricks I never would have been able to dream up. I feel like we've heard your dog a few times in the background in lessons and Twitch challenge streams and got to seem him pop up once or twice, great to see him on camera, such a cute French Bulldog! I'm all for more devlogs with dogs.
Hi Bruno, beautiful dev log, I am enjoying so much and waiting for the next episode. The only suggestion for you is that you should try to good filter caffe instead of press to cup espresso XD
Love the devlogs! thank you for sharing this peek into your process, it's very insightful. My only issue with this one is the licking, honestly if it was over and done with after the first minute I wouldn't have mentioned it, but six minutes was off-putting and this is from somebody who loves dogs and has dogs.
Super cool! Loved learning how you did the tire tracks. Only comment is that it feels like youre destroying the grass when driving through it (I know it pops back up later, but), which feels a bit sad. Maybe you could just have the grass tip move down and in the direction of the track, so it looks like it's just bending rather than mostly disappearing? Or make the ground not black so it doesnt look like youre leaving muddy tire trakcs.
@BrunoSimon peut être avec un effet rubber bed à l'accélération et aux changements d'angle pour donner un effet de vitesse et de changement de vitesse surtout supplémentaire
8:59 Bruno, what do you mean when you say that InstancedMesh is not as performant as one unique geometry? As I know, InstancedMesh uses exactly one unique geometry and one material to render all instances in one rendering call.
My guess is that even though it's one geometry, keeping track of 1000s of them all across the entire finished scene, that has a cost. Only rendering a small amount of those and reusing them is more performant, because it's a much smaller number of instances.
This is a really cool project! I'm also currently working with rendering grass so it's interesting to see how others are doing it. I do wonder though. 1. Ultimately you didn't use any form of instancing for the grass? Wouldn't that lead to a lot of draw calls? 2. How do you manage the placement of the bushes when it comes to the grass? You don't want the grass to be spawned through the bush after all
1. No, that's the whole point. It's only one geometry. 2. Currently, I just place them randomly. At some point, I'll probably paint the areas in order to have a precise landscape.
Amazing Bruno!. The aesthetics are beautiful and the content is so interesting . Thanks for explaining the tracks, that it such a neat trick. I had a similar idea for using textures like that for footprints. Now I know how to do it. Thanks man.
TSL is to young an currently changing quite a lot, so no. But the goal is to build enough experience, confidence and knowledge so that I can teach it when it's ready
hi bruno, when i am building metaverse like decentraland, my website get crash always, but not when i use the decentraland, but the size of the 3d model is small, but I need to render 20+ model in the scene, any optimisation need to be done and how to handle it if we need to place more model in the scene
Hey, why don't you create the wheel track texture analytically, it should be as easy as creating a canvas with a brush controlled by keys instead of the mouse. I see it as a shader with a backbuffer on top of which we add new traces. What do you think? Could this be more efficient in terms of performance?
I thought of it, but I need to do more than just drawing the line. We can't see it in the video, but I'm also drawing the UV whih might get useful later. And I want to use this GroundData to do more than tracks, but it's still a WIP.
Hey I love your videos and think this is amazing as I am a student in college right now studying computer science/software engineering and these devlogs get me thinking about the future. My feedback on this video though is that I have misophonia (I have pretty strong anger emotion when I hear someone eating or something simular) and seeing your dog, which is very cute, constantly licking made it very difficult to watch the video even though I couldn't hear it as seeing those actions also can trigger it. I love the cinematics otherwise just wanted to make it aware that others might run into the same reaction. Much love though!
That's too bad :( However weird it may sound, I found the mix of technical content narration, music, and the dog licking, actually very soothing and relaxing.
@@mkarnicki oh yeah for sure the rest of it was amazing and I even agree that the dog is super cute and relaxing just that I don't really have a on off switch for my misophonia. 😅
I always thought “Devlog” was an abbreviation. But apparently it's the full form of “Dog”
Good one 😅
You're a literal magician. My jaw hit the floor when you made the bushes blow in the wind, and then again when you made the tire tracks in the grass! And you explained it all so simply-I feel like I understand it even though I know nothing (yet) about 3d web development. Already excited for the next video!
Your course and love of 3js brought me so much joy for coding. I took a break from 3D frontend to get internships and now a full time offer at Meta and I still want to come back and redo the entire course. You’ve been the best teacher I’ve ever encountered ❤
Do it ;)
Woah, this journey with you and your portfolio seems to be amazing, i fall in love with the calm of your speech over
真的是太厉害了,我看完了所有我能找到的你的视频,我也几乎跟着每个视频都敲了一遍代码,也让我从一个threejs新手变成了还算厉害的人。希望你能多出一些视频,不管是什么,我都爱看。不过同时也要保重身体,那样才有精力做出更好的东西来。加油!!!
我也是能看的都看哈哈哈哈
@@张毅力-c7g 一起加油😁
I am so in love with the style and vibe of your portfolio as well as of the Devlog! Thanks for sharing your journey.
bravo mon ami, you have a wonderful set of skills. From technical to story telling to motivating people to take on challenges.
courage à toi !
Loving the Devlog! It's awesome watching this come together and I'm already learning about cool tricks I never would have been able to dream up. I feel like we've heard your dog a few times in the background in lessons and Twitch challenge streams and got to seem him pop up once or twice, great to see him on camera, such a cute French Bulldog! I'm all for more devlogs with dogs.
The dog is really in a licking mood
Bastard knew he was being filmed
Bruno: * Explaining what he's doing. *
The Pup: * Endless Licking *
Hi Bruno, beautiful dev log, I am enjoying so much and waiting for the next episode. The only suggestion for you is that you should try to good filter caffe instead of press to cup espresso XD
Grass looks amazing - I love the way how you see thing differently. Whell tracks are insane and the speed effect as well
cutest pup licking its paws + interesting webGL content. You my friend has found a way to hack our attention span. great content!
It's a pleasure to watch a pro do such work! thank you for the video
the puppy made me distracted from the code. he is so adorable
Fantastic grass! I really like how you've got the tyre tracks going through it. I can almost see that working for a lawn mowing game.
I love seeing this project evolve so quickly! ❤
So quickly 👉👈
I feel like I'm going waaay to slow
@ No, the progress is impressive! You’ve gotta lower your bar, brother.
Trop cool ! Tellement de bon tips ! Merci Bruno pour ce Devlog passionnant !
Love the devlogs! thank you for sharing this peek into your process, it's very insightful. My only issue with this one is the licking, honestly if it was over and done with after the first minute I wouldn't have mentioned it, but six minutes was off-putting and this is from somebody who loves dogs and has dogs.
Tell that to the dog! 😅
omg i love this so much. Thank u Bruno.
I cannot focus on anything in this video. Dog is too cute. ❤
Great video. I enjoyed the music in the background.
"don't feel like i achieved much" qu'il nous dit
Wow! Beautiful video; really well done on the vibes
It`s amazing ! Boy is very cute,Haha. See you in the next devlog!😁
Toujours aussi intéressant!
Merci 🙏
Super cool! Loved learning how you did the tire tracks. Only comment is that it feels like youre destroying the grass when driving through it (I know it pops back up later, but), which feels a bit sad. Maybe you could just have the grass tip move down and in the direction of the track, so it looks like it's just bending rather than mostly disappearing? Or make the ground not black so it doesnt look like youre leaving muddy tire trakcs.
At the end, there will be a floor matching the color of the grass making it less rough than what we have currently 👍
This is how haven looks like
I am getting Sebastian Lague + ThinMatrix vibe. Good one.
Feels great to be compared to those legends, thank you
Love this so much 🔥🔥🔥
Listening to Woodkid while you code adds +10 to code quality 😆
You have good eyes and good taste
Il a l'air vraiment bon ce panier !
amzing Bruno!! thanks
Ca serai bien d'avoir la camera un peu en avant de la voiture egalement pour voir ou on va !
Effectivement, je comptais tester ça 👍
@BrunoSimon peut être avec un effet rubber bed à l'accélération et aux changements d'angle pour donner un effet de vitesse et de changement de vitesse surtout supplémentaire
Awesome
13:00 Even though WebGPU is taking over, we still see remnants of GPGPU haha
Actually, there is something new. I'll probably get to that topic in a later devlog.
8:59 Bruno, what do you mean when you say that InstancedMesh is not as performant as one unique geometry? As I know, InstancedMesh uses exactly one unique geometry and one material to render all instances in one rendering call.
My guess is that even though it's one geometry, keeping track of 1000s of them all across the entire finished scene, that has a cost. Only rendering a small amount of those and reusing them is more performant, because it's a much smaller number of instances.
Exactly what David said
When are you going to add TSL lectures ?
Probably once it's stable and I have enough experience
This is a really cool project! I'm also currently working with rendering grass so it's interesting to see how others are doing it. I do wonder though.
1. Ultimately you didn't use any form of instancing for the grass? Wouldn't that lead to a lot of draw calls?
2. How do you manage the placement of the bushes when it comes to the grass? You don't want the grass to be spawned through the bush after all
1. No, that's the whole point. It's only one geometry.
2. Currently, I just place them randomly. At some point, I'll probably paint the areas in order to have a precise landscape.
The dog is having ligma
Not gonna fall for that 😏
I think the wheel tracks need to be adjusted, not to remove the grass blades but to make them appear flattened.
Ultimately, grass will be displayed on a terrain matching the color of the blades. That should do the trick.
Amazing Bruno!.
The aesthetics are beautiful and the content is so interesting .
Thanks for explaining the tracks, that it such a neat trick. I had a similar idea for using textures like that for footprints. Now I know how to do it.
Thanks man.
you are amazing sir big fan you 🙇🏻♂❤✨😍
love this so mch
Wonderful tricks!!!
is there any new discount coming on threejs journey?
thanks for black friday sale 🎊🎊
Lovely presentation. What music are you using in this video?
It's from EpidemicSound
Great Video! Love it!
We getting shaders video revamped? Tsl is hella intresting webgpu too. Cant wait learning them from you❤❤
I'll probably work on TSL content when TSL and the WebGPU implementation in Three.js are stable 👍
@BrunoSimon ❤️🫡
I'm not a blender expert but I saw a lot of videos where ppl use data transfer to transfer normal from a sphere to the bushes
The Discord link in your description doesn't seem to work, as it appears to be a link to a channel rather than an invite.
Should be fixed, now. Thank you.
@@BrunoSimon yes, it works now. thanks!
Nice. Is there a TSL lesson in your online course?
TSL is to young an currently changing quite a lot, so no.
But the goal is to build enough experience, confidence and knowledge so that I can teach it when it's ready
1:47 (JavaScript) ❤🐶
hi bruno, when i am building metaverse like decentraland, my website get crash always, but not when i use the decentraland, but the size of the 3d model is small, but I need to render 20+ model in the scene, any optimisation need to be done and how to handle it if we need to place more model in the scene
Hey, why don't you create the wheel track texture analytically, it should be as easy as creating a canvas with a brush controlled by keys instead of the mouse. I see it as a shader with a backbuffer on top of which we add new traces. What do you think? Could this be more efficient in terms of performance?
I thought of it, but I need to do more than just drawing the line. We can't see it in the video, but I'm also drawing the UV whih might get useful later. And I want to use this GroundData to do more than tracks, but it's still a WIP.
Finally
Kept you waiting uh
what game engine did u used.?
It's Three.js. A JavaScript library to render 3D in the browser
Hey I love your videos and think this is amazing as I am a student in college right now studying computer science/software engineering and these devlogs get me thinking about the future. My feedback on this video though is that I have misophonia (I have pretty strong anger emotion when I hear someone eating or something simular) and seeing your dog, which is very cute, constantly licking made it very difficult to watch the video even though I couldn't hear it as seeing those actions also can trigger it. I love the cinematics otherwise just wanted to make it aware that others might run into the same reaction. Much love though!
Duly noted. Dog licking was a little bit too long and too much 😅
That's too bad :( However weird it may sound, I found the mix of technical content narration, music, and the dog licking, actually very soothing and relaxing.
@@mkarnicki oh yeah for sure the rest of it was amazing and I even agree that the dog is super cute and relaxing just that I don't really have a on off switch for my misophonia. 😅
Why this much late bro ???? ❤❤❤
What?