Пікірлер
@anon3118
@anon3118 23 сағат бұрын
pretty cool video, did have a question for the simple addition example. at 7:15, could you try using a shared array buffer instead to skip copying data over?
@luciferaswin
@luciferaswin 8 күн бұрын
Very bad tutorial, at least teach how to set the entire project, only when i started making my own project i realised directly importing glsl was a no go
@visionary_3_d
@visionary_3_d 7 күн бұрын
Starter files are provided however they might be somewhat old, and may need update. Part of being a developer is understanding how to create the dev environment with modern tools. I look at old tutorials all the time myself. Sometimes they're using the wrong syntax and I need to see how to do it the modern way now. That's all part of the journey, honestly 🙂
@neerajkrishnang3916
@neerajkrishnang3916 11 күн бұрын
For anyone having issues playing audio, you may need to move the load() function of the visualizer within a user-triggered button or something like that.(It complains about not being able to start an Audio context automatically otherwise) For example, const soundFields = { start: () => { visualizer.load(TRACK) }, stop: () => { visualizer.sound.stop() } } gui.add(soundFields, 'start' ) gui.add(soundFields, 'stop' ) There's probably a better way to do this though.
@freakfreak786
@freakfreak786 15 күн бұрын
Cmon man release the code pls Would help a ton
@visionary_3_d
@visionary_3_d 15 күн бұрын
Soon ✌️
@rohitpardhi3924
@rohitpardhi3924 16 күн бұрын
Thank you so much, helped a lot.
@mulinho1381
@mulinho1381 17 күн бұрын
What a useless video!
@jribhshandilya6943
@jribhshandilya6943 18 күн бұрын
Thanks for the amazing video! A question: In ducky's example, the contrast between black and white in the noise pattern is higher, and black is more concentrated. This is resulting in smoother displacement crests, compared to what we get here (very sharp crests). What do you think I can change to achieve that?
@visionary_3_d
@visionary_3_d 17 күн бұрын
Thank you 🙏 If I wanted to do that I would visualize the displacement color only ( black and white and without the vertex shader doing any displacement ). Then I’d try tweaking the values in the code, Adding subtracting and maybe dividing, multiplying by a constant in different places and etc… For a more detailed answer I’d have to look at the code but that’s what I would do. Creating the colors by feel.
@YtResolver
@YtResolver 20 күн бұрын
Can you insert complex textures to 3js , 3js seem messed up on my own perspective They should rethink how they build it.
@thebenezer
@thebenezer 23 күн бұрын
Cool video man! Felt like watching a short story. 😄 (Infinite rate of development in tech does not mean that physical structures have to be changing so fast..🥶 but, it’s a work of fiction, so you are a free man!😂)
@visionary_3_d
@visionary_3_d 23 күн бұрын
Thanks man! This was my first attempt at writing a story, so I think I made a lot of beginner mistakes in writing... I'm glad I made this though as it gave me a lot of cool visual assets to use in other videos 😆
@thebenezer
@thebenezer 23 күн бұрын
@@visionary_3_d oh yes! The visuals are great! How do you create those animations?
@visionary_3_d
@visionary_3_d 23 күн бұрын
@@thebenezer Thanks 😁 I use custom davinci resolve presets ( which I've made ). I made those using shader programming (in GLSL) + davinci resolve fusion. + some of the effects you can find on X ( I shared a tutorial there about the Old Tv Effect ).
@maximumcockage6503
@maximumcockage6503 23 күн бұрын
About step 3... If I do your GLSL course for shaders does that carry over to webGPU? If not do you have a shaders course for webGPU?
@TheMatjo
@TheMatjo 27 күн бұрын
Bro, not to sound offensive but you're giving garbage advice. Why? When is the last time you saw a job ad for a "threejs developer"? Name at least 5. Threejs is just a tool for adding 3d to your website, nothing more. A usefull tool but not enough to create an industry need. If you're after money, frameworks like React, Vue or Angular, now that's where the money is at. If you wanna do 3d, your best bet is to stick to unity, unreal or godot. Don't use tools, use frameworks my dude
@visionary_3_d
@visionary_3_d 27 күн бұрын
Alright.
@victorz7748
@victorz7748 Ай бұрын
Compiling C++ with emscripten becomes painful when the external dependencies become complex.
@visionary_3_d
@visionary_3_d Ай бұрын
Yep. +Long compile times...
@thecwd8919
@thecwd8919 Ай бұрын
How to speed up Java script: - Step 1: Use rust - Step 2: Use C++
@visionary_3_d
@visionary_3_d Ай бұрын
- Step 3: Use GPU programming language BUT for god’s sake DO NOT USE JAVASCRIPT 😂
@angeldavid4966
@angeldavid4966 Ай бұрын
I appreciate the info, but my favorite part is that you talked about teaching others, you my friend have gained the answer of this random internet user
@adinhobl
@adinhobl Ай бұрын
Excellent course for an absolute beginner in 3d-graphics like me!
@kushyglowy8409
@kushyglowy8409 Ай бұрын
Super interesting
@Jake-kb2le
@Jake-kb2le Ай бұрын
I would rather call it raymarching renderer rather than engine. Engine has bunch of other shit as well.
@visionary_3_d
@visionary_3_d Ай бұрын
Yeah you're right ! It's not even close to being an engine 😆
@KokoroDenshin
@KokoroDenshin Ай бұрын
Can they utilize multigpu? seem like only 1 gpu were used on my system.
@visionary_3_d
@visionary_3_d Ай бұрын
Hi. I don't think it's possible at the moment. I found this issue on the topic: github.com/gpuweb/gpuweb/issues/995
@Monkeymario.
@Monkeymario. Ай бұрын
cool video! tho the transitions between screens could be better perhaps decrease the delay and also maybe make the corners less rounded also i notice a pattern that artifacts mostly happen at edges image compression creates artifacts at edges spheretracing creates artifacts at edges and i notice artifacts when i look at the (probably lcd) screen at a angle perpendicular to the screen normal :)
@visionary_3_d
@visionary_3_d Ай бұрын
Thanks! You're right. Thanks for the suggestions. I'll try to fix the ray marching artifacts at some point 😄
@richardramirez5746
@richardramirez5746 Ай бұрын
just a question... you know a distance function that allows to show a transition between a material color and a predefined color, so that it allows changing color with a mouseover event... in other words, once I position my mouse on the mesh (let's say it's blue), it turns into red only in a portion (circular portion centered in mouse position), so having a transition between both colors ...
@richardramirez5746
@richardramirez5746 Ай бұрын
you are the best.. just a question, which graphics card and processor are you using? You think it requires too much GPU for three js.. examples like lusion or elysium pages to consider
@visionary_3_d
@visionary_3_d Ай бұрын
Thanks! I use "AMD ryzen 9 7900X", and "Nvidia RTX 4070 Ti". I recommend, you invest in a really good GPU because it's gonna help you in development massively. For three.js a mid-level GPU will get the job done.
@Joheungju
@Joheungju Ай бұрын
Yeah!! I finally found the ultimate lecture...
@Yerevan-yl5oh
@Yerevan-yl5oh Ай бұрын
👍👍👍👍✨
@Joheungju
@Joheungju Ай бұрын
Plz be my teacher,,,, your lesson is wonderful..!
@ashishwaykar2838
@ashishwaykar2838 Ай бұрын
me while enjoying this video : " pedro pedro pedro " LOL
@anshsahu1848
@anshsahu1848 Ай бұрын
I like how he explain, thanks for the tutorial
@navid_bgh
@navid_bgh Ай бұрын
احسنت. 🤟🏽
@sagar-tt4ub
@sagar-tt4ub Ай бұрын
beautiful video
@sanazesna8590
@sanazesna8590 Ай бұрын
❤❤
@miladkhademinori2709
@miladkhademinori2709 Ай бұрын
Damet garm, Impressive!
@visionary_3_d
@visionary_3_d Ай бұрын
Thanks!!
@mohammadpiri7497
@mohammadpiri7497 Ай бұрын
Amazing
@alifazel6226
@alifazel6226 Ай бұрын
👌👌👌
@SushanRai007
@SushanRai007 Ай бұрын
Damn that was cool
@mobocation8599
@mobocation8599 Ай бұрын
Nice👌🏻🔥
@fatiskn635
@fatiskn635 Ай бұрын
that was really cool and fun! I absolutely adore it❤❤
@parsasanchez9229
@parsasanchez9229 Ай бұрын
Nice work The God of intelligence
@homanbijari506
@homanbijari506 Ай бұрын
fabulous
@user-vj6ct8lp7c
@user-vj6ct8lp7c Ай бұрын
The bestttt bradaaaa
@Harbinam
@Harbinam Ай бұрын
Paaashmaamm MR stark🤌🏿
@the_hwmed4775
@the_hwmed4775 Ай бұрын
that was awesome 👌
@visionary_3_d
@visionary_3_d Ай бұрын
⚠ Disclaimer :: This video is a work of Fiction and is made for Entertainment. I hope you enjoy ✌
@alvarobyrne
@alvarobyrne 2 ай бұрын
glad to hear!
@nomanebenyshahid7435
@nomanebenyshahid7435 2 ай бұрын
Want more shaders course. Please
@richardramirez5746
@richardramirez5746 2 ай бұрын
hi, visionary.. you offer courses?
@visionary_3_d
@visionary_3_d 2 ай бұрын
Hi. Instead of making a course, I'm planning to give away most of my knowledge for free ( here, on X and soon my own website ). There will be paid content which will hopefully live on my website. ( But not as a course )
@richardramirez5746
@richardramirez5746 2 ай бұрын
@@visionary_3_d Great!
@no132design
@no132design 2 ай бұрын
So excited to see you back! Been grinding 3js projects while going through 3js journey from Bruno Simon. Also playing around with blender and I started after watching your video about the 3js dev roadmap.
@visionary_3_d
@visionary_3_d 2 ай бұрын
Thank You! Glad to see you're improving ♥
@youssefkhaled1189
@youssefkhaled1189 2 ай бұрын
thank you
@yacinezahidi7206
@yacinezahidi7206 2 ай бұрын
Love the content !!! Too bad the music is super stressful
@sjb8178
@sjb8178 2 ай бұрын
WTH why so low views. This is a criminal
@visionary_3_d
@visionary_3_d 2 ай бұрын
Thank you !
@leonsonstwie4816
@leonsonstwie4816 2 ай бұрын
Great video! Thank you for this. We need more of this advide out there
@totfosk
@totfosk 2 ай бұрын
Incredible done video