@dm_swarty
Account based inUkraine
About this account
- Account based in
- Ukraine
- Connected via
- Ukraine App Store
Account-level information from X, not a live location or the device used for a specific post.
tea with sugar
Joined August 2022
- Tweets66
- Following52
- Followers1
- Likes114
Dmytro The Great retweeted
That's me!
Can't wait to meet you all 🙌
Super excited to announce @bruno_simon as speaker, a @threejs legend !🔥
His production and Three.js Journey have inspired and helped an entire generation to learn building 3D for the web, are you one of them?
Don't miss is keynote on day 2, it will definitly fullfill your creative energy, and meet the man itself at the conf! 🚀
See you all on 10&11 September in Paris.
👉 threejs.paris/ticket 🎟️
як же ви заїбали @Vodafone_UA , а те я не зрозумів з першого, другого, третього? четвертого…. восьмого разу?
Це одна із тих причин чому я не користуюсь вами на постійній основі вже третій рік.
Dmytro The Great retweeted
6 years of thinking I can make a better portfolio.
1 year of actually building it.
My new portfolio is LIVE 🚀
Please, don't break anything!
👉 bruno-simon.com
Dmytro The Great retweeted
Gemini 3 is indeed impressive.
In my limited testing with it, it feels like it is able to take on larger, complex prompts with ease and low failure rate.
I think one of the biggest strengths that Gemini 3 has is its ability to generate coherent looking 3D voxel or SVG art, which makes it super easy to create game prototypes without having to implement art at all.
Made this Heroes of might and magic-inspired overworld prototype with mini map and basic UI in less than 2 hours.
Really excited to test this more. @demishassabis and @OfficialLoganK and the Gemini team, you guys really cooked this time!
Dmytro The Great retweeted
CSS Scroll-Snapping + GSAP ScrollTrigger 🙀
What a lovely combo! I didn't know anything about #css scroll-snapping until studying a recent demo from @jhey (linked below). I wanted to build my own simplified version from scratch to understand it better.
Notice how the animated list of headers always snap perfectly to "hello" when scrolling stops.
Be sure to check out his Craft of UI newsletter if you want to ramp up your CSS! demos and links below 👇
Dmytro The Great retweeted
morphing instanced meshes on scroll
@threejs
Dmytro The Great retweeted
Here's a showcase video of the shapes we have developed so far for the 'Shader Functions for Technical Artists' book. Hope you like it 🙂First two chapters will be available this month.
Subscribe if you are interested!
⭐️jettelly.com/books/visualizi…
#indiedev #gamedev #madewithunity #procedural #shader #ゲーム制作 #インディーゲーム #3dart
Dmytro The Great retweeted
Ok took a little break but BACK TO FISH #PIXELART
Did I do your fav yet? Now with SP0RM WHALE.
Dmytro The Great retweeted
Future CSS Tip! 🔮
You can create this scrolling image pop-out effect with CSS scroll-driven animations and zero JS! 🔥
.pop {
view-timeline-name: --pop;
}
img {
animation: slide both;
animation-timeline: --pop;
animation-range: entry 100% cover 50%;
}
.skateboarder {
--x: 0;
--y: -45%;
}
@ keyframes slide {
to { translate: var(--x) var(--y); }
}
The "trick" is to layer up two image elements and keep one clipped by the container 🤙
Slide them both together and it will look like one pops out of the container 🎈 You can leverage scoped custom properties to translate by different distances too! 😎
You can use macOS's built-in image background removal tool to get the pop-out image ✨ And for added effect, you can animate the brightness on that to make it stand out ⭐️
@CodePen link below! 👇
Dmytro The Great retweeted
Confused about TSConfig?
Here's a cheat sheet that will get you 90% of the way there.
![{
"compilerOptions": {
/* Base Options: */
"esModuleInterop": true,
"forceConsistentCasingInFileNames": true,
"skipLibCheck": true,
"target": "es2022",
"verbatimModuleSyntax": true,
"allowJs": true,
"resolveJsonModule": true,
"moduleDetection": "force",
/* Strictness */
"strict": true,
"noUncheckedIndexedAccess": true,
/* If transpiling with TypeScript: */
"moduleResolution": "NodeNext",
"module": "NodeNext",
/* If NOT transpiling with TypeScript: */
"moduleResolution": "Bundler",
"module": "ESNext",
"noEmit": true,
/* If your code runs in the DOM: */
"lib": ["es2022", "dom"],
/* If your code doesn't run in the DOM: */
"lib": ["es2022"]
},
}](/pic/https%3A%2F%2Fpbs%2Etwimg%2Ecom%2Fmedia%2FF51dqH7WsAAFpHe%2Ejpg%3Fname%3Dsmall%26format%3Dwebp)
ALT { "compilerOptions": { /* Base Options: */ "esModuleInterop": true, "forceConsistentCasingInFileNames": true, "skipLibCheck": true, "target": "es2022", "verbatimModuleSyntax": true, "allowJs": true, "resolveJsonModule": true, "moduleDetection": "force", /* Strictness */ "strict": true, "noUncheckedIndexedAccess": true, /* If transpiling with TypeScript: */ "moduleResolution": "NodeNext", "module": "NodeNext", /* If NOT transpiling with TypeScript: */ "moduleResolution": "Bundler", "module": "ESNext", "noEmit": true, /* If your code runs in the DOM: */ "lib": ["es2022", "dom"], /* If your code doesn't run in the DOM: */ "lib": ["es2022"] }, }
Dmytro The Great retweeted
Today's addition to the Three.js Journey's wall of fame: Circuit Rush
👉 iaruso.me/circuit-rush/
Let's lose the afternoon trying to beat records!
Can you do it in less than one minute?
Great job @y4r4574u !
👉 linkedin.com/in/iaruso
#threejsJourney #threeJs #webGL
Dmytro The Great retweeted
Did you know that in Blender you can easily boolean in edit mode without any modifiers? ✨
1. Select the geometry you want to cut out
2. Press Ctrl+F,R
3. ???
4. Profit!
Important: Make sure you don't have any coplanar faces when you boolean, always pre-scale things a little bit to make sure the geometry you want to cut out sticks out of geometry you want to cut out FROM. Not even the new "Exact" solver can handle coplanar faces
#b3d
Dmytro The Great retweeted
Future CSS Tip! 📜
You can use scroll-driven animation to create cool scroll effects that change with viewport size 🤓
No JavaScript! 🤯
img {
animation: clip both;
animation-timeline: --article;
animation-range: exit;
}
@CodePen link below! 👇
Dmytro The Great retweeted
10 JavaScript/TypeScript features I avoid:
?.
?:
as
var
let
any
else
class
enum
switch
They’re not always a problem. But, they’re overused, and can often be replaced by better alternatives.
Here's why I avoid each, and what I do instead... 👇
Dmytro The Great retweeted
float2 n,q,u=float2(i.uv-.5);
float d = dot(u,u),s=9,t=_Time.y,o,j;
for (float2x2 m=RM2D(5);j++<16;) {
u = mul(m,u);n = mul(m,n);
q = u*s+t*4+sin(t*4-d*6)*0.8+j+n;
o += dot(cos(q)/s, float2(2,2));
n -= sin(q);
s *= 1.2;
} return o;
#Unity3D #GLSL #VFXFriday
Dmytro The Great retweeted
This is a valid Dockerfile for a NodeJS application. It is also a pile of 💩!
We can improve:
- 🔒 Security
- 🏎️ Build speed
- 👁️ Clarity
Follow along as we go from 💩 to 🥇!
(code in alt text)
![naive nodejs dockerfile
---
FROM node
COPY . .
RUN npm install
CMD [ "node", "index.js" ]](/pic/https%3A%2F%2Fpbs%2Etwimg%2Ecom%2Fmedia%2FFq3SzdjaEAE1vnR%2Ejpg%3Fname%3Dsmall%26format%3Dwebp)
ALT naive nodejs dockerfile --- FROM node COPY . . RUN npm install CMD [ "node", "index.js" ]
Dmytro The Great retweeted
Horse ride in nature! made with #threejs . Can't thank enough @bruno_simon for the best course on threejs and a @pierrick_picaut for his amazing courses on rigging and animation with #blender!
#b3d #react #reactthreefiber #threejsJourney
