Matias 🧉
@matiNotFound
Followers
1,199
Following
675
Media
77
Statuses
404
🇦🇷 uncreative developer | tech lead at @basementstudio
Buenos Aires, Argentina
Joined January 2019
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
オリンピック
• 708955 Tweets
Christians
• 433669 Tweets
#บัสซิ่งไทยแลนด์EP7
• 416743 Tweets
Islam
• 369801 Tweets
#พรชีวันep1
• 230785 Tweets
花火大会
• 230711 Tweets
França
• 179138 Tweets
1M LOVE LINGORM
• 153987 Tweets
グラブル
• 120258 Tweets
YOKOFAYE WATCH BLANK
• 109855 Tweets
Judo
• 91676 Tweets
Itália
• 79378 Tweets
#SixTONESANN
• 71386 Tweets
柔道の審判
• 57250 Tweets
Leclerc
• 44240 Tweets
Darlan
• 43182 Tweets
#青島くんはいじわる
• 36435 Tweets
Arabia
• 32107 Tweets
Checo
• 30614 Tweets
Equi
• 26862 Tweets
Basquete
• 26124 Tweets
ハンドボール
• 21606 Tweets
コラボガチャ
• 21084 Tweets
永山竜樹選手
• 19518 Tweets
銅メダル
• 17506 Tweets
クラフトワーク
• 16562 Tweets
Babiarza
• 15831 Tweets
ガルリゴス
• 14920 Tweets
Wemby
• 12515 Tweets
Gobert
• 11421 Tweets
スペイン人
• 11317 Tweets
girl in red
• 11165 Tweets
33
455
5K
Have you ever enjoyed the sunset shadow on a website?
Here is a sneak peek of what we have been cooking with
@matiasperz_
at
@basementstudio
:
🔗
📝 Article coming soon
54
86
1K
Curious about how we created the soft shadows on the Daylight site? Check out our technical breakdown, complete with interactive examples!
📝 Read it here:
@matiasperz_
@basementstudio
13
45
394
🧪 New experiment! 3D Liquid shader made with
@threejs
and
#raymarching
.
🔗 Live demo:
🌊 The shader uses the object rotation to generate the waves with ray-marching.
💻 Source code:
#shaders
#threejs
#drei
4
54
304
🧪 New
#threejs
experiment. Featured on the
@basementstudio
lab!
With
@_Nico_brc_
, we implemented "Vertex Animation Texture" to simulate a waving flag 🇦🇷.
More details & link below 👇🧵
15
24
250
Can
@threejs
run on your terminal? Of course!
I'm using react-inc + node-canvas-webgl to achieve it. I also created a small Nextjs-like framework to manage scenes.
CLI game coming soon...
16
21
237
🧪 Exploring digital gardening on
@threejs
!
In this new post, I experimented with how to grow branches along a path and generate new ones procedurally.
📚 Docs:
🌱 Demo:
A resume of the docs is available on the thread 🧵
5
33
226
Hi! Today, I'm starting a new job as a creative developer at
@basementstudio
!! To celebrate, I did a
@threejs
experiment, a mesh reveal/dissolve shader. 🎉🧪
Demo:
Docs:
8
17
208
🚀 Just published a tailwind package to scale font sizes between breakpoints!
📦
Just by using text-min-[size] and text-max-[size], it will scale your text between mobile and desktop.
You can also set custom breakpoints globally or with classNames.
5
18
150
Wrote a blog post about the shaders we did for Vercel Ship!
Check it out here:
New blog post 📓
We're revealing a step-by-step tutorial on how we built the shader effect for the
@vercel
ship site using WebGL.
Link in the thread below
12
38
329
6
17
134
Threejs-Lab N.72
We made our own implementation of the drei's RenderTexture component. This allows us to pause the render when needed.
(The scene shown inside the monitor is not rendered when we turn off the screen.)
🔗
@threejs
@basementstudio
2
11
124
I'm using
@IFTTT
to listen to Pepito's tweets and save them into
@airtable
. Then fetch the data in
@nextjs
and set the environment based on the latest tweet. I created the backgrounds using
@BlockadeLabs
. I also added some animations using
@Blender
.
1
5
94
Wooow my second project at
@basementstudio
has just won an awwward! Congrats to the entire team 👏🎉
New SOTD "KidSuper World" by
@basementstudio
Check out their amazing work at .
#SOTD
#ArtAndIllustration
#ECommerce
2
15
143
7
1
86
Just managed to run
@threejs
+ react-three-fiber on the terminal. (using puppeteer+vite to render the canvas)
3
5
77
A new
#threejs
experiment is on the way! Using paths to create plant branches.
My focus is on figuring out how to transform geometry to follow a path and create procedural branches and leaves. Stay tuned for updates! 🌱
2
6
72
📝 New post! We have been shipping performance updates on the Daylight site and also writing down every trick we learned on the way, here👇🏻
Hey! It's us again, now with a post about the development experience for the Daylight project. We share some tools and tricks we've been working on lately.
Check check check 👉🏼
@matiNotFound
@basementstudio
10
19
267
0
3
57
Check out the source code at my GitHub!
It has the best hook I have written in my life:
1
0
46
Our offices after Vercel Ship and Daylight launch happened the same day
3
1
41
@branmcconnell
@matiasperz_
@basementstudio
Hi! We used react-ogl for this project. (We will build a technical post in a few days with all the details 🤓)
2
0
40
🇦🇷 Feliz día de la Patria!
Para festejar que nuestro país es increíble, armé un pequeño sitio que muestra al Arsat sobre la tierra.
(**Aún** no muestra su posición real)
🔗
💻 Source
📦 Modelo
#threejs
2
7
38
Testing how React 19 can affect one of our sites. It appears that the loading time will get worse since the assets are no longer being fetched in parallel when using suspense 🤔
1
0
24
Awesome short film made by the
@basementstudio
motion team!
Congrats
@_Nico_brc_
@VillasantiCesar
@Dewoomi
@Kalil_Fiat
👏👏👏👏
Just another day at the office...
Huge shoutout to our 2D & 3D team for this incredible short, hope you like it.
15
24
208
0
0
19
2
2
18
Ganamos un element of the day! 🏆
[ELEMENT OF THE DAY]
Call to Action — Vercel Ship by
@basementstudio
@evilrabbit_
@0xca0a
@gennyxdavila
1
4
43
1
0
17
@matiasperz_
@basementstudio
The awesome designers behind the magic:
@dmowl_
@_ccrrls
and
@_Nico_brc_
1
0
17
Trajimos la copa a 🇦🇷!
All we do is win, win, win, no matter what!
Our work for bagged us the 2024
@TheWebbyAwards
for People's Voice.
Massive thanks to
@KidSuper
, our incredible team, and to all who voted!
5
15
106
1
0
16
I am happy to share that Basement Chronicles, my first project with
@basementstudio
, was nominated for a Site of the Month
@Awwwards
! 🌟 Dive into our pixelated web adventure powered by
@threejs
. Check it out (and vote for it) here:
#AwwwardsSOTM
0
0
14
@0xca0a
@Cody_J_Bennett
We also implemented the soft shadows using pmndrs/drei as an inspiration 😉
2
0
13
👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀👀
Niantic announced Niantic Studio, their
@threejs
based 3D creation engine for web (and webXR). This is a revamp of
@the8thwall
which was acquired back in 2022
Good to see more innovation on the 3D creation/game engine front
10
52
467
3
2
12
Update on the tailwindcss-text-scale plugin!
✅ Simplified API: use one className to scale your text.
🐛 Fixed bugs.
⚙️ Added option to remove clamp
📝 Updated docs and examples:
2
1
12
Check out the live demo here!
Thanks again to
@_Nico_brc_
, who created all the assets and textures.
0
1
11
📝 New post in collaboration with
@nachogaran
! Here we wrote about some of the tricks used to create
#threejs
0
2
11
1
2
10
Just added a subtle lens flare effect using this package! ✨
@matiNotFound
@threejs
@PepitoTheCat
Loved it! Congratulations.
I guess this will be amazing with a subtle LensFlare 😍
2
0
9
1
0
10
In this generated texture, each pixel in the X-axis represents one vertex, and the Y-axis is how that pixel moves over time.
Then, we can sample that texture in the vertex shader. The pixel's RGB component will indicate where the vertex should move.
2
0
9
🇦🇷
2
1
8
How can we store simulation data without compromising file size?
We used a technique called “Vertex Animation Texture” to store all the vertex data more efficiently. This involves storing each vertex’s movement in a texture, resulting in a 1.9MB file.
1
0
8
@souporserious
It works really good! I managed to load a Vite app with puppeteer and displayed the result as ascii. I still need to test compatibility with ThreeJs
1
0
7
Renderizando voxels en el navegador con OpenGL y threejs. 📦
Repo:
0
1
7
👀👀👀👀👀👀
We're excited to introduce BaseHub Templates, production-ready websites, fully customizable, perfect as a starting point for your next big project.
7
14
162
0
0
6
Algunos experimentos que hice con threejs 🧪
0
3
6
@thevetat_
@0xca0a
@basementstudio
Thanks! The particles are rendered using + a couple of render targets to simulate a "magnet/trail" in the background.
The button trick it's just opacity:0 and tracking the position to add particles (same for the letters)
Here is an example of the magnet:
1
0
6
You can have pepito as your desktop background using wallpaper engine!
Download wallpaper engine, click on Open > Open from URL. And paste the url
1
0
5
We started by creating a cloth simulation in Blender. Our goal was to display that animation in a Three.js sandbox.
Our first approach was to embed all the vertex transforms into the .glb file as Morph Targets. However, this resulted in a 13.5 MB file.
2
0
5
The attention to detail of each effect is amazing
NEW PROJECT LAUNCH 🚀
⮡
We are thrilled to announce our latest collaboration with
@spaace_io
to bring you this immersive 3D storytelling Web experience.
A special shout-out to
@Plan8_Music
for crafting the incredible audio that bring the experience to
27
52
462
0
0
4
👀👀👀
Happy to finally release this little
#webgl
experience for Chivas made with my talented friend
@makio64
and the team at
@SwipeBack
🥃✨
Voice and sound design
@cestjorel
Motion made in
#C4D
#redshift
⤷
Spread love here
@fwa
1
6
71
0
0
4
Will Vercel rewrite the universe in Rust? 🤔
0
0
4
👀👀
🎨 (Re)launching Pastel - a Next.js-like framework for CLI apps made with Ink.
– Files as commands
– Put files into nested folders to create subcommands
– Define options and arguments via Zod (full type-safety)
– Auto-generated --help
Live now →
13
84
644
1
0
4
0
0
4
@YaelShroom
@threejs
@PepitoTheCat
Yep. I will first move the data to Vercel Postgres (due to the rate limits of Airtable) and then create a public api
1
0
4
Wanna build amazing websites?
Join the Basement!
👇👇👇
gm, we’re looking for a frontend developer skilled in
@nextjs
,
@typescript
&
@greensock
.
Based in Mar del Plata, ARG is a plus.
Details are in the link below ↓
11
20
132
0
0
14
@dghez_
@basementstudio
@_Nico_brc_
We used .exr to get good precision. It also apparently allows negative values. (First time I’m using it)
1
0
4
@CantBeFaraz
@0xca0a
@JiyuSai
@basementstudio
Hi! That’s an awesome feature, we replicated the same effect using Ogl. We also based our soft shadows shader on the drei’s approach
1
0
3
👀👀
If you love
@threejs
and you want a Unity-like interface for it, has got your back.
Come join us on Discord
22
110
667
1
0
3
👀👀👀👀👀👀
0
0
3
1
0
3
Desde mi ventana se ve la fiesta de fin de año del laburo de mi hermano y yo mientras codeando estoy así
1
0
3
Thanks for reading!
If you want to see a detailed explanation here are the docs:
Source code:
And demo:
Have a nice day! ❤️
1
0
3
Estoy aprendiendo a imprimir en 3D y descubrí que se pueden unir modelos 🥺
0
0
3
I forgot to optimize a texture in the Pepito App (first two days) and I almost used all the
@vercel
free bandwidth 😬
1
0
3
📝 idea: use puppeteer to start a headless ThreeJs app and then render the result into the console
1
0
3
Hay una promesa de campaña que no van a poder cumplir, y es la de terminar con el Peronismo, porque ni con la violencia, ni con la censura, pudieron lograrlo
0
0
2
0
0
2
1
0
2
@souporserious
Yes! I created a custom raf that tries to clamp the time to 30fps. Also yes, it uses ink!
Here is the (wip) implementation
0
0
2
Alma es una michi super tranquila y adicta a los mimos que busca un hogar 🥺🥺
Holi, con
@matiNotFound
hace unos meses estamos transitando a Alma. La vimos pasar de ser una gata asustadiza a una súper cariñosa. Le estamos buscando un hogar!
Si la querés adoptar, pregunta por Alma en el Instagram
@trespatitascallejeras
Se agradece difundir :)
1
21
14
0
3
2
Link to the 3D asset used on the experiment:
0
0
1