3eyes
@3eyes_iii
Followers
3,712
Following
1,065
Media
608
Statuses
2,476
Not a web designer. I make designer websites
Joined February 2021
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
Vance
• 2396724 Tweets
Vance
• 2396724 Tweets
#VPDebate2024
• 332546 Tweets
Pence
• 136253 Tweets
Minnesota
• 134115 Tweets
Tampon Tim
• 96367 Tweets
Tiananmen Square
• 65895 Tweets
महात्मा गांधी
• 64225 Tweets
LINGLING MYCHERIE AMOUR EP4
• 62996 Tweets
からくりサーカス
• 61958 Tweets
गांधी जयंती
• 59758 Tweets
#原神KFCコラボ
• 57910 Tweets
लाल बहादुर शास्त्री
• 56557 Tweets
#GandhiJayanti
• 55539 Tweets
ケンタッキー
• 51354 Tweets
Obamacare
• 32481 Tweets
ニンテンドーミュージアム
• 28322 Tweets
リネット
• 26305 Tweets
Timmy
• 23926 Tweets
Vladimir
• 23703 Tweets
宮崎空港
• 17545 Tweets
ネットオーダー
• 17181 Tweets
原神コラボ
• 13907 Tweets
#LalBahadurShastri
• 11043 Tweets
Last Seen Profiles
Another look at my workflow for building interactive 3D websites using threeJS. .
#3Dwebsie
#threeJS
#creativecoding
#reactJS
#webGL
#3Ddesign
#websitedesign
#r3f
#3dart
#blender3D
#animefyp
15
124
1K
My workflow for building 3D websites using threeJS .
#threeJS
#3dwebsite
#creativecoding
#reactjs
#websitedesign
#3dart
#webGL
#blender3d
#3Ddesign
20
63
980
Making a 3D website “responsive” is easy, its all about how you frame the content. Any DOM based stuff will follow the same rules as usual responsiveness that you’d expect on any website. .
#threeJS
#responsivedesign
#3dwebsite
#creativecoding
#reactJS
#javascript
#3dart
#webGL
13
26
533
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
8
43
653
How i export and optimise my models from blender to use on a 3D website
#3dwebsite
#threeJS
#creativecoding
#interactivewebsite
#3Ddesign
#blender
#reactJS
#webGL
#websitedesign
#r3f
#3dmodelling
#blendertutorial
4
26
422
Using theatreJS to set up and sequence my 3D scene.
#threeJS
#3dwebsite
#3ddesign
#blender3d
#creativecoding
#reactjs
#3dmodelling
#websitedesign
#designinspiration
8
26
418
Adding some 3D interaction to this website header using threeJS and rapier physics. Full disclosure, this concept is a pretty famous case study from a website called Lusion…there is looooads of demo code online for this from some extremely talented and creative developers…dont
1
24
367
The goal: build a single component that can add interactuve grass to any 3D mesh.
#threeJS
#3dwebsite
#creativecoding
#webGL
#reactJS
#interactivewebsite
#3Ddesign
#websitedesign
#javascript
10
14
304
My workflow for baking textures ready to use on your threeJS website .
#threeJS
#3dwebsite
#interactivewebsite
#creativecoding
#3Ddesign
#blender
#reactJS
#webGL
#r3f
#websitedesign
5
17
279
Inspired by Viscous.Realm’s blender tutorial - had to try and recreate this effect for a website using threeJS! Think i got pretty close! .
#threeJS
#creativecoding
#blender3D
#webGL
#3Dartist
#3dwebsite
#interactivewebsite
#webdesign
#reactJS
#r3f
#websitedesign
8
14
258
Might be the most creatively freeing decision I’ve ever made .
#threeJS
#reactjsdeveloper
#3dwebsite
#creativecoding
#creativecoding
#webGL
#websitedesign
#b3d
#reactJS
6
11
204
Using baked lighting textures in a custom shader material, mixed with gradient remapping… .
#threeJS
#3dwebsite
#blender3d
#creativecoding
#reactjs
#websitedesign
#webGL
#3Ddesign
#reactJS
4
10
194
Baking lIght makes the 3D models look like you could just reach in and grab them…at a fraction of the cost of using computed shadows, lighting and AO .
#3Ddesigner
#creativecoding
#threeJS
#webGL
#3dwebsite
Posted on
#Tiktok
by
@3eyes
.iii
4
7
186
Probably lighter than you think. . Full disclosure, the images folder is an additional 200KB and the dependecies and scripts come in at 2MB (although lots will be cached) .
#3Dwebsie
#threeJS
#creativecoding
#reactJS
#javascript
#3dart
#webGL
#3Ddesign
#websitedesign
2
8
181
Using theatreJS to get precise, timeline based sequences on my 3D website .
#threeJS
#theatreJS
#3danimation
#3dwebsite
#creativecoding
#webGL
#b3d
#reactJS
#interactivewebsite
#blender
#r3f
#3dmodelling
5
12
180
How i made the custom Anime material on my 3D website .
#threeJS
#3dwebsite
#blender3d
#creativecoding
#reactjs
#websitedesign
#webGL
#3Ddesign
#anime
2
9
181
Deep diving into compute shaders to add some 3D interactive grass to a new webaite build
#3Ddesigner
#creativecoding
#threeJS
#webGL
#3dwebsite
Posted on
#Tiktok
by
@3eyes
.iii
3
6
179
Someone showed me this and i had to see if it can be made for a website! . Ive set this up to use GPGPU Compute shader so all the vertex data is stored in a DataTexture and read by the vertex shader. I also use a seperate shader to handle the displacement - might be overkill but
7
5
166
From Blender model to 3D website .
#creativecoding
#interactivewebsite
#3dwebsite
#threeJS
#3Ddesign
#blender
#b3d
#javascript
#reactJS
#webGL
#websitedesign
#designinspo
8
6
156
Giving me Theme Park game vibes from the 90s! Heres how i built a procedural rollercoaster that you can ride on for my 3D website using threeJS! .
#threeJS
#creativecoding
#reactJS
#r3f
#webGL
#3Dwebsite
#3Ddesign
#websitedesign
#blender3d
#3dart
#javascript
3
13
154
How I created a procesural Rollercoaster (or any sort of road) using threeJS. . Performance and flexibility is key, so instead of building the entire tracj, i decided to make a component that takes a curve, samples it to a data texture and then uses that in a vertex shader to
4
7
149
3D interactive shopify store using react three fiber .
#threeJS
#3Dwebsite
#interactivewebsite
#3Ddesign
#b3d
#r3f
#websiteinspo
#awwwards
#3dwebdesign
#customshopify
8
9
142
The vibe is Michealangelo meets Quantas airways. How to make dreamy clouds for a 3D website! .
#3Ddesigner
#creativecoding
#threeJS
#webGL
#3dwebsite
Posted on
#Tiktok
by
@3eyes
.iii
8
12
131
This is why they call me a fun-guy in the dev world 🤣🤣
#3Ddesigner
#creativecoding
#threeJS
#webGL
#3dwebsite
Posted on
#Tiktok
by
@3eyes
.iii
0
3
128
restricted to 16,383 tris…but i think thats a good amount of overhead…
4
2
126
Working on a collab, always wanted to try that effect where a light circle emanates out from a point of impact
.
#threeJS
#wip
#creativecoding
#webgl
2
1
124
Adding footage to your 3D website gives that instant y2k flash website vibe…in all the best ways!! .
#3Dwebsite
#3dwebdesign
#creativecoding
#interativewebsite
#3ddesign
#threeJS
#websiteinspo
#websiteoftheday
#designinspo
#awwwards
4
5
115
Dialing in those grass settings for the floofiest lawn on the internet .
#3Ddesigner
#creativecoding
#threeJS
#webGL
#3dwebsite
Posted on
#Tiktok
by
@3eyes
.iii
9
7
120
Searched “corkscrew bent around a circle equation”, turns out this shape is called a toroidal spiral
#threeJS
#creativecoding
#webGL
2
3
113
I’ve definetly carved our a noche for myself!! But youre in good company if youre a musician and a nerd!! . Im working on building a 3D website that reacts to music for a live show! .
#threeJS
#creativecoding
#reactJS
#midi
#musiciantok
#nerd
#webGL
#3dwebsite
#3Ddesign
3
2
107
This might be my proudest work to date…still a WIP, but I feel like I’ve found the art/website style I’ve been wanting to make for months!!
#threeJS
#creativecoding
#3dwebsite
7
3
106
Always loved Marcelo’s design videos…now I get to bring one of them to life using threeJS, GSAP and some webGL shaders. . Kind if cool thing to know, you can use GSAP for both DOM and canvas elements, making it a really good choice for builds like this and making everything feel
5
2
101
Totally obsessed with how the camera follows my mouse 🎥🐁
New
#ecommerce
site i've been working on built with
@threejs
, launching this week!!!
#threejs
#r3f
#3Dwebsite
8
7
98
Still roughly mapping this one out…but nearly all the mechanics are in place
#threeJS
#creativecoding
2
4
99
Using vornoi noise to make more interesting formations of 3D grass! Does this remind anyone else of monsters inc?? .
#threeJS
#creativecoding
#webGL
#interactivewebsite
#reactJS
#3Ddesign
#websitedesign
#javascript
#r3f
#
3
1
95
Been working on making some evil looking space clouds with lightening that you can fly through on scroll. The lightening is just random animated exposure - simple but looks so good!!
.
#threeJS
#r3f
#interactivewebsite
#3Dwebsite
11
3
92
Controversial…but when I do 3D fly through style websites…I keep the camera static and just move the whole scene
#threeJS
#WIP
#creativecoding
#3dwebsite
10
4
88
Grass is slowly getting there. Still not 100% happy with it but heading in the right direction!!
#threeJS
#creativecoding
6
1
81
Starting work on a 3D interactive gallery with posts from a wordpress backend today! .
#3Ddesigner
#creativecoding
#threeJS
#webGL
#3dwebsite
Posted on
#Tiktok
by
@3eyes
.iii
6
4
78
Heres how i created the illusion of an infinite loop on my website! Love this effect!
#3Ddesigner
#creativecoding
#threeJS
#webGL
#3dwebsite
Posted on
#Tiktok
by
@3eyes
.iii
2
3
72
Forever scrolling through a scene....slight glitch at the end i need to fix
#threeJS
#creativecoding
#3dwebsite
2
4
60
Twitter will destroy this…but it was nice to finally use my A level maths after 20 years to make some fancy swirly things
#threeJS
#threeJSjourney
#creativecoding
#webGL
1
1
60
1
2
52
2
1
50
3
2
49
I believe that websites can be art…and that can be their primary purpose
.
#threeJS
#creativecoding
#webGL
#r3f
#interactivewebsite
4
3
49
Finally got round to fixing the normals after displacement on my Grass component
#threeJS
#creativecoding
#webGL
2
1
49
What if I told you this 3D refractive glass was interactive…and going on a website 🤯🤯🤯
.
#threeJS
#webGL
#reactthreefiber
#r3f
#3Ddesign
#3dwebsite
0
0
48
Big WIP. But this is my proceedural road...takes a road segment mesh (mine is 2KB) and a curve as an input, and creates a smooth, outlined road where the geometry bends around the corners perfectly....
#creativecoding
#threeJS
0
0
48
Oh HelLOD!
Pretty primitive, but culling instances, with a density falloff on the GPU to save rendering a shit load of instances for no reason
#creativecoding
#threeJS
#webGL
#GLSL
#r3f
1
1
48
These images on the wall are pulled in from the featured images of wordpress posts...but i've added baked in light maps over them to blend them into the scene
#threejs
#creativecoding
#b3f
#3dwebsite
#r3f
2
0
47
Putting some featured inages from wordpress in my 3d website gallery and blending them with lightmaps .
#3Ddesigner
#creativecoding
#threeJS
#webGL
#3dwebsite
Posted on
#Tiktok
by
@3eyes
.iii
1
2
47
Little sum sum i'm working on this week - building in little interactions like dynamic fov on hover
#threejs
#r3f
#creativecoding
#3dwebsite
3
1
47
Adding real time reflections to my 3D website gallery floor .
#3Ddesigner
#creativecoding
#threeJS
#webGL
#3dwebsite
Posted on
#Tiktok
by
@3eyes
.iii
4
1
44
Man, let me tell you, you really haven’t lived until you’ve manually coded, positioned, sized and coloured 1,690 clouds
#threeJS
#r3f
#3dWebsite
6
2
44
WIP - challenge accepted…can we make grass affected by wind, floating fireflies and flowers all from a single draw call…it’s messy, but it’s getting there!!!
#threeJS
#creativecoding
#glsl
#webGL
3
0
42
🚨 BIG GIVEAWAY 🚨
💰 2x $200 ETH
💰 4x $50 ETH
👕 4x Merch
🎨 10x NFT
✅ RT & Tag 3 friends
✅ Join our discord:
✅ Own an AAA Pass NFT (1 NFT = 1 entry)
🔥 Top 500 rarity = 1 extra entry 🔥
#nftgiveaway
#cryptogiveaway
#nftart
41
41
39
8
11
38
Cooking up something for later this month using GPU softbody simulations.
.
#threeJS
#r3f
#creativecoding
#3ddesign
2
2
38
🥳To celebrate reaching over 100 members in my discord, let's do an
#NFTGiveaway
!
✅ Retweet this tweet with your wallet address
✅ Join Discord! 🐺
Winner in 48 Hours!
-
#NFT
#NFTCommunity
#NFTCollection
#NFTProject
#PolygonNFT
32
35
31
Part 2 building grass and wind for my 3D interactive website using react three fiber
#3Ddesigner
#creativecoding
#threeJS
#webGL
#3dwebsite
Posted on
#Tiktok
by
@3eyes
.iii
1
3
37
Happy Saturday all! Here’s some 3D clouds I built last night using the cloud component from Drei…
#threeJS
#creativecoding
#webGL
1
0
37
1
2
36
My actual thoughts…should probably get out and touch grass more! .
#creativecoding
#3dDesigner
#3dartist
#blender3D
#unrealengine
#threeJS
#developerlife
4
1
36
Rendering a music video of a bald man dancing by a burger, and building a 3D website with 7 different worlds…I swear to god I’m sleeping like 3 hours a night at the minute 🤣🤣🤣
#threeJS
#b3d
#immersivewebsite
#3dMusicVideo
1
3
35
Making use of the weight attribute to ease in the grass height. Plus building a custom LOD system.
#threeJS
#creativecoding
#webGL
#interactivewebsite
#reactJS
#3Ddesign
#websitedesign
#javascript
#r3f
1
0
34
My Discord community is better than your Discord community! Let's do an
#NFTGiveaway
!
✅ Retweet this tweet with your wallet address
✅ Follow me on IG ->
✅ Join Discord!
Winner in 48 Hours!
-
#NFT
#NFTCommunity
#NFTartist
15
12
30
#threeJS
people, i need your help...i'm getting this jitter in my instanced meshes. I'm using Custom Shader Material by
@CantBeFaraz
, the vertex shader is placing each instance along a curve - but those near the end of the curve have jitter, only when i move my cam
9
0
33
Taking lessons from
@MaximeHeckel
and his recent blog post on dithering and retro shading!!
#threeJS
#creativecoding
3
1
33
Combining my 2 fave things…music tech and 3D web graphics .
#threeJS
#creativecoding
#midi
#reactJS
#webGL
#3Ddesign
#3Dwebsite
#websitedesign
1
0
32
3
0
33
Having a baby next week…so naturally I had to take a
#gaussiansplat
of the maternity room 🤣🤣🤣
#3Drender
#threeJS
1
2
29
Improving the camera movement in this 3d website gallery to give the artwork a bit more emphasis. .
#3Ddesigner
#creativecoding
#threeJS
#webGL
#3dwebsite
Posted on
#Tiktok
by
@3eyes
.iii
3
2
29
NFT Drop - 4th Feb. DO NOT SLEEP ON THIS!!!
Join our Discord Community ->
#nft
#nfts
#nftartist
#NFTGiveaway
5
12
24
This has to be one of the coolest website menu ideas out there. Built with threeJS - click the cara to see the menu and ride the car…click the arrows to cycle through cars. . For those trying to catch me out…the car models are 30KB each (3 of them), and its mobile responsive
2
2
26
Do I buy a
@goblintownwtf
next month when I get paid???? Also fully getting in on
@hobotownwtf
- no doubt on that!!!
4
2
23
💰 SECOND PAYDAY!!! 💰
No other NFT project is doing this!
🔥 5% Royalties BACK TO THE ORIGINAL MINTER!!! 🔥
MINT YOURS NOW - Only 2 Matic!
#NFTMinting
#NFTart
#NFTProject
#NFTcommunity
#passiveincome
8
13
17
My new go to aesthetic. This is a cinema on a broken spaceship flying through an asteroid btw…incase that wasn’t obvious 🤣🤣
.
#threeJS
#creativecoding
#webGL
0
1
25
Loved chatting with
@DominicKingBBC
@BBCRadioKent
this morning about music NFTs and my 5 NFT drops this year!!!!! Airs Wednesday @ 6pm ish!!
#nft
#nftartist
#musicnft
#nftart
#nftcommunity
0
4
24
1
1
24
Been working on some logic for clumping grass to get some slightly more natural looking formations
#threeJS
#creativecoding
#r3f
#webGL
#GPGPU
3
0
24
👀 Music NFT....but better...
💰 MINT
⏰ STAKE in the rehearsal rooms and earn NOTE$
🎊 Use NOTE$ to play your NFT on different stages at Danger Fest
💸 Get paid in $DANGERCOIN
🎸 Use $DANGERCOIN to buy more music NFTs
...repeat
#musicNFTs
#NFTs
#Web3
1
6
21
1
1
24
Bit more progress on the shader i've been working on which is quite highly likely to not be liked by the client, but it's liked by me!
#threeJS
#creativecoding
#webGL
#GLSL
0
3
23
🚨 6 DAYS UNTIL WE LAUNCH!!!! THIS IS NOT A DRILL!!!
I want you in my server!!! I'm giving away 1 NFT AND 0.01 ETH this weekend!!!
Come and win it >>>
#nft
#nftgiveaway
#cryptogiveaway
#nftart
#nftcommunity
#NFTartist
5
7
19
heres how i bake in light textures for my model before exporting them…i do 20 samples for dev and then 200 samples for production when im happy!! .
#3Ddesigner
#creativecoding
#threeJS
#webGL
#3dwebsite
Posted on
#Tiktok
by
@3eyes
.iii
1
0
22
Updates on the parametric curves…would love to say maths is fun but honestly it’s not and never will be 🤣🤣🤣 now just need to keep the shit out of these params
#threeJS
#glsl
#webGL
#creativecoding
#r3f
4
0
21
Ok this might be the most beautiful Shopify site I have ever made 😍😍 (but we never ended up using it)…headless shopify, coded in react with
#threeJS
…and yes it works on mobile .
#r3f
#3Dwebsite
#shopifystoredesign
#interactivewebsite
#creativewebdesign
#3Ddesign
#webgl
1
0
22
Actually looked at some pictures of palm trees and turns out their leaves go upwards! Who knew 🤦🏻♂️🤦🏻♂️
#threeJS
#creativecoding
2
0
22
The more and more I dabble with web based 3D stuff, the more I realise the art is in optimising code…anyone with a 4090 can run mad graphics…the trick is not to turn iPhones into pocket heaters
#threeJS
#webGL
#3Dwebsite
2
1
22