@3eyes.iii: Part 2 building this Blender based effect but using shaders in threeJS for a website. . I added a repelling function to the shader to give the feel that the mouse is oushing the triangle away. Also used Custom Shader Material to combine my shader code with existing threeJS material properties and added a MeshTransmissionMaterial sphere underneath . #threeJS #creativecoding #webGL #blender3D #3Dartist #3dwebsite #interactivewebsite #webdesign #javascript #coding #reactJS

3eyes.iii
3eyes.iii
Open In TikTok:
Region: GB
Friday 13 September 2024 07:14:35 GMT
670065
30016
237
798

Music

Download

Comments

atomauro
atomauro :
this is great
2025-07-03 04:21:06
1
kirbykilledagod
Kirby killed A god :
Now THIS is a front end dev
2024-09-13 14:51:33
509
hok_nari
NoSuchThing :
How do you know what word to put in that code? Just wondering how coders know what words to put
2024-09-17 11:12:02
0
thedizzytoast
TheDizzyToast :
so technically with that code, you could apply that to any mesh for the same effect right?
2024-09-13 08:50:00
485
zeketo1
Francis :
😭😭😭I give up
2024-11-14 13:32:54
3
womanlover02
woah :
Did you make any code yourself or just copy paste every single bit
2024-09-15 01:17:29
6
debugging50
namsayafaza :
I'm new, is that c++?
2024-10-17 01:26:11
1
papataytay
. :
if u replace the distance code with a quadratic function you can get a cleaner effect
2024-09-20 21:02:21
71
johnsouls2
johnsouls2 :
whheeeey
2024-09-19 09:53:40
1
advyl.studio
advyl.studio :
Amazing
2025-03-24 09:03:28
1
cat_defenders
Defender :
How much would site like that cost?
2024-09-17 21:20:14
5
crxd_dystopyr
🕹️ D.RAD.G 🎮 :
beginner web dev here how and where do I learn how to do this, and what's the techstack?
2024-09-14 14:41:47
33
emphaticalee
Lee Smalt :
What the blender tutorial?
2024-09-14 14:48:17
1
radcliff53
Rad :
I was about to start working on it this weekend!! Thought I had an original idea 😭😭😭😭
2024-09-16 00:01:47
1
fckedjavascriptguy
fckedjavascriptguy :
Bro just use a library
2024-10-19 06:52:33
1
dezesterr
Ardez :
Did u use react3fiber?
2024-09-17 17:22:30
1
ds11011
ds :
but.... why?
2024-09-13 16:09:27
2
misho9000
misho9000 :
Look great! I wonder abt the displacement formula. How come the triangles closest to the mouse get displaced so far at the beginning, but when mouse is in the center the displacement is uniform?
2024-09-13 10:18:26
3
urboychris87
Chris G :
This looks amazing. Mind sharing the source code? I only wanna study it dw
2024-10-05 19:22:24
0
ice.commercial.po
Ice Commercial Power :
You promised tutorialsss
2024-09-13 11:04:02
1
khalednassar93
khalednassar :
Baller bro. Cheers
2024-10-31 18:17:34
1
dj_mirekel
merikel :
AI could never
2024-09-15 05:26:36
24
pirks_
Pirk ✞ :
Just ask gpt to do it
2024-10-06 22:30:31
1
simply_branding_
Divine Oghenemaro :
followed you already 👍
2024-10-09 09:30:26
1
ira.sgtt
ira :
I cannot imagine having to build all this stuff from scratch with 0 libraries. Makes you understand why all old websites looked SOO terrible
2024-09-13 14:20:05
1
To see more videos from user @3eyes.iii, please go to the Tikwm homepage.

Other Videos


About