Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Built a modular and dynamic CHUNK type system component in Framer using React and pure CSS. I created a responsive construction system first, then hand crafted every single letter and number in CSS so each glyph has its own structure, balance and character. As the frame changes, the typography...

10,580 görüntüleme • 3 ay önce •via X (Twitter)

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

- AssetHub officially launched - Using Metahuman Component as parts system in UEFN This is crazy! Just discovered I can use the Metahuman Component in UEFN as a general parts system! Perfect for modular characters. So I had to test it out. First step: character design. With GPT Image 2 I got some really solid characters to work with. These are perfect to test anime/ lowpoly models as well. Gavin Harvey also officially launched so I jumped on a fresh workflow to build the first one. Since I’m aiming for an anime/flat shaded style, I chose Tripo P1 to generate straight to low poly models. Results were perfect for me, UV and textured directly done. Did the main assembly in Blender. I transferred weights onto the new parts (like the jacket here) and used proportional editing to tweak vertices so everything fits together nicely. Then into UEFN / Unreal Engine: For the two-tone shadow look, I made a material that uses the sun direction as a mask. To make all the modular parts work together, I set up a blueprint with the body skeletal mesh as the base, and all the other parts attached as children. Now the really cool part: the Metahuman Component actually lets you plug in extra body parts directly. And every skeletal mesh can have its own Control Rig slot. That means you can layer procedural animations on top of your main animation setup. I used it for procedural eye blinking and hair physics. Since every part is separate, swapping variations is super easy while keeping all animations perfectly synced!

Jerome | InsaneUnreal

23,650 görüntüleme • 1 ay önce

CSS variables are live and they are POWERFUL. Now Live on Product Hunt 🚀 ➡️ Create a design system "So you can stay consistent and build much quicker." Define global styles like colors, gradients, sizes, and box shadows. ➡️ Use your variables everywhere "So you never have to manually enter a border color again." You're not limited to just sizes, colors, and font families. Use variables in gradients, box shadows, transforms, and more! ➡️ Start with libraries like Open Props, expertly crafted CSS variables "So you can use a tried and true system, and so we can standardize our Projects." Because there are no abstractions, you can use existing CSS variable libraries like Open Props, an expertly crafted library of CSS variables, and the recommended starting point in Webstudio. ➡️ Create complex micro-interactions "So when you hover a link, you can change any children's styles." CSS variables go beyond reusability! You can define variables anywhere in the navigator, such as on a link, and modify the variables on hover. Then, you can use those variables on the children to create complex micro-interactions! ➡️ Design and build simultaneously "So when deciding that perfect border color, you can arrow through all your options." Experimenting on the canvas just got a whole lot better. Now, you can arrow through your variables and see them rendered on the canvas to see which works best. ➡️ Change variable by breakpoint "So you can make the variables look great, no matter the screen size." CSS variables in Webstudio use the same UI as the rest of your styles, enabling breakpoints to work the same way. ✨ Building with design systems gives a HUGE boost in speed, consistency, and maintainability.

Webstudio

15,496 görüntüleme • 1 yıl önce