THREE JS / WebGL: RGB Curve Distortion Effect on Mouse Move
ฝัง
- เผยแพร่เมื่อ 24 เม.ย. 2021
- Hi guys.
Back with another RBG distortion effect video using THREE.JS.
Code posted here: github.com/conorbailey90/RGB-...
I hope you enjoy.
Thanks for watching.
Conor - วิทยาศาสตร์และเทคโนโลยี
This channel is a hidden gem! Looking forward for more threejs tutorials. Thanks man!
I love these effects! Fantastic work!
this is great, man! you're the only one i found on youtube that made a tutorial on this trendy effect, it was very helpful! please keep creating stuff like this : D
Check out yuri artyukh channel, he is one of a legend
very concise, encountered few errors. THANK YOU MAN! You're a blessing
One of the best tutorial ever... Please keep making these kind of tutorial videos. I can't tell u how useful it is to a student like me. Not only me, I'm sure it's helpful to many others.
May you never cease to amaze us....
Thanks so much for your support!
Thanks man, this is really good. You made it way easier to understand everything.
this channel is gem!! thank you!! I accidently got to see your channel no regrets!! thank you!!
Was trying to find this effect from past 5 months
Finally found IT !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Thank you !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Top notch content! Fantastic!
I saw your previous video about rgb split and I literally couldn't resits. Awesome one!
Thanks Martyna. Glad you like the videos. Will work on some more three is stuff soon!
@@ConorBailey awesome to hear, keep up great work!
Loved this video!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Wonderful stuff, thanks!
awesome content
Very clear bro🤓🤓🤓🤓
Cool video. Can you pls create one with rgb split effects on mouseover images?
Great video,but the
effect is good if the unordered list doesn't scroll, could you link a piece of code to position the mesh to the centre of the cursor. I'll appreciate.
Thank you for your awesome tutorial😍 One problem: when the mesh and image are in different aspect ratio, The texture got stretched/stretched. Can you please help me with any solution for that?😍
Hello, thanks for this tutorial. How can i use this on a wordpress website with elementor ?
great video! Just one question, why switch case and not functions ?
Hi Lorenzo. No reason to be honest. I just though I’d used it here. It took me a while to get this effect working on Saturday so I just left the switch case in. There’s likely to be a better way to implement this. I don’t really use switch cases much to be honest.
Hello you are so creative. It would be great if you create a cool website let's say landing page / multi page portfolio with all good JS staff (transitions / animations etc). Where you combine cool effect. That would be really great.
Thanks so much mate. I will look into creating a cool / portfolio site next. It may have to be a speed code through as opposed to me talking through it as it could be too long otherwise haha.
@@ConorBailey thanx a lot
Can I ask how to run the source code? Use npm?
Following this video I realize I don't know so many things. I don't know how importing Three.js actually works and so many other things in the javascript code. What's the best path you would recommend to get a vision of all these things? I'm pretty good at HTML and CSS and I know the basics of javascript. Should I get to the point where I master Javascript completely or is following these kind of (for me) complex videos a good way to learn? I mean I can replicate it without any problem but I don't have the feeling I know what I'm doing if that makes any sense. Thank you :))
Hey can you do the tutorial of the effect on this portfolio has "jesperlandbergdev". I saw that rgb and scroll animation is stunning. That would be much appreciated if you can do a tutorial on that animations 😇
But what are the prerequisites for this????It is hard.
Would be nice if you have the source code. I'm getting errors and I can't find the solution
Here you go mate. Forgot to post in the description. github.com/conorbailey90/RGB-Split-Hover-Effect
Plz make a video on svg drawing onload animation.
Will look into it a some point mate. I’ve not got much experience working with SVG’s to be honest. Something else to learn haha.
@@ConorBailey ok, then just on load animation, it would be appreciated.
GAWWWWWWWWWWWDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD
I hate to complain but dude the constant "lip smacking" or whatever is annoying as hell.
Turn the volume down then