Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

THE ULTIMATE BLENDER MODELING HACK! Create a Bézier network. Rules: 1 Bare-min vertices. 2 Use Snap vertex. 3 Node tweaks with Local/Normal/Global transforms. 4. Even node count per patch. 5 Tweak Béziers res . 6 Convert to Mesh. 7 Remove dup verts, Use Grid Fill. #b3d #blender3d

33,048 Aufrufe • vor 9 Monaten •via X (Twitter)

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

CSS Trick 🤙 You can create these tab bar controls by using :has() to count the number of tabs ⭐️ .tabs:has(input:nth-of-type(3)){--count: 3;} .tabs:has(:checked:nth-of-type(3)){--active: 200%;} .tabs::after{ translate:var(--active) 0;} Let's break it down in this ! 📼 Couple of CSS :has() tricks here combined with custom properties 😎 First things first, lay out the tabs using display: grid. This gives you a way to create equal-width tabs 🙏 .tabs { display: grid; grid-auto-flow: column; } Then you use :has() to count the number of tabs and store that in a custom property 🤓 .tabs:has(input:nth-of-type(3)) { --count: 3; } .tabs:has(input:nth-of-type(4)) { --count: 4; } Using the cascade, the last valid :has() gives you the number of tabs 🫶 Using the tab count, you can size the tab indicator. For the tab indicator, use the tabs pseudoelement: .tabs::after { content: ""; position: absolute; height: 100%; width: calc(100% / var(--count)); } See how you can use --count to determine its size 📏 Next, use :has() to determine which tab is active or :checked with input [type=radio] .tabs:has(:checked:nth-of-type(2)) { --active: 1; } .tabs:has(:checked:nth-of-type(3)) { --active: 2; } You can use a zero-indexed translation here. If the second input is :checked, set --active: 1, then translate the pseudoelement on the tabs to that position 👉 .tabs::after { translate: calc(var(--active, 0) * 100%) 0; } Or you could set active to the translation: .tabs:has(:checked:nth-of-type(2)) { --active: 100%; } Setting the custom property allows you to use the index elsewhere if you need it 🤙 The final piece is using mix-blend-mode 👀 The tabs have a black background-color, the pseudoelement is white, and the label text is white. When you use mix-blend-mode: difference on the pseudoelement it will give this effect that the text transitions from white to black sliding across 😎 .tabs::after { color: hsl(0 0% 100%); mix-blend-mode: difference; } You can totally mix up the colors here though and go with a different effect. The mechanics of how you can use CSS :has() is the main point here 🙏 As always, any questions, suggestions, etc. let me know CodePen.IO link below! 👇 (There's even a Tailwind CSS play for this one too 👀)

jhey ʕ•ᴥ•ʔ

70,730 Aufrufe • vor 2 Jahren

🎓 Learn how to create a Cherry Wood Material in a matter of seconds in my latest video series (AAA) Pro Tips! ____________________________________________________ In this video, the steps are as follows: 1. Create a slightly red-colored fill layer with high gloss to act as the woods base material. 2. Add a second fill layer with a black mask, and inside that mask add a stripes greyscale set to planar projection. These stripes will act as the wood rings and should be projected onto your mesh in a natural way. The stripes should also be set to max softness, and followed by a Directional Noise 3 with a blend mode set to Difference. 3. Add a levels to tweak the mask and add an anchor point to the mask as well. 4. Create another fill layer with a dark brown diffuse, and store the information from the anchor point into its mask. Apply a levels to increase its intensity, and then add a fill layer up top with the anchorpoint information applied again, but set its blending mode to Subtract. 5. Create an additional fill layer with a very dark diffuse channel. Add a mask to the fill layer and inside its mask add a fill layer containing the anchorpoint information, from the Wood Rings. This fill layer can now be used to add some dark contrast to the center of the wood rings 6. A warp filter should also be used to apply some subtle imperfections to the wood rings and grain. Now we are left with a very nice result of Cherry wood! ____________________________________________________ More AAA Game Dev Tips can be found on my YouTube channel here: Stay tuned for more weekly Tips. Let me know below what you would like to learn in future videos! 👇 Happy Texturing! 💚 #gameart #texturing

Cohen Brawley

25,184 Aufrufe • vor 2 Jahren

CSS Tip! 💪 You can create these tab controls with CSS :has() + radio buttons ✨ .tabs:has(input:nth-of-type(3)) { --count: 3; } .tabs:has(:checked:nth-of-type(3)) { --active: 2; } .tabs::after { translate: calc(var(--active, 0) * 100%) 0; width: calc(100% / var(--count)); } Two CSS :has() tricks here combined with a rendering trick 🤙 The tab control is a container using display: grid. You can use :has() to count the number of tabs in the container: .tabs:has(input:nth-of-type(3)) { --count: 3; } .tabs:has(input:nth-of-type(4)) { --count: 4; } Using the cascade, the last valid :has() gives you the number of tabs 🫶 Once you know the number of tabs, you know how to size the indicator: .tabs::after { content: ""; position: absolute; height: 100%; width: calc(100% / var(--count)); } It's a pseudoelement that uses --count to determine its size 📏 The next :has() trick is determining which tab is active or :checked as it's an input [type=radio] .tabs:has(:checked:nth-of-type(2)) { --active: 1; } .tabs:has(:checked:nth-of-type(3)) { --active: 2; } You can use a zero-indexed translation here. If the second input is :checked, set --active: 1, then translate the pseudoelement on the tabs to that position 👉 .tabs::after { translate: calc(var(--active, 0) * 100%) 0; } The last rendering trick is using mix-blend-mode 👀 The tabs have a black background-color, the pseudoelement is white, and the label text is white. When you use mix-blend-mode: difference on the pseudoelement it will give this effect that the text transitions from white to black sliding across 😎 .tabs::after { color: hsl(0 0% 100%); mix-blend-mode: difference; } You can totally mix up the colors here though and go with a different effect. The mechanics of how you can use CSS :has() is the main point here 🙏 As always, any questions, suggestions, etc. let me know CodePen.IO link below! 👇 (There's even a Tailwind CSS play for this one too 👀)

jhey ʕ•ᴥ•ʔ

437,487 Aufrufe • vor 2 Jahren

Upper/Lower Men’s Workout Plan You will NOT find a schedule friendly workout plan that’ll drive TOP TIER results better than this one, gentlemen: UPPER A Exercise 1: Seated/Flat Chest Press Machine — 2-3x5-10 @ 0-1 RIR Exercise 2: Wide Grip Lat Pull-Down — 2-3x5-10 @ 0-1 RIR Exercise 3: Seated Low to High Cable Flys — 1-2x5-10 @ 0-1 RIR Exercise 4: Chest Supported Machine Rows w/ Neutral Grip — 2x5-10 @ 0-1 RIR Exercise 5: Seated Machine OHP — 2-3x5-10 @ 0-1 RIR Exercise 6: Seated Machine Curls w/ Upper Arm Support — 1-2x5-10 @ 0-1 RIR Exercise 7: Incline Bench Cable Tricep Push-Downs — 2-3x5-10 @ 0-1 RIR Exercise 8: Seated Dumbbell Hammer Curls w/ Upper Arm Support — 1-2x5-10 @ 0-1 RIR LOWER A Exercise 1: Leg Extensions — 2-3x5-10 @ 0-1 RIR Exercise 2: Seated Leg Curls — 2-3x5-10 @ 0-1 RIR Exercise 3: Pendulum/Hack Squats — 2-3x5-10 @ 0-1 RIR Exercise 4: 45 Degree Extension Machine — 2x5-10 @ 0-1 RIR Exercise 5: ADduction Machine — 2-3x5-10 @ 0-1 RIR Exercise 6: Ab Crunch Machine — 2-3x5-10 @ 0-1 RIR Exercise 7: Calf Press on Leg Press — 2-3x5-10 @ 0-1 RIR (Partial reps from the dorsiflexed position to the neutral foot position) UPPER B Exercise 1: Incline Machine Press — 2-3x5-10 @ 0-1 RIR Exercise 2: Chest Supported Machine Rows w/ Pronated Grip — 2-3x5-10 @ 0-1 RIR Exercise 3: Pec Fly Machine — 1-2x5-10 @ 0-1 RIR Exercise 4: Single Arm Lat Pull-Down — 2x5-10 @ 0-1 RIR Exercise 5: Cuffed Cable Lateral Raises — 2-3x5-10 @ 0-1 RIR Exercise 6: Preacher Curls — 2-3x5-10 @ 0-1 RIR Exercise 7: Overhead Tricep Extension Machine — 2-3x5-10 @ 0-1 RIR Exercise 8: Seated Dumbbell Hammer Curls w/ Upper Arm Support — 1-2x5-10 @ 0-1 RIR LOWER B Exercise 1: Seated Leg Curls — 2-3x5-10 @ 0-1 RIR Exercise 2: Leg Extensions — 2-3x5-10 @ 0-1 RIR Exercise 3: 45 Degree Extension Machine — 2x5-10 @ 0-1 RIR Exercise 4: Calf Press on Leg Press — 2-3x5-10 @ 0-1 RIR (Partial reps from the dorsiflexed position to the neutral foot position) Exercise 5: 45 Degree Leg Press — 2x5-10 @ 0-1 RIR Exercise 6: Ab Crunch Machine — 2-3x5-10 @ 0-1 RIR Exercise 7: Machine Hip Thrusts — 2x5-10 @ 0-1 RIR Scheduling Options: 𝗦𝗖𝗛𝗘𝗗𝗨𝗟𝗘 𝗢𝗣𝗧𝗜𝗢𝗡 𝗔 - 𝟰𝘅 𝗣𝗲𝗿 𝗪𝗲𝗲𝗸 Day 1: UPPER A Day 2: LOWER A Day 3: OFF Day 4: UPPER B Day 5: OFF Day 6: LOWER B Day 7: OFF REPEAT 𝗦𝗖𝗛𝗘𝗗𝗨𝗟𝗘 𝗢𝗣𝗧𝗜𝗢𝗡 𝗕 - 𝟰𝘅 𝗣𝗲𝗿 𝗪𝗲𝗲𝗸 Day 1: UPPER A Day 2: LOWER A Day 3: OFF Day 4: UPPER B Day 5: LOWER B Day 6: OFF Day 7: OFF REPEAT 𝗦𝗖𝗛𝗘𝗗𝗨𝗟𝗘 𝗢𝗣𝗧𝗜𝗢𝗡 𝗖 - 𝗘𝘃𝗲𝗿𝘆 𝗢𝘁𝗵𝗲𝗿 𝗗𝗮𝘆 Day 1: UPPER A Day 2: OFF Day 3: LOWER A Day 4: OFF Day 5: UPPER B Day 6: OFF Day 7: LOWER B Day 8: OFF REPEAT 𝗦𝗖𝗛𝗘𝗗𝗨𝗟𝗘 𝗢𝗣𝗧𝗜𝗢𝗡 𝗗 - 𝟯𝘅 𝗣𝗲𝗿 𝗪𝗲𝗲𝗸 Week 1 - UPPER A / OFF / LOWER A / OFF / UPPER B / OFF / OFF Week 2 - LOWER B / OFF / UPPER A / OFF / LOWER A / OFF / OFF Week 3 - UPPER B / OFF / LOWER B / OFF / UPPER A / OFF / OFF Week 4 - LOWER A / OFF / UPPER B / OFF / LOWER B / OFF / OFF REPEAT Notes: 𝗩𝗔𝗥𝗜𝗔𝗕𝗟𝗘 𝗦𝗘𝗧𝗦 If you see an exercise with a VARIABLE set count listed (Ex: 2-3x5-10), you should do the HIGHER NUMBER in the event that you are some combination of: -Not pressed for time -Training less often (Every Other or 3x Per Week) -Do not need to decrease your time spent during rest periods in order to fit all of the work in even if selecting the higher number If you see an exercise with a VARIABLE set count listed (Ex: 2-3x5-10), you should do the LOWER NUMBER in the event that you are some combination of: -Pressed for time -Training more often (4x Per Week) -Would need to decrease time spent during rest periods in order to fit all the work in if selecting the higher number 𝗜𝗡𝗧𝗘𝗡𝗦𝗜𝗧𝗬 If you do NOT trust your ability to gauge RIR accurately, take sets to ~0 RIR/Failure to ensure you’re not sandbagging sets Should you elect to do so, be sure NOT to take any 50/50 reps (reps you’re not sure you’ll get) on exercises like Hack Squats to avoid ending up in a susceptible position Continued in post below…

Dean Turner

34,749 Aufrufe • vor 2 Monaten

🎓Learn how to create a powerful Torn Fabric smart material in a matter of seconds in my latest video series (AAA) Pro Tips! This smart material can be used on virtually any 3D asset. ____________________________________________________ In this video, the steps are as follows: 1. Create a base fill layer containing no information. We will use this layer to call out the core effects. Add a black mask to this layer and inside that mask add a paint layer and draw a simple pill shape. 2. Next, add a blur directional and be sure the direction is the same direction that your fabric is flowing to. 3. Add a UV border generator set to subtract to mask out any uv seams followed by an anchorpoint. Additionally, add a messy Fibers 3 fill layer set to overlay. 4. Use a levels to adjust the mask along with a sharpen filter. A warp filter should also be added to introduce some randomness. Add an anchor point at the top of the mask as well. 5. Create another fill layer with its opacity channel set to black and apply a black mask to the fill layer. Inside its mask retrieve the anchorpoint information from the previous fill layer. 6. Create an additional fill layer with a bright diffuse color along with a black mask applied to it. Add the anchorpoint information from the previous mask into its mask as well and this should give us some white fibers on the edges. Now we have a torn fabric effect wherever we paint using the paint layer created inside the callout mask! ____________________________________________________ More AAA Game Dev Tips can be found on my YouTube channel here: Stay tuned for more weekly Tips! Happy Texturing!💚 #gamedev #gameart #tutorial #3dmodeling #hardsurface #texturing

Cohen Brawley

78,798 Aufrufe • vor 2 Jahren

🎓Learn how to create a powerful Worn Leather smart material in a matter of seconds in my latest video series (AAA) Pro Tips! This smart material can be used on virtually any 3D asset. ____________________________________________________ In this video, the steps are as follows: 1. Create a fill layer with a black mask applied. Inside its mask paint a simple pill shape and use a blur slope filter to introduce some random shapes. Apply a marble veins fill layer on top with its blending mode set to color burn. Apply a warp filter as well to introduce some randomness followed by an anchorpoint. 2. Create another fill layer using the same technique to apply some dirt in the crevices of the wear. 3. Next, Inside the main fill layer apply a tiling raw leather texture to its Color and roughness channel 4. Create an additional fill layer up top and apply a black mask to it.Inside this mask retrieve the anchorpoint information followed by a blur filter with a value of 6. Use a levels to increase the spread of the mask. Apply another marble veins matching the values of the marble veins fill layer that we previously added and set its blending mode to multiply. Lastly retrieve the anchorpoint information from the previous fill layer again but this time set its blending mode to subtract. This fill layers properties should have a dark diffuse color and a matte roughness. 5. Add another fill layer with a bright diffuse and height properties with a black mask applied to it. Inside its mask retrieve the anchorpoint information again followed by a blur slope. Apply the anchorpoint information again but this time set its blending mode to subtract. Now we have a worn leather effect wherever we paint using the paint layer created inside the callout mask! ____________________________________________________ More AAA Game Dev Tips can be found on my YouTube channel here: Stay tuned for more weekly Tips! Happy Texturing!💚 #gamedev #gameart #3dmodeling #3dartist #texturing #UE5 #unity #artstation

Cohen Brawley

88,602 Aufrufe • vor 2 Jahren

CSS Tip! 🎠 You can create a responsive infinite marquee animation with container queries and no duplicate items 🤙 li{ animation: slide; } @​keyframes slide { to { translate: 0% calc(var(--i) * -100%);}} The trick is animating the items, not the list 😎 More tricks 👇 To get this one working, you need to animate the items and not the list (Watch the video first?). Each item needs to know its row index (--i) in the list and the parent needs to know how many rows are in the list: ul { --count: 12; } li:nth-of-type(1), li:nth-of-type(2) { --i: 0; } li:nth-of-type(3), li:nth-of-type(4) { --i: 1; } Once you have that, translate each item based on its row index in the list li { translate: 0% calc((var(--count) - var(--i)) * 100%); } Now for the animation. The key here is that each row has an animation-delay calculated from its index (--i). That number is offset to make it negative so the animation start is offset ✨ ul { --duration: 10s; } li { --delay: calc((var(--duration) / var(--count)) * (var(--i) - 8)); animation: slide var(--duration) var(--delay) infinite linear; } Make sure to wrap that animation in: @​media (prefers-reduced-motion: no-preference) { ... } Lastly, the fun parts! 🤓 To create the "vignette" mask. Use a layered mask on the container 😷 .scene { --buff: 3rem; height: 100%; width: 100%; mask: linear-gradient(transparent, white var(--buff) calc(100% - var(--buff)), transparent), linear-gradient(90deg, transparent, white var(--buff) calc(100% - var(--buff)), transparent); mask-composite: intersect; } To create the 3D skewed effect, use a chained transform (Try toggling it in the demo ⚡️): .grid { transform: rotateX(20deg) rotateZ(-20deg) skewX(20deg); } As for the responsive part, use container queries! 🔥 article { container-type: inline-size; } When the article (card) is narrower than 400px update the grid and animation settings 🤙 Double the rows means double the duration! @​container (width < 400px) { .grid { --count: 12; grid-template-columns: 1fr; } li:nth-of-type(1) { --i: 0; } li:nth-of-type(2) { --i: 1; } li:nth-of-type(3) { --i: 2; } li:nth-of-type(4) { --i: 3; } li { --duration: 20s; } } CSS has the magic to be able to update those animations at runtime based on your custom property values 😎 An added bonus in this demo is that it doesn't require any JavaScript at all, for any of it 🤯 We can use CSS :has() for those toggles that update the styles, even the theme toggle! 🫶 Any questions, let me know! Make sure to check out the video. Will do a walkthrough one to follow-up 🤙 CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

542,159 Aufrufe • vor 2 Jahren

8 rules to improve your AI coding agent. All of these rules work with Claude Code, Cursor, VS Code, and with most programming languages. Automating these rules will 10x the code quality and security produced by your AI coding agents. 1. Dependency checks - Prevent your agent from suggesting insecure libraries based on outdated training data. 2. Secret exposure - Auto-fix the use of hardcoded credentials introduced by your coding agent. 3. File and function size - Automatically refactor any files or functions that exceed a reasonable length. 4. Complexity and parameter limits - Simplify overly complex code written by the agent. 5. SQL Injection - Auto-fix all database interactions with unsanitized user input. 6. Unused variables and imports - Detect and remove dead code. 7. Detect invisible unicode characters in AI rules files - Remove zero-width spaces, direction overrides, and other invisible characters that can hide malicious behavior. 8. Insecure OpenAI API usage - Enforce use of secure OpenAI endpoints, proper authentication, and context isolation Here is how you can automate this: Install the Codacy extension. This will give you access to a CLI for local scanning and an MCP server for agent communication. From here on out, every time you need to generate some code: 1. Your agent will write the code 2. It will then call Codacy's CLI to check it 3. It will find any issues in real time 4. Your coding agent will fix the issues 5. When the code passes all checks, you are done Level of effort on your side: literally zero! Code quality and security because of this: 100x better! Here is the link to download the extension for your IDE: Thanks to the Codacy team for collaborating with me on this post.

Santiago

49,331 Aufrufe • vor 9 Monaten

UPPER BODY DAY EXAMPLES If you were to run these Uppers 3-4 days apart…you’d probably make some of the BEST gains of your entire life: UPPER 1 Exercise 1: Sternal Pecs Machine Press — 2-3x5-10 @ 0-1 RIR Exercise 2: Wide Grip Lat Pull-Down — 2-3x5-10 @ 0-1 RIR Exercise 3: Seated Low to High Cable Flys Machine Press — 1-2x5-10 @ 0-1 RIR Exercise 4: Chest Supported Machine Rows w/ Neutral Grip — 2x5-10 @ 0-1 RIR Exercise 5: Seated Machine OHP — 2-3x5-10 @ 0-1 RIR Exercise 6: Seated Dumbbell Curls w/ Upper Arm Support — 1-2x5-10 @ 0-1 RIR Exercise 7: Single Arm Tricep Push-Downs — 2-3x5-10 @ 0-1 RIR Exercise 8: Seated Hammer Curls w/ Upper Arm Support — 1-2x5-10 @ 0-1 RIR UPPER 2 Exercise 1: Clavicular Pecs Machine Press — 2-3x5-10 @ 0-1 RIR Exercise 2: Chest Supported Machine Rows w/ Pronated Grip — 2-3x5-10 @ 0-1 RIR Exercise 3: Sternal Pecs Machine Press — 1-2x5-10 @ 0-1 RIR Exercise 4: Single Arm Lat Pull-Down — 2x5-10 @ 0-1 RIR Exercise 5: Cuffed Single Arm Cable Lateral Raises — 2-3x5-10 @ 0-1 RIR Exercise 6: Single Arm Preacher Curls — 1-2x5-10 @ 0-1 RIR Exercise 7: Overhead Tricep Extensions — 2-3x5-10 @ 0-1 RIR Exercise 8: Seated Hammer Curls w/ Upper Arm Support — 1-2x5-10 @ 0-1 RIR NOTE: If you see an exercise with a VARIABLE set count listed (Ex: 2-3x5-10), you should do the HIGHER NUMBER in the event that you are some combination of: -Not pressed for time -Training less often (Every Other or 3x Per Week) -Do not need to decrease your time spent during rest periods in order to fit all of the work in even if selecting the higher number If you see an exercise with a VARIABLE set count listed (Ex: 2-3x5-10), you should do the LOWER NUMBER in the event that you are some combination of: -Pressed for time -Training more often (4x Per Week) -Would need to decrease time spent during rest periods in order to fit all the work in if selecting the higher number

Dean Turner

25,031 Aufrufe • vor 4 Monaten