Maya Nedeljković Batić
@maya_ndljk
Followers
1,451
Following
802
Media
144
Statuses
1,751
Creative Dev · Frontend · Art ✨ 🐺 🌿 #threejs & #webgl eng @linear
Belgrade
Joined July 2009
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
Wizkid
• 255376 Tweets
Davido
• 237154 Tweets
FAYEYOKO BTS 1ST FANMEET
• 122244 Tweets
ケンタッキー
• 107446 Tweets
からくりサーカス
• 106851 Tweets
Supreme God Kabir
• 101526 Tweets
ニンテンドーミュージアム
• 95726 Tweets
#リゼロ
• 63106 Tweets
#BrightestStarBangChan
• 60526 Tweets
#우리의_찬란한_청춘_방찬에게
• 60033 Tweets
青木選手
• 55372 Tweets
引退試合
• 53325 Tweets
フォーエバーヤング
• 52795 Tweets
Shakira
• 44154 Tweets
SPILL THE FEELS TRACK LIST
• 39146 Tweets
青木さん
• 32956 Tweets
Alcaraz
• 30682 Tweets
Gago
• 26891 Tweets
Shana Tova
• 26782 Tweets
Cassper
• 25293 Tweets
שנה טובה
• 19526 Tweets
CHAE X JESBIBLE
• 18325 Tweets
センラさん
• 14654 Tweets
#JO1ANNX
• 13410 Tweets
#庭ラジ
• 12371 Tweets
テニプリ
• 11110 Tweets
Pinned Tweet
Here are the slides for my 3D rendering talk at
@cityjsconf
+
@halfstackconf
🪩
You can also find the recording here 👇
Giving this talk was loads of fun. I hope you find it useful and entertaining ✨
3
15
57
4
67
466
@francpizzo
Is this because we naturally see things with two eyes so we always have two images which we mentally stitch together into one? 👀
1
1
191
With the long weekend, I finally had time to properly finish the portal scene from
#threejsjourney
🌀
Coded with my starter, so if you're interested in how this looks using TS classes, take a look! 👇
demo:
code:
6
3
66
🦐 🍝 My (nostalgic) food themed entry for
#TechnicallyAChallenge
from
@HarryAlisavakis
"green ravioli with prawns"
#threejs
#blender3d
#b3d
#gamedev
#indiedev
1
10
67
Honestly, I can't tell if my diagrams are getting better or much worse the further along I get in finalizing this presentation...
#threejs
#raycasting
4
5
61
The things in this list are EXACTLY why I decide to join Linear.
In other news: I’m joining Linear starting next week 😄🙌
How
@Linear
builds product:
1. No product managers, just a head of product. PM duties are distributed across engineering and design.
2. No durable cross-functional teams. Teams assemble around a project and disperse once the project is done.
3. No metrics-based goals. Just a
83
250
2K
7
0
62
Apparently my tutorial was featured in the JavaScript Weekly newsletter 😯
3
2
57
Alright, I'm making the slides for
#CityJS
, and I'm going to
#buildinpublic
The stack:
- Reveal.js
- React Three Fiber
- Frame Motion (3D)
LET'S GO🏃🏻♀️
(Yes, there is a timer so I keep myself accountable)
2
3
57
7
6
49
I just had a sad realization that all DOM elements grew up in single-parent homes 😔
7
4
48
A similar thing happened to me with
@bruno_simon
’s Three.js Journey, I doubled my income in part because of my three.js expertise 💸
😮 Just heard from someone who was making under $40k a year when they bought my React course back in January (when it was in beta).
They recently got a job making $150k. They told me they were hired on the strength of their React knowledge, which they got from my course. ❤️
34
26
928
0
1
42
@mrdoob
The game engine course I took at university was entirely based in three.js
(The point of the class was to write a game engine from rendering and physics engines. Since all the course materials expected Windows and I was on a Mac, I did it for the web instead)
1
0
43
Replicated
@roystanhonks
' Toon Shader for Unity in
#threejs
, happy with the results so far!
Now to add shadows, multiple lights, multiple steps, gradients... 😮💨
#shaders
#webgl
1
4
37
@javi_khoso
It’s especially bad when your country is actively aggressive against digital entrepreneurship because it doesn’t understand what it actually is 😢
“Wanna sell prints? Sure, just register a printing company and file taxes for every transaction” 😡😤
0
0
35
I wanted a low tech vacation biking through France, but now I’m on a train to Paris, writing shader ideas down by hand and using the spotty wifi to test them out on
@CodePen
on my phone🤦🏻♀️
3
0
39
Does anyone have or know of an open remote JS dev position? Interested party (me) asking. :)
#javascript
#jobhunting
11
27
34
Weekend project was to hack together a gradient mapping material which extends the three.js MeshStandardMaterial to map lighting to a gradient texture 🌈
Now to create some better gradients and see how far this goes ✨
2
0
34
Excited to announce that I'll be talking about making a multiplayer browser game with
#threejs
,
#nodejs
, and
#socketio
at
@armada_js
this October! ⛵️
3
9
31
999? Are you all serious, there’s almost one thousand of you that care about what I have to say about three.js and the web? 👀🥰
5
1
33
Procreate 34.6 will also make you breakfast and wake you up with the smell of freshly brewed coffee. 👀
1
1
25
Sitting in the same room as my husband
@ivanbatic
while he’s in a meeting. Complete silence for a good 20 minutes until out of nowhere he says (to his coworkers)
“Why not try bun?”
Who is this agent of chaos I’m married to? 😈
1
1
26
Got cast shadows to work in my Toon Shader Material, after some shader dark magic 🎉
#creativecoding
#webgl
#threejs
#shaders
1
3
26
2
5
20
Haven't posted art in a while, but now that
#HumanArtist
is trending, I may as well 🐟🐠
In the coming week I'll try turning this concept into a something 3D. Wish me luck! ☘️
#artistsontwitter
#Procreate
#conceptart
2
0
22
@mrdoob
@midjourney
This round feels much less creative than the last. 😔
I suppose you can do more with the prompts now and creativity is back in the hands of the humans.
1
0
19
@TentacleForce
@EtheringtonBros
@Spudfuzzart
@Lizalotdraws
I'm guessing because it shows for a given skin tone base, what the appropriate shadow and highlight colors are. You can't just derive these by making the base brighter or darker.
1
0
16
I’m embracing this new low tech reality, now from the airport. Typing GLSL on the phone is much more tedious than writing it by hand.
Anyway, this is what I have so far:
I wanted a low tech vacation biking through France, but now I’m on a train to Paris, writing shader ideas down by hand and using the spotty wifi to test them out on
@CodePen
on my phone🤦🏻♀️
3
0
39
1
0
20
Me, asking the right questions.
1
0
18
TBH, it was a worthwhile effort!
@codehike_
makes it so much easier to explain things in code, especially for step-by-step changes where you want to draw attention to a single line or expression.
Would absolutely recommend it 💯
me: "today is the perfect day to write up my toon shader"
also me: spends entire day getting
@codehike_
to work in my blog, ultimately rewriting it from scratch 😂
0
0
3
1
2
17
Ahead of CityJS/HalfStack last month, I gave an interview with
@InfobipShift
Mag about technology, graphics, and my career. You can read it now 👀
0
1
18
When you’re lurking on the company Slack while you should be off, but your coworkers are still so supportive and wholesome behind your back ❤️
@PeterHilton
@webri_
1
0
15
Inline comments, my first project, have shipped 🥹
1
0
20
Having spent entirely too long trying to figure out why assets aren't loading, I've created a small starter project and guide for bootstrapping
@threejs
projects using
@vite_js
and
#typescript
Enjoy! ✨
0
4
13
Once again, one of my tutorials got a mention in Creative Code News! 🙌
Thank you
@sableRaph
! ✨
Hey there! Don't miss out on the latest in Creative Coding, Generative Art, and Computational Design. Check out Creative Code News
#76
now!
Follow for more 🙋♂️
7
12
74
1
0
15
This course has helped me:
✍️ start a technical blog
📣 do my first conference talk
💻 find a new job (starting soon!)
GET IT! GET IT NOW! It is literally life changing ✨
Black Friday early access! 🛍️
Get a 50% discount for the WHOLE Three.js Journey course with the code 2022BLACKFRIDAY 🎁
👉
70 hours of video to learn Three.js and much more at $47.5
#threejsJourney
#threejs
#r3f
#webGL
19
54
296
0
0
15
Second team programming session of backend + frontend + design + PM was a success ✅
We pick a small, housekeeping task, programmers take turns coding, everyone provides snarky remarks and insight
After 1 hour, we merge a fix 🎉
2
1
14
Getting back into
#threejs
with
@bruno_simon
's Three.js Journey course. 10/10 would recommend.
0
1
12
The back of that guy’s shirt says it all 🔥
Another talk done 💪
1
2
12
Over half my team was laid off and today is their last day. Yesterday we had a 3 hour hangout that no one wanted to end.
I still had to thank everyone for an efficient meeting before hanging up, because all of our meetings were, even this one 😭
Just had a last meeting with my team to say goodbye. Really didn't want to cry, but here we are. There's no words left to tell you how much I'm already missing all of them.
#teamlove
4
1
37
3
0
13
I’m very humbled to be included here along these other great projects and resources 🙇🏻♀️
Fresh
#frontend
#news
for you!
Collective 782 is out:
🌌 A Gentle Study of Raymarching
🚀 Vue3+TresJS Starter
🕵️♂️ Scroll-Driven Animations Debugger
🌐 Realtime Planet Shader
Featuring
@MaximeHeckel
@fra_michelini
@maya_ndljk
@jsulpis
@codebydennis
1
6
27
0
0
11
@maru_illo
@meganroseruiz
From my experience, it helps to make it harder:
Use a technique you aren’t familiar with.
Use only one type of line.
Use as many different line types as you can think of.
Use only negative space.
Don’t use lines at all.
Etc.
1
1
12
@thekitze
As someone who has been ashamed to speak out about drinking instant decaf for years, thank you from the bottom of my heart. A true ally 🥲
2
0
10
2
0
12
0
0
10
@imogenheapsort
I first learned to debug websites with Firebug and I was blown away when, a few months later, I learned from a coworker that Chrome came with its own devtools.
1
0
11
0
4
11
2
0
11
I have more exciting news, I will be speaking about
#r3f
and
#gamedev
at
#reactdayberlin
! You can register via my badge and watch the livestream for free! ✨👇
1
1
11
0
3
10
0
0
9
Three things I've come to expect from Bruno:
1. Web experiences I didn't think were possible
2. Informative content that leaves me a better person
3. Dry French humor
Okay, I don't know if it's particularly French, but it's definitely dry and humor.
Last year,
@awwwards
kindly invited me to speak for their annual conferences.
Replay available here (PRO member only)
Online slides available here (public)
Here’s a little thread about what I presented 👇
9
40
334
0
0
10
Perfect example of multiplayer interactivity in a non-gaming context 🤩 Hats off to
@nextjs
and
@vercel
!
You can also play in multiplayer mode 🤩
Here's
@JohnPhamous
& me chatting about the upcoming
@nextjs
conf 😁
2
1
62
0
0
9
1
1
8
1
4
10
First slides, why 3D on the web is awesome and useful. Examples include:
@Andersonmancini
@_Thibka
@Immersive_g
Promaton
VTK.js
Any other examples of practical and beautiful applications of web 3D?
3
0
10
@RReverser
@mrdoob
Having recently used Rust + wasm, I was shocked by now neatly wasm integrates into a frontend project. I could directly call wasm functions from typescript—with typings!—and have no clue it wasn’t implemented in typescript. Pure magic 🪄
0
0
8
And here I was looking at refraction and distortion shaders... 😅
Awesome work,
@alexcornell
!
Here is a behind-the-scenes process of the loop I made for the
@linear
launch today.
I wish it were more complicated than pouring canola oil on my daughters iPad, but that was essentially it.
The attached video shows the final footage alongside the original, unaffected capture.
65
95
2K
1
0
8
0
2
8
The only thing sluggish in
@malchata
’s talk about
#webperf
and interaction to next paint are the blocking tasks, despite last night’s party 💪
#armadajs
@armada_js
0
2
9
Thank you Daniel for linking to my three.js toon shader tutorial 🙌 ✨
Sharing some resources and demos about cel/toon shading in today's newsletter!
Check your email inbox!
#webgl
#creativecoding
#threejs
4
41
359
1
0
8
See you in Berlin! 🚀
🎮This talk by
@maya_ndljk
walks you through creating a simple multiplayer game in browser using
#ReactThreeFiber
& .
You’ll learn how to structure game code, render interactive 3D scene in browser & establish two-way communication between client & server.
0
5
74
0
0
9
Love this! 🤩
Had a little play around modifying
@maya_ndljk
's toon shader to add in some dithering between the light and dark areas.
Pretty pleased with how it turned out 😁
0
1
18
0
0
8
@Omar4ur
Been there. It's a real pain when you're trying to create a raster-based image segmentation editor but then some pixels end up being neither here nor there 😭
1
0
9
✅ Modeling
✅ Texture painting
Next shaders, lighting, materials, etc... 😅
#b3d
#blender3d
#procreate
#indiedev
2
3
8
@gethackteam
No clue, but subjectively I feel like frontend gets less respect
Was once contacted by a recruiter and interviewed for a position that turned out to be backend. When I told the hiring manager I do frontend, he was apologetic and said "the interface has to look pretty, too" 🤦🏻♀️
1
0
8
Since my significant other already has
#threejsjourney
, I have a discount code to share. Hit me up if you want some
#threejs
love ❤️
I almost forgot! It's Valentine's Day! 💕
Each
#threejsJourney
student received a 50% discount code to offer to whoever you want.
Go to your account page and redeem your code
👉
The event will last a few days only. Hurry up! ⏰
27
13
97
2
1
8
I'm playing around with visuals for my upcoming 3D rendering talk to better explain vertices, triangles, meshes, etc.
Here's what I have so far. How silly is it to create 2D animations for a talk about 3D graphics? Be honest🙈
2
0
7
I asked
#ChatGPT
about ray marching. I got to ask all the questions that usually trip me up when I'm reading tutorials on the topic.
It's always nice to hear "Yes, you are correct" even when it's coming from a machine 🎉
0
0
8
Blocking out my first level design in
#unity3d
Advice from seasoned veterans is more than welcome 🙌
#gamedev
#indiedev
#leveldesign
0
2
6
@dan_abramov
It really throw me off that the first three sentences rhymed internally. (continuously + me, main + pain, good + should).
1
0
7
Hadn’t thought about this much, but it’s so true.
Had a company be surprised I “wasn’t really a junior” after a 3 hr tech interview even though my experience included leading a project for 2yrs. I only ever put Software Dev on my cv because “titles don’t matter” 🙄
"Titles don't matter in tech". I used to think the same.
Those around me agreeing were similar to me: guys who were established. Yeah: it didn't matter to us any more. Then I talked with others.
Turns out titles *do* matter a lot.
Especially when you're not in this group.
46
589
3K
0
2
7
@andreasklinger
When looking for a new job (thankfully not right now!) one of the first things I do is look at products I love using and how they engage with their users.
It's a double win: they save on recruitment AND get a dev who is already acquainted with their product and has opinions. 👌
0
1
4
It's actually happening, oh shit 😱🎉
Once again, it is a pleasure to present you our new speakers 👇😍
📣 Monica Wojciechowska
📣
@lcasdev
📣
@slobodan_
📣
@maya_ndljk
Also, special thanks to our sponsors🙌🥳
@endava
,
@ServalIT_ns
, United Cloud, TX Services,
@storyblok
0
3
11
0
0
6
I finally got around to trying Arc by the
@browsercompany
, and what the hell is this?
Cute software, yes definitely. But also somehow a spaceship that does a million more things than your typical browser? I'm in love. 🥹
0
0
7
What is even going on with these amazing shadows? 🤯 Look at them!
A lone traveler passes a road junction at night. Music by
@mdomagalamusic
accompanies the scenery.
#gamedev
#godotengine
#indiegame
#battlemap
#indiedev
19
112
715
1
0
6
@Andersonmancini
Thank you for recording this! I'm gutted I had to miss it for family reasons, but I'll listen to the recording and will absolutely join the next one 🥳
(there will be a next one, right? 👀)
1
0
7
@thdxr
ProseMirror (or its wrapper TipTap) is very powerful. From my experience, ProseMirror lets you customize exceptionally well, but the documentation is a bit esoteric and opaque. TipTap should be more user friendly for the same functionality, but maybe less flexibility.
0
0
6
@Anemolito
@steeevg
This would be a great app to send to a friend going through a tough breakup, just with photos of them and their ex.
Or teambuilding photos if you just quit a toxic job. 🤔
1
0
6
There's something incredibly soothing about coding generative art after a long day (thanks
@mattdesl
for canvas-sketch, it's a lifesaver)
1
4
5
Reminder set ✅
Looking forward to seeing you there 👀
0
0
7
0
0
7