Water & Trees - New portfolio - Devlog 4

[@hagridhaired]

Bruno, you're the absolute best! Thanks for all the work you do/put into your content.

[@boshen3953]

My mentor in Three.js, thank you for your dedication and the amazing car visual effects you've created.

[@jaredralphstanley]

That blender-as-editor approach is brilliant! Both as the level generator and the instance-mesh-positioning tool. So inspiring!

[@therealjtgill]

Thank you so much for sharing these dev logs. The level of polish in your videos and portfolio is unparalleled. I can't wait to drive all over your resume!

[@djiomouche2619]

I really love these devlogs. So insipiring. Thank you very much for sharing. Can't wait to see the next one!

[@alysoliman]

Bruno, I saw your car website 3 years ago and ever since, ive been learning threejs as well as everything around it, thank you for the inspiration man!!!!

[@BrunoSimon]

My pleasure!

[@matta6363]

I already like the direction this portfolio is going in, it will be a peace of art once finished!, keep up the good work.

[@T00om]

Thank you Bruno for providing so much inspiration the last two years!!✨ Don't hurry to release new DevLogs as quickly as possible, it takes time for good things to happen.

[@chrisandrew_tv]

@BrunoSimon You've remained an inspiration since the beginning of my dev journey. I revisit your course whenever I need to refresh on something Three related. Thankyou.

[@___d3p1]

Beautiful water! I also love the day/night transition and the final result of this dev log! Also, amazing office!

[@davidgardener1152]

i like around 5:30 when you were talking about hate values based on an underlying greed. 😅

[@BrunoSimon]

Is my English this bad?? 😭 That's also why I pay extra attention to the subtitles

[@davidgardener1152]

@@BrunoSimon oh sorry, i was only kidding!! haha. im being obtuse. sorry! your videos are great! keep it up!!

[@xanaxmister9304]

The start, "Kept you waiting, huh?" should not go unnoticed. 😝

[@BrunoSimon]

😏

[@phantom-channel-yt]

That Metal Gear reference... love you man!

[@BrunoSimon]

Connoisseur 😏

[@AndersonMancini]

Amazing work as always 👏🏻 🙌 👌

[@AdamLeis]

Just… really great. You're an inspiration, Bruno. Thanks so much for sharing.

[@Dbean87tube]

Fantastic Bruno! Always a good a day when a new video comes out 😃

[@MiloradCenic]

Looks great, and i know that you can do much much better, it just takes time. Anyways, i'll be taking your course this year, really excited about that one :)

[@cosmicxosydian]

This looks amazing, another amazing idea would be biomes. Aw man those glowing bushes at night would look super epic if they had like fireflies or some kind of particles flying around them :D

[@BrunoSimon]

Oh yeah. Fireflies in the night would be awesome. Thank you, I'll add it to the list.

[@vm-dev]

It could be so cool if you spawn a raft under the car when it enters the water, so it could float! Anyway, a lovely piece of work/art, lookin' for some moar. :)

[@BrunoSimon]

Ahah, that would be funny

[@pimpatterson]

nice editing, this video has a great unique style to it

[@ginger-viking]

Bruno you're a legend

[@kylestorti]

Great video! Thanks for sharing

[@DjMika012]

This episode is so great, i laught aso much, incredible !

[@bamoj]

Another Site of the Year ✅

[@FrancescoMichelini]

You got me at 0:05

[@ДаниилНосов-х6б]

Fantastic!

[@Vaeshkar]

Very well done, Simon. Lovely.

[@diwakar_tsn]

Bro is building goated protofolio 🗿😎

[@jostasizzi818]

Man is on 🔥

[@webghoul]

Messi of WebGL and Threejs

[@trafuslol7047]

I hope we will have Biome. A Moutain with snow and a desert

[@BrunoSimon]

True, that could be nice.

[@merouanebali2915]

Insane, just insane 🔥

[@HashirButt-d7i]

Je suis un étudiant de three.js journey, j'adore votre contenu, il est toujours incroyable.

[@warpoulpe8956]

That's super cool keep it up

[@AkashSingh-hs5sg]

Finally ❤

[@이승훈-e9i6v]

so cool

[@QUIGNONPAIN]

Impressive !

[@EmiKinderknecht]

love it

[@niltonschumacherfilho3368]

It would be cool if you created a tutorial for this portfolio! Yes, i know the dev vlogs already give a great perspective on what your doing, but I believe we would learn much more, maybe adding it to threejs journey with and extra amount of money

[@BrunoSimon]

That might be the outcome. Right now I just build stuff and have fun. By the time I finish, The WebGPU implementation in Three.js and TSL should be pretty stable and I might create some learning content.

[@victorvergaraillustrator]

It's art! ✨

[@MrShDen]

Really love it! How many hours did you spend on the tasks from this devlog?

[@BrunoSimon]

Glad you like it. I spent 4 days on the devlog, about 6h a day. So a total of 24 hours.

[@69Nesta_]

J'adore comme toujours t'es devlog ! Je ne sais pas si tu sais mais maintenant sur youtube tu a la possibilité de faire des piste audio genre une en Fr et une en En.

[@BrunoSimon]

Je ne savais pas, c'est bon à savoir. Par contre mon audience FR est assez négligeable comparé au reste, donc je préfère juste avoir de bons sous-titres.

[@enriquop1]

Please add this to threejs journey!!!

[@kill_switch_101]

ur just great,

[@fstvrgrnr]

Powerful content as always! Are you using plain three.js or react-three-fiber? I find it more straight forward using Three.js since I know it better, but I find its integration much more laborious compared to using 3 fiber...

[@BrunoSimon]

When it's complex, I prefer to use Vanilla. It's slower, but I'd rather have full control. Also, I don't think WebGPU and TSL are supported in the R3F environment yet.

[@sweaaron]

[@fresk9139]

Are you actually making a portfolio or just a relaxing video game? Kappa. Mais je kiffe en tous cas !

[@BrunoSimon]

Bit of both, and even more 🙌

[@Aakash-j2e]

Bruno, do you use AI to speed up your workflow or problem-solving? How do you fix issues so quickly? I usually get stuck for ages. Love your work!

[@BrunoSimon]

Not very often. Mostly to resolve complex algorithms. I"m used to problems and I have various techniques. - Simplifying the problem and removing as many variables as possible - The rubber duck debugging - Resting between attempts at solving - Solving the hardest problems early in the morning

[@KingMike-w8s]

This is awesome, but is it on your portfolio or is it somewhere else?

[@BrunoSimon]

Yes, that's the whole point. This new portfolio will replace the old one.

[@MrLarryQ]

Great stuff here. Is there a sandbox where we can try it out?

[@BrunoSimon]

Not anymore. Next time it'll be public might be on release 🤞

[@diaxudev]

It would be a cool visual if the car deployed a propeller while in water

[@BrunoSimon]

I like the idea. Especially since we can distinguish things underwater pretty well.

[@trafuslol7047]

@@BrunoSimon you can also loke in mario kart, turn the wheel upside down toward the water. But i think the propeller is way more interessant in your design id

[@geelemo]

Bruno, I have an idea for the time of day feature. Why don't you use minutes for hours? So, for example, 24 real minutes equates to 24 in game hours. That way, everyone can see the progress without having to wait too long

[@BrunoSimon]

Sounds great. But I should probably scale it to how much time the user spends on the portfolio. On my portfolio, the average time was 1:30 minutes. I'm hoping for a little bit more on the new portfolio. I would need an average user to spend about half a cycle on the portfolio so that he gets to see at least one dawn/dusk. That brings us to about 3 to 4 minutes per day cycles. Maybe 🤷‍♂️

[@geelemo]

@BrunoSimon yh maybe...

[@tenkkov]

Why you not packed heightmap into alpha channel of your RGBA texture?

[@BrunoSimon]

Why the alpha channel? You don't like the blue channel? 😅

[@trafuslol7047]

Couldnt you go with a perlin noise to make a random generation map ?

[@BrunoSimon]

I could, but I also want to decide exactly what should be where.

[@trafuslol7047]

@@BrunoSimon yep get the idea

[@jeancarlodeconto8196]

Bruno looks like that you are making a car game engine 😮

[@BrunoSimon]

It's very likely that there will be a circuit at some point with worldwide leaderboard 🏁🔥

[@manuexdmmm]

Which softwares do you use to make all this magic? 😮

[@BrunoSimon]

Mostly Three.js. Check the previous devlogs for more info. And if you want to learn Three.js, I made a huge course threejs-journey.com/

[@tenkkov]

Do you know the main problem of built-in Three.js InstancedMesh class?

[@BrunoSimon]

No?

[@tenkkov]

​@@BrunoSimon The main problem with the built-in InstancedMesh class in Three.js is its lack of proper optimization for frustum culling. When you use an built-in InstancedMesh, the entire set of instances is treated as a single object for culling purposes. This means that even if only a few instances are within the camera's frustum, all of them will still be rendered, which can result in unnecessary GPU overhead. In your case its not critical, cos you have a small scene but in larger scenes to improve performance, you may need to implement custom culling logic or use alternative solutions like dynamic instance batching to ensure only the visible instances are processed or... maybe use other open-source solutions.

[@rshiyamohammadi7723]

im reallly having a hard time switching from threejs to R3F , are you writing oldschool? or you switched to R3f?

[@BrunoSimon]

When it's complex, I prefer to use Vanilla. It's slower, but I'd rather have full control. Also, I don't think WebGPU and TSL are supported in the R3F environment yet.

[@absamurai]

I want to clarify: this is your free time hobby after the work and this is really your progress for the month of such a hobby?

[@BrunoSimon]

Right now, it's hard to define what part of my day is "job" or not. Nothing really feels like a job. In a way, what will come of this portfolio makes it so that it's also my job 😅

[@absamurai]

@@BrunoSimon I'm from a poor enough country + a father of the small kid and I just don't understand how ppl can manage to live in such a good conditions (like look at your surrounding, it is awesome :) ) and have that amount of time to make such a progress in 1 month (+ make a video about it). That's something unreal for me. No offence, you're awesome, your work is awesome, video is awesome. It just made me look stupid in my own eyes ) Thx for the video by the way.

[@devilsh8273]

Please sir for buying your three js journey course add more alternative options of payment because many people in India didn't have credit cards. I have money to buy but don't have any options to pay 😭.

[@BrunoSimon]

I'm using Stripe which displays whatever payment solutions are available in the purchaser country. I don't have control on that unfortunately.

[@DevanshRawat-mc6td]

I want to see water better plssss 🥺

[@SjoerdVermeijden-u9v]

What kind of stand are you using for your macbook?

[@BrunoSimon]

I have no idea and there is no brand on it. I think it's a mix of two stands 😅