Interactive particles loop with

Original: opencontinents...
Agency: kuva.io/
Agency: toyfight.co/
My workshops: threejs-worksh...
Support: / allyourhtml
Twitter: / akella
Setup: gist.github.co...
Facebook: / akella
#threejs #glsl #webgl #react #r3f #fiber

[@akella_]

of course i figure out bug once i closed stream 😅 - the problem in offset of mouse interaction was that particles were with Z=1, and ball and raycaster on Z=0. Should i use Orthographic camera, we wouldnt even notice:-) Anyway hope you liked this journey!

[@junoxsndc]

How do I modify that? thankss

[@betanpc8210]

Man i was late for the stream, thank you always for the streams it really helps

[@betanpc8210]

I finally got the time and i replicated this tutorial!! THANK YOU SO MUCH THIS IS SO COOL

[@junoxsndc]

Hi! you can fix the offset of mouse?

[@konstantinbondarenko5235]

Дякую за стрім Юра.

[@Lofausto66]

I just found what to do tomorrow man :) thanks for the great content

[@ryanthedeveloper]

MY BOY YURI!!!

[@thisisminwook]

It's finally here, thanks a lot.

[@bencchen3689]

Hello,I am a newbie, and at about the 45:00 mark in the video, I wonder if it is because of this relationship that the displacement is shrinking further and further? ``pos.xy += (targetPos.xy - pos.xy) * 0.01; `` So is it more correct to control the speed at float angle?

[@enriqueruiz320]

😱 Justo lo que buscaba!!!

[@jasonszsilva3489]

can you do this with a 3D model gltf like break it into this

[@khlorghaal]

webgl2 supports transform feedback, no need for framebuffer

[@yevheniizh]

Героям слава! Amazing content! As always 👏

[@ccapcapu6615]

I think you have to make an udemy course with you and your project you will make a lot of money

[@pratikvakil7385]

When assigning the UVs, if the values are set to "i / this.size", all the particles goes haywire. They become like the donut only when I set the uvs to "i / (this.size - 1)" [ just like in your course ]. Also, I don't know why, however there are some particles that come in the center of the donut. Apparently when I increase the screen resolution, i.e. set zoom level to 25%, the number of particles in the center decreases, but they still remain. Any ideas why?

[@pratikvakil7385]

Found the issue. I had set LinearFilter in place of NearestFilter while creating renderTarget. Arghhh,, it cost me 2 days to figure that out.

[@AlexBezhan]

How do you stream on mac? My M1 Macbook Air is just dying under OBS

[@agusmacrae2193]

Hey yuri, i have an idea in mind, i want to make a game in R3F, and want a retro look, how would you make a 90s VHS filter for a FPS game?

[@andreim6342]

Hey, where can I find the source code for the starting template?

[@akella_]

they are on my patreon

[@MrLarryQ]

Looks great, is there a github or other project where I can see the source?

[@akella_]

i share code from most of my streams on patreon

[@HieuPham-ix7cs]

more r3f please

[@Kurus-pn3ql]

Sadly, I am not able to understand this. Yet...

[@ruysei7078]

Which browser are you using ? That looks good

[@rbbimusayev7771]

Arc browser

[@LeonhardÖzdemir]

I think this code is too much for my graphics card. So sad. I am already halfway done with the tutorial.

[@subhra899]

😹😹

[@ExcoAndy]

Когда тутор на украинском языке?

[@akella_]

я вже робив, просто не на своєму каналі, є декілька стрімів на каналі DOU, а тут вже більш аудиторія зі всього світу.

[@ceciliawsk9159]

Thanks Yuri for the amazing videos you're doing! I'm trying to reproduce the stream but i have the same error as yours at the beginning (this.fbo.texture), and even if I did the correction, I still see nothing but a really small yellow square 😥 Anyone here had the same issue and found a solution? Thanks!

[@serafin322]

For me I was using this.width and this.height in getRenderTarget() but hadn't set them to the canvas' width/height so the fbos were both null

[@nth838]

Hi, I have the same problem. Did you find the solution?

[@ceciliawsk9159]

​@@nth838 Yes, but my error was that in my getRenderTarget() function I had set "format: THREE.FloatType" when it should have been "format: THREE.RGBAFormat", hope this helps