• Joseph “Mang0" Marquez, un joueur de Smash Bros. qui a été champion à deux reprises à Evo, a été exclu de l'équipe Cloud9 après son comportement inapproprié lors de la Beerio Kart World Cup. Il a harcelé des streamers féminins pendant l'événement diffusé en direct. Après cela, il a présenté des excuses, mais franchement, ça ne change pas grand-chose. Pas trop de surprises dans le monde de l'esport, hein ?

    #SmashBros #Mang0 #Cloud9 #BeerioKart #Esport
    Joseph “Mang0" Marquez, un joueur de Smash Bros. qui a été champion à deux reprises à Evo, a été exclu de l'équipe Cloud9 après son comportement inapproprié lors de la Beerio Kart World Cup. Il a harcelé des streamers féminins pendant l'événement diffusé en direct. Après cela, il a présenté des excuses, mais franchement, ça ne change pas grand-chose. Pas trop de surprises dans le monde de l'esport, hein ? #SmashBros #Mang0 #Cloud9 #BeerioKart #Esport
    KOTAKU.COM
    Smash Bros. Pro Dropped By Team After Harassing Female Streamers At Beerio Kart World Cup [Update: 'Alcohol Excuses Zero Percent Of My Actions']
    Joseph “Mang0" Marquez, a long-time Smash Bros. player and two-time Evo champion, isn’t getting invited back to the next Beerio Kart World Cup. The esports pro was banned for inappropriate behavior during the livestreamed event and subsequently dropp
    1 Commenti 0 condivisioni
  • Hey, fellow gamers!

    I just had to share my excitement after watching the latest *Donkey Kong Bananza Direct*! Can we just talk about how absolutely smashing this game is going to be?! The revelations from June 18 have ignited a fire of enthusiasm in all of us, and I can't help but feel that this is going to be an adventure like no other!

    Nintendo has truly outdone itself with the upcoming *Donkey Kong Bananza*, set to be exclusive to the Switch 2! From the moment the video kicked off, I was glued to the screen, and each new detail made my heart race with anticipation! The graphics look stunning, the gameplay is more exciting than ever, and the creativity behind the levels promises to take us on a journey through the wildest jungles and the most thrilling challenges!

    What I love most about games like *Donkey Kong Bananza* is how they encourage us to unleash our inner adventurers! Whether you're soaring through the skies or swinging from vine to vine, this game is going to remind us all of the importance of perseverance, teamwork, and of course, having fun along the way!

    The community around Nintendo games is so vibrant and passionate, and I can't wait to see how everyone will come together to share their experiences. Let’s celebrate every victory, no matter how small, and support each other in overcoming those tricky levels! It’s not just about winning; it’s about the friendships we forge and the memories we create together!

    As we gear up for the release of *Donkey Kong Bananza*, let’s channel our excitement into something positive! Share your thoughts, theories, and what you’re most excited about! Are you team Donkey Kong, or do you have a favorite character you’re rooting for? Let’s get those conversations rolling!

    Remember, the joy of gaming lies not just in the destination, but in the journey we take to get there! So, let’s keep our spirits high and our minds open. Who knows what surprises await us in the world of *Donkey Kong Bananza*!

    Stay hyped, everyone! The adventure of a lifetime is just around the corner!

    #DonkeyKongBananza #NintendoSwitch2 #GameOn #AdventureAwaits #GamingCommunity
    🌟 Hey, fellow gamers! 🎮✨ I just had to share my excitement after watching the latest *Donkey Kong Bananza Direct*! Can we just talk about how absolutely smashing this game is going to be?! 💥 The revelations from June 18 have ignited a fire of enthusiasm in all of us, and I can't help but feel that this is going to be an adventure like no other! 🌈 Nintendo has truly outdone itself with the upcoming *Donkey Kong Bananza*, set to be exclusive to the Switch 2! 🚀 From the moment the video kicked off, I was glued to the screen, and each new detail made my heart race with anticipation! 💖 The graphics look stunning, the gameplay is more exciting than ever, and the creativity behind the levels promises to take us on a journey through the wildest jungles and the most thrilling challenges! 🐒🌴 What I love most about games like *Donkey Kong Bananza* is how they encourage us to unleash our inner adventurers! 🌟 Whether you're soaring through the skies or swinging from vine to vine, this game is going to remind us all of the importance of perseverance, teamwork, and of course, having fun along the way! 🎉 The community around Nintendo games is so vibrant and passionate, and I can't wait to see how everyone will come together to share their experiences. 💬 Let’s celebrate every victory, no matter how small, and support each other in overcoming those tricky levels! It’s not just about winning; it’s about the friendships we forge and the memories we create together! 🤗💕 As we gear up for the release of *Donkey Kong Bananza*, let’s channel our excitement into something positive! 🌟 Share your thoughts, theories, and what you’re most excited about! Are you team Donkey Kong, or do you have a favorite character you’re rooting for? Let’s get those conversations rolling! 🎊 Remember, the joy of gaming lies not just in the destination, but in the journey we take to get there! So, let’s keep our spirits high and our minds open. Who knows what surprises await us in the world of *Donkey Kong Bananza*! 🎁✨ Stay hyped, everyone! The adventure of a lifetime is just around the corner! 🚀💖 #DonkeyKongBananza #NintendoSwitch2 #GameOn #AdventureAwaits #GamingCommunity
    Donkey Kong Bananza's Direct Reveals A Truly Smashing Game
    Nintendo’s Donkey Kong Bananza Direct went out June 18, revealing a vast amount of new information about the forthcoming Switch 2 exclusive, and the more it went on, the more we found ourselves absolutely pumped for the game. You can watch the entire
    Like
    Wow
    Love
    Angry
    Sad
    294
    1 Commenti 0 condivisioni
  • So, Gears of War multiplayer is back this weekend. Honestly, it’s just another chance to get chainsawed in half by people who’ve probably been playing since 2006. I guess if you’re into that sort of thing, it could be fun? But, I don’t know, it feels more like a chore than anything else.

    The beta for Gears of War: Reloaded is going on, which is supposed to bring back those “nostalgic” vibes from way back when. You know, the sweet days of running around maps, trying not to get smashed by random players rolling around like bowling balls. It’s kind of funny and sad at the same time. I mean, who really wants to relive that?

    You’ll have to pay to join in on this little trip down memory lane, which is just great. It’s not like we don’t have enough to deal with already. Why not add another expense to the weekend? But sure, let’s just embrace the chainsaws and all that. It’s not like there’s a million other things we could be doing, right?

    In the end, I guess if you’re desperate for some multiplayer action, this might be worth it for a couple of rounds. Grab some friends, or don’t. Either way, it’s just another weekend of gaming that feels more like a reminder of the past than something genuinely exciting. But hey, nostalgia can be nice... sometimes.

    So, if you feel like wasting your time and money on this, go for it. Just don’t expect too much, because honestly, it’s just Gears of War.

    #GearsOfWar #Multiplayer #Reloaded #GamingWeekend #Nostalgia
    So, Gears of War multiplayer is back this weekend. Honestly, it’s just another chance to get chainsawed in half by people who’ve probably been playing since 2006. I guess if you’re into that sort of thing, it could be fun? But, I don’t know, it feels more like a chore than anything else. The beta for Gears of War: Reloaded is going on, which is supposed to bring back those “nostalgic” vibes from way back when. You know, the sweet days of running around maps, trying not to get smashed by random players rolling around like bowling balls. It’s kind of funny and sad at the same time. I mean, who really wants to relive that? You’ll have to pay to join in on this little trip down memory lane, which is just great. It’s not like we don’t have enough to deal with already. Why not add another expense to the weekend? But sure, let’s just embrace the chainsaws and all that. It’s not like there’s a million other things we could be doing, right? In the end, I guess if you’re desperate for some multiplayer action, this might be worth it for a couple of rounds. Grab some friends, or don’t. Either way, it’s just another weekend of gaming that feels more like a reminder of the past than something genuinely exciting. But hey, nostalgia can be nice... sometimes. So, if you feel like wasting your time and money on this, go for it. Just don’t expect too much, because honestly, it’s just Gears of War. #GearsOfWar #Multiplayer #Reloaded #GamingWeekend #Nostalgia
    Gears Of War Multiplayer Is Back On The Menu This Weekend, But It'll Cost You
    Get ready to be mercilessly chainsawed in half by randos rolling around the map like bowling balls, ‘cause the Gears of War: Reloaded multiplayer beta is this happening this weekend and next. It’ll be a nice dose of 2006 nostalgia hitting right in th
    Like
    Love
    Wow
    Sad
    Angry
    537
    1 Commenti 0 condivisioni
  • Switch 2 gamers can now get top protection to end the dreaded console drop-and-break

    Accessories firm PowerA have released a series of peripherals and items designed to look after your believed new Switch 2 console to avoid a broken, smashed machine while taking it on-the-goTech14:16, 15 Jun 2025The PowerA Slim case for Switch 2Gamers who have just snapped up their fancy new Switch 2 console need some protection for their latest purchase.Because this fine piece of tech can easily be dropped while gaming onto a hard floor.‌Thankfully, a host of peripherals and accessories are already hitting stores for the Nintendo machine just days after its summertime launch.‌And it means you’ve now got options to protect your pricey device from a nasty fall or screen smash early in its gaming life.The bods at Power A have dropped a series of items worth considering for you Switch 2.Our go-to here is the new Slim Case which is a bargain at just £14.99.Article continues belowOfficially licensed by Nintendo, it has a moulded interior with soft fabric lining that perfectly cups your console, keeping it tightly nested from movement when zipped in.The case has a clean, rugged designIt looks the part too, with a grey tough fabric feel and that all-important Switch 2 logo on the front, bottom right, so you can show off to your pals.‌Inside you can even tuck in 10 game cards for your favourite titles thanks to a dedicated rack area.And that has an integrated play stand for on-the-go gamers who want to put out the magnetic Joy-Cons and have the display stand up in the case at a nice viewable angle where it remains protected while you game outdoors with pals.The play stand doubles as a padded screen protector when the system is inside the case, which is ideal.‌We’ve tried this out and it feels of good quality and well padded to protect your console.You can also get a screen protector from the firm to cover your precious 7.9-inch 1080p LCD screen form a break during a fall.There are two in a pack for £9 and, just like mobile phone screen protectors, they’ll give you an extra layer of cover while not affecting the touch screen mechanisms.‌The pack includes a microfibre cleaning cloth, placement guides, dust removal stickers and applicator.The Mario Time advantage controller for Switch 2Finally, if you want to avoid the Joy-Cons altogether there are new controllers for the Switch 2 to consider.Article continues belowThe best looking one is arguably the Advantage wired controller dubbed ‘Mario Time’ which costs £29 and boasts hall-effect magnetic sensor thumb sticks for fluid gameplay, on board audio controls for your gaming headsets and a cool Super Mario themed look.‌‌‌
    #switch #gamers #can #now #get
    Switch 2 gamers can now get top protection to end the dreaded console drop-and-break
    Accessories firm PowerA have released a series of peripherals and items designed to look after your believed new Switch 2 console to avoid a broken, smashed machine while taking it on-the-goTech14:16, 15 Jun 2025The PowerA Slim case for Switch 2Gamers who have just snapped up their fancy new Switch 2 console need some protection for their latest purchase.Because this fine piece of tech can easily be dropped while gaming onto a hard floor.‌Thankfully, a host of peripherals and accessories are already hitting stores for the Nintendo machine just days after its summertime launch.‌And it means you’ve now got options to protect your pricey device from a nasty fall or screen smash early in its gaming life.The bods at Power A have dropped a series of items worth considering for you Switch 2.Our go-to here is the new Slim Case which is a bargain at just £14.99.Article continues belowOfficially licensed by Nintendo, it has a moulded interior with soft fabric lining that perfectly cups your console, keeping it tightly nested from movement when zipped in.The case has a clean, rugged designIt looks the part too, with a grey tough fabric feel and that all-important Switch 2 logo on the front, bottom right, so you can show off to your pals.‌Inside you can even tuck in 10 game cards for your favourite titles thanks to a dedicated rack area.And that has an integrated play stand for on-the-go gamers who want to put out the magnetic Joy-Cons and have the display stand up in the case at a nice viewable angle where it remains protected while you game outdoors with pals.The play stand doubles as a padded screen protector when the system is inside the case, which is ideal.‌We’ve tried this out and it feels of good quality and well padded to protect your console.You can also get a screen protector from the firm to cover your precious 7.9-inch 1080p LCD screen form a break during a fall.There are two in a pack for £9 and, just like mobile phone screen protectors, they’ll give you an extra layer of cover while not affecting the touch screen mechanisms.‌The pack includes a microfibre cleaning cloth, placement guides, dust removal stickers and applicator.The Mario Time advantage controller for Switch 2Finally, if you want to avoid the Joy-Cons altogether there are new controllers for the Switch 2 to consider.Article continues belowThe best looking one is arguably the Advantage wired controller dubbed ‘Mario Time’ which costs £29 and boasts hall-effect magnetic sensor thumb sticks for fluid gameplay, on board audio controls for your gaming headsets and a cool Super Mario themed look.‌‌‌ #switch #gamers #can #now #get
    WWW.DAILYSTAR.CO.UK
    Switch 2 gamers can now get top protection to end the dreaded console drop-and-break
    Accessories firm PowerA have released a series of peripherals and items designed to look after your believed new Switch 2 console to avoid a broken, smashed machine while taking it on-the-goTech14:16, 15 Jun 2025The PowerA Slim case for Switch 2Gamers who have just snapped up their fancy new Switch 2 console need some protection for their latest purchase.Because this fine piece of tech can easily be dropped while gaming onto a hard floor.‌Thankfully, a host of peripherals and accessories are already hitting stores for the Nintendo machine just days after its summertime launch.‌And it means you’ve now got options to protect your pricey device from a nasty fall or screen smash early in its gaming life.The bods at Power A have dropped a series of items worth considering for you Switch 2.Our go-to here is the new Slim Case which is a bargain at just £14.99.Article continues belowOfficially licensed by Nintendo, it has a moulded interior with soft fabric lining that perfectly cups your console, keeping it tightly nested from movement when zipped in.The case has a clean, rugged designIt looks the part too, with a grey tough fabric feel and that all-important Switch 2 logo on the front, bottom right, so you can show off to your pals.‌Inside you can even tuck in 10 game cards for your favourite titles thanks to a dedicated rack area.And that has an integrated play stand for on-the-go gamers who want to put out the magnetic Joy-Cons and have the display stand up in the case at a nice viewable angle where it remains protected while you game outdoors with pals.The play stand doubles as a padded screen protector when the system is inside the case, which is ideal.‌We’ve tried this out and it feels of good quality and well padded to protect your console.You can also get a screen protector from the firm to cover your precious 7.9-inch 1080p LCD screen form a break during a fall.There are two in a pack for £9 and, just like mobile phone screen protectors, they’ll give you an extra layer of cover while not affecting the touch screen mechanisms.‌The pack includes a microfibre cleaning cloth, placement guides, dust removal stickers and applicator.The Mario Time advantage controller for Switch 2Finally, if you want to avoid the Joy-Cons altogether there are new controllers for the Switch 2 to consider.Article continues belowThe best looking one is arguably the Advantage wired controller dubbed ‘Mario Time’ which costs £29 and boasts hall-effect magnetic sensor thumb sticks for fluid gameplay, on board audio controls for your gaming headsets and a cool Super Mario themed look.‌‌‌
    Like
    Love
    Wow
    Sad
    Angry
    518
    2 Commenti 0 condivisioni
  • Stolen iPhones disabled by Apple's anti-theft tech after Los Angeles looting

    What just happened? As protests against federal immigration enforcement swept through downtown Los Angeles last week, a wave of looting left several major retailers, including Apple, T-Mobile, and Adidas, counting the cost of smashed windows and stolen goods. Yet for those who made off with iPhones from Apple's flagship store, the thrill of the heist quickly turned into a lesson in high-tech security.
    Apple's retail locations are equipped with advanced anti-theft technology that renders display devices useless once they leave the premises. The moment a demonstration iPhone is taken beyond the store's Wi-Fi network, it is instantly disabled by proximity software and a remote "kill switch."
    Instead of a functioning smartphone, thieves were met with a stark message on the screen: "Please return to Apple Tower Theatre. This device has been disabled and is being tracked. Local authorities will be alerted." The phone simultaneously sounds an alarm and flashes the warning, ensuring it cannot be resold or activated elsewhere.
    This system is not new. During the nationwide unrest of 2020, similar scenes played out as looters discovered that Apple's security measures turned their stolen goods into little more than expensive paperweights.
    The technology relies on a combination of location tracking and network monitoring. As soon as a device is separated from the store's secure environment, it is remotely locked, its location is tracked, and law enforcement is notified.
    // Related Stories

    Videos circulating online show stolen iPhones blaring alarms and displaying tracking messages, making them impossible to ignore and virtually worthless on the black market.
    According to the Los Angeles Police Department, at least three individuals were arrested in connection with the Apple Store burglary, including one suspect apprehended at the scene and two others detained for looting.
    The crackdown on looting comes amid a broader shift in California's approach to retail crime. In response to public outcry over rising thefts, state and local officials have moved away from previously lenient policies. The passage of Proposition 36 has empowered prosecutors to file felony charges against repeat offenders, regardless of the value of stolen goods, and to impose harsher penalties for organized group theft.
    Under these new measures, those caught looting face the prospect of significant prison time, a marked departure from the misdemeanor charges that were common under earlier laws.
    District attorneys in Southern California have called for even harsher penalties, particularly for crimes committed during states of emergency. Proposals include making looting a felony offense, increasing prison sentences, and ensuring that suspects are not released without judicial review. The goal, officials say, is to deter opportunistic criminals who exploit moments of crisis, whether during protests or natural disasters.
    #stolen #iphones #disabled #apple039s #antitheft
    Stolen iPhones disabled by Apple's anti-theft tech after Los Angeles looting
    What just happened? As protests against federal immigration enforcement swept through downtown Los Angeles last week, a wave of looting left several major retailers, including Apple, T-Mobile, and Adidas, counting the cost of smashed windows and stolen goods. Yet for those who made off with iPhones from Apple's flagship store, the thrill of the heist quickly turned into a lesson in high-tech security. Apple's retail locations are equipped with advanced anti-theft technology that renders display devices useless once they leave the premises. The moment a demonstration iPhone is taken beyond the store's Wi-Fi network, it is instantly disabled by proximity software and a remote "kill switch." Instead of a functioning smartphone, thieves were met with a stark message on the screen: "Please return to Apple Tower Theatre. This device has been disabled and is being tracked. Local authorities will be alerted." The phone simultaneously sounds an alarm and flashes the warning, ensuring it cannot be resold or activated elsewhere. This system is not new. During the nationwide unrest of 2020, similar scenes played out as looters discovered that Apple's security measures turned their stolen goods into little more than expensive paperweights. The technology relies on a combination of location tracking and network monitoring. As soon as a device is separated from the store's secure environment, it is remotely locked, its location is tracked, and law enforcement is notified. // Related Stories Videos circulating online show stolen iPhones blaring alarms and displaying tracking messages, making them impossible to ignore and virtually worthless on the black market. According to the Los Angeles Police Department, at least three individuals were arrested in connection with the Apple Store burglary, including one suspect apprehended at the scene and two others detained for looting. The crackdown on looting comes amid a broader shift in California's approach to retail crime. In response to public outcry over rising thefts, state and local officials have moved away from previously lenient policies. The passage of Proposition 36 has empowered prosecutors to file felony charges against repeat offenders, regardless of the value of stolen goods, and to impose harsher penalties for organized group theft. Under these new measures, those caught looting face the prospect of significant prison time, a marked departure from the misdemeanor charges that were common under earlier laws. District attorneys in Southern California have called for even harsher penalties, particularly for crimes committed during states of emergency. Proposals include making looting a felony offense, increasing prison sentences, and ensuring that suspects are not released without judicial review. The goal, officials say, is to deter opportunistic criminals who exploit moments of crisis, whether during protests or natural disasters. #stolen #iphones #disabled #apple039s #antitheft
    WWW.TECHSPOT.COM
    Stolen iPhones disabled by Apple's anti-theft tech after Los Angeles looting
    What just happened? As protests against federal immigration enforcement swept through downtown Los Angeles last week, a wave of looting left several major retailers, including Apple, T-Mobile, and Adidas, counting the cost of smashed windows and stolen goods. Yet for those who made off with iPhones from Apple's flagship store, the thrill of the heist quickly turned into a lesson in high-tech security. Apple's retail locations are equipped with advanced anti-theft technology that renders display devices useless once they leave the premises. The moment a demonstration iPhone is taken beyond the store's Wi-Fi network, it is instantly disabled by proximity software and a remote "kill switch." Instead of a functioning smartphone, thieves were met with a stark message on the screen: "Please return to Apple Tower Theatre. This device has been disabled and is being tracked. Local authorities will be alerted." The phone simultaneously sounds an alarm and flashes the warning, ensuring it cannot be resold or activated elsewhere. This system is not new. During the nationwide unrest of 2020, similar scenes played out as looters discovered that Apple's security measures turned their stolen goods into little more than expensive paperweights. The technology relies on a combination of location tracking and network monitoring. As soon as a device is separated from the store's secure environment, it is remotely locked, its location is tracked, and law enforcement is notified. // Related Stories Videos circulating online show stolen iPhones blaring alarms and displaying tracking messages, making them impossible to ignore and virtually worthless on the black market. According to the Los Angeles Police Department, at least three individuals were arrested in connection with the Apple Store burglary, including one suspect apprehended at the scene and two others detained for looting. The crackdown on looting comes amid a broader shift in California's approach to retail crime. In response to public outcry over rising thefts, state and local officials have moved away from previously lenient policies. The passage of Proposition 36 has empowered prosecutors to file felony charges against repeat offenders, regardless of the value of stolen goods, and to impose harsher penalties for organized group theft. Under these new measures, those caught looting face the prospect of significant prison time, a marked departure from the misdemeanor charges that were common under earlier laws. District attorneys in Southern California have called for even harsher penalties, particularly for crimes committed during states of emergency. Proposals include making looting a felony offense, increasing prison sentences, and ensuring that suspects are not released without judicial review. The goal, officials say, is to deter opportunistic criminals who exploit moments of crisis, whether during protests or natural disasters.
    Like
    Love
    Wow
    Sad
    Angry
    575
    2 Commenti 0 condivisioni
  • Nintendo Switch 2 screen survives being smashed with pliers 50 times — destructive testing finds the Switch 2 to be exceptionally tough

    Zack Nelson of JerryRigEverything tore apart the Nintendo Switch 2 to show us its internals and then stress-tested the screen with pliers to see how durable it is.
    #nintendo #switch #screen #survives #being
    Nintendo Switch 2 screen survives being smashed with pliers 50 times — destructive testing finds the Switch 2 to be exceptionally tough
    Zack Nelson of JerryRigEverything tore apart the Nintendo Switch 2 to show us its internals and then stress-tested the screen with pliers to see how durable it is. #nintendo #switch #screen #survives #being
    WWW.TOMSHARDWARE.COM
    Nintendo Switch 2 screen survives being smashed with pliers 50 times — destructive testing finds the Switch 2 to be exceptionally tough
    Zack Nelson of JerryRigEverything tore apart the Nintendo Switch 2 to show us its internals and then stress-tested the screen with pliers to see how durable it is.
    0 Commenti 0 condivisioni
  • Dune: Awakening Helicopters Are 'Goomba Stomping' Players, Devs Are Working On A Fix

    In a crowded field full of online survival sims, Dune: Awakening is kicking up storm. The adaptation of Frank Herbert’s sci-fi novels lets players build bases, rid sand worms, and smash Ornithopters into one another. That last part has become a problem, and the developers are already looking into a fix. Suggested Reading10 Minutes From The Last Of Us Part II’s Roguelike Mode

    Share SubtitlesOffEnglishview videoSuggested Reading10 Minutes From The Last Of Us Part II’s Roguelike Mode

    Share SubtitlesOffEnglishDune’s Ornithopters are helicopters shaped like dragonflies. In Dune: Awakening, they’re one of the many vehicles players can build that serve as both a resource and an end-goal of sorts. They require a lot of equipment and resources to craft if you’re playing solo, which is why most of them belong to players working in groups. It turns out that they’re pretty indestructible too, making them lethal weapons for ramming enemy players with in PVP. Reddit user Bombe18 shared his run-in with Dune: Awakening’s man-made scourge in a recent clip that blew up on the subreddit showing him repeatedly being accosted by multiple Ornithopters. Shooting at them does nothing. They’re unscathed by constantly smashing into the ground on top of him. At one point, he tries to wall-jump off a ledge and stab one. “Yeah sorry about this,” wrote game director Joel Bylos. “We have people working on fixing the goomba stomping ASAP.”Players have been debating the role of Ornithopters in Dune: Awakening since its beta tests last year. On the one hand, they’re a lot of fun and a cool reward for players to build toward. On the other, they sort of trivialize trying to travel around the desert and survive, the two things the game is supposed to be about. They can also shoot missiles, completely dominating the ground game. Now that’s real desert power. In terms of stopping players from griefing one another with Ornithopters, there are a few different suggestions. Some players just want the vehicles not to be able to be used as weapons at all. Others want them isolated to specific PVP areas. Another solution is to make it easier to destroy them. “Seems like they should just make guns deal more damage to them,” wrote one player. “They’d think twice about doing this if their orni could get wrecked by gunfire.” Another wrote, “Make Deep Desert crashes do significant damage. Two crashes or something past a certain physics threshold should disable the vehicle.”However the developers decide to address the recent outbreak of Ornithopter “goomba stomping,” Dune: Awakening is having a great launch so far. Out earlier this week on PC, it’s nearing a 90 percent positive rating on Steam with almost 20,000 reviews. The concurrent player-count is very healthy, too, peaking at just under 150,000 heading into the weekend. Unfortunately, console players will have to wait a bit to build Ornithropters of their own. A PlayStation 5 and Xbox Series X/S release isn’t planned until sometime in 2026. .
    #dune #awakening #helicopters #are #039goomba
    Dune: Awakening Helicopters Are 'Goomba Stomping' Players, Devs Are Working On A Fix
    In a crowded field full of online survival sims, Dune: Awakening is kicking up storm. The adaptation of Frank Herbert’s sci-fi novels lets players build bases, rid sand worms, and smash Ornithopters into one another. That last part has become a problem, and the developers are already looking into a fix. Suggested Reading10 Minutes From The Last Of Us Part II’s Roguelike Mode Share SubtitlesOffEnglishview videoSuggested Reading10 Minutes From The Last Of Us Part II’s Roguelike Mode Share SubtitlesOffEnglishDune’s Ornithopters are helicopters shaped like dragonflies. In Dune: Awakening, they’re one of the many vehicles players can build that serve as both a resource and an end-goal of sorts. They require a lot of equipment and resources to craft if you’re playing solo, which is why most of them belong to players working in groups. It turns out that they’re pretty indestructible too, making them lethal weapons for ramming enemy players with in PVP. Reddit user Bombe18 shared his run-in with Dune: Awakening’s man-made scourge in a recent clip that blew up on the subreddit showing him repeatedly being accosted by multiple Ornithopters. Shooting at them does nothing. They’re unscathed by constantly smashing into the ground on top of him. At one point, he tries to wall-jump off a ledge and stab one. “Yeah sorry about this,” wrote game director Joel Bylos. “We have people working on fixing the goomba stomping ASAP.”Players have been debating the role of Ornithopters in Dune: Awakening since its beta tests last year. On the one hand, they’re a lot of fun and a cool reward for players to build toward. On the other, they sort of trivialize trying to travel around the desert and survive, the two things the game is supposed to be about. They can also shoot missiles, completely dominating the ground game. Now that’s real desert power. In terms of stopping players from griefing one another with Ornithopters, there are a few different suggestions. Some players just want the vehicles not to be able to be used as weapons at all. Others want them isolated to specific PVP areas. Another solution is to make it easier to destroy them. “Seems like they should just make guns deal more damage to them,” wrote one player. “They’d think twice about doing this if their orni could get wrecked by gunfire.” Another wrote, “Make Deep Desert crashes do significant damage. Two crashes or something past a certain physics threshold should disable the vehicle.”However the developers decide to address the recent outbreak of Ornithopter “goomba stomping,” Dune: Awakening is having a great launch so far. Out earlier this week on PC, it’s nearing a 90 percent positive rating on Steam with almost 20,000 reviews. The concurrent player-count is very healthy, too, peaking at just under 150,000 heading into the weekend. Unfortunately, console players will have to wait a bit to build Ornithropters of their own. A PlayStation 5 and Xbox Series X/S release isn’t planned until sometime in 2026. . #dune #awakening #helicopters #are #039goomba
    KOTAKU.COM
    Dune: Awakening Helicopters Are 'Goomba Stomping' Players, Devs Are Working On A Fix
    In a crowded field full of online survival sims, Dune: Awakening is kicking up storm. The adaptation of Frank Herbert’s sci-fi novels lets players build bases, rid sand worms, and smash Ornithopters into one another. That last part has become a problem, and the developers are already looking into a fix. Suggested Reading10 Minutes From The Last Of Us Part II’s Roguelike Mode Share SubtitlesOffEnglishview videoSuggested Reading10 Minutes From The Last Of Us Part II’s Roguelike Mode Share SubtitlesOffEnglishDune’s Ornithopters are helicopters shaped like dragonflies. In Dune: Awakening, they’re one of the many vehicles players can build that serve as both a resource and an end-goal of sorts. They require a lot of equipment and resources to craft if you’re playing solo, which is why most of them belong to players working in groups. It turns out that they’re pretty indestructible too, making them lethal weapons for ramming enemy players with in PVP. Reddit user Bombe18 shared his run-in with Dune: Awakening’s man-made scourge in a recent clip that blew up on the subreddit showing him repeatedly being accosted by multiple Ornithopters. Shooting at them does nothing. They’re unscathed by constantly smashing into the ground on top of him. At one point, he tries to wall-jump off a ledge and stab one. “Yeah sorry about this,” wrote game director Joel Bylos. “We have people working on fixing the goomba stomping ASAP.”Players have been debating the role of Ornithopters in Dune: Awakening since its beta tests last year. On the one hand, they’re a lot of fun and a cool reward for players to build toward. On the other, they sort of trivialize trying to travel around the desert and survive, the two things the game is supposed to be about. They can also shoot missiles, completely dominating the ground game. Now that’s real desert power. In terms of stopping players from griefing one another with Ornithopters, there are a few different suggestions. Some players just want the vehicles not to be able to be used as weapons at all. Others want them isolated to specific PVP areas. Another solution is to make it easier to destroy them. “Seems like they should just make guns deal more damage to them,” wrote one player. “They’d think twice about doing this if their orni could get wrecked by gunfire.” Another wrote, “Make Deep Desert crashes do significant damage. Two crashes or something past a certain physics threshold should disable the vehicle.”However the developers decide to address the recent outbreak of Ornithopter “goomba stomping,” Dune: Awakening is having a great launch so far. Out earlier this week on PC, it’s nearing a 90 percent positive rating on Steam with almost 20,000 reviews. The concurrent player-count is very healthy, too, peaking at just under 150,000 heading into the weekend. Unfortunately, console players will have to wait a bit to build Ornithropters of their own. A PlayStation 5 and Xbox Series X/S release isn’t planned until sometime in 2026. .
    0 Commenti 0 condivisioni
  • Mock up a website in five prompts

    “Wait, can users actually add products to the cart?”Every prototype faces that question or one like it. You start to explain it’s “just Figma,” “just dummy data,” but what if you didn’t need disclaimers?What if you could hand clients—or your team—a working, data-connected mock-up of their website, or new pages and components, in less time than it takes to wireframe?That’s the challenge we’ll tackle today. But first, we need to look at:The problem with today’s prototyping toolsPick two: speed, flexibility, or interactivity.The prototyping ecosystem, despite having amazing software that addresses a huge variety of needs, doesn’t really have one tool that gives you all three.Wireframing apps let you draw boxes in minutes but every button is fake. Drag-and-drop builders animate scroll triggers until you ask for anything off-template. Custom code frees you… after you wave goodbye to a few afternoons.AI tools haven’t smashed the trade-off; they’ve just dressed it in flashier costumes. One prompt births a landing page, the next dumps a 2,000-line, worse-than-junior-level React file in your lap. The bottleneck is still there. Builder’s approach to website mockupsWe’ve been trying something a little different to maintain speed, flexibility, and interactivity while mocking full websites. Our AI-driven visual editor:Spins up a repo in seconds or connects to your existing one to use the code as design inspiration. React, Vue, Angular, and Svelte all work out of the box.
    Lets you shape components via plain English, visual edits, copy/pasted Figma frames, web inspos, MCP tools, and constant visual awareness of your entire website.
    Commits each change as a clean GitHub pull request your team can review like hand-written code. All your usual CI checks and lint rules apply.And if you need a tweak, you can comment to @builderio-bot right in the GitHub PR to make asynchronous changes without context switching.This results in a live site the café owner can interact with today, and a branch your devs can merge tomorrow. Stakeholders get to click actual buttons and trigger real state—no more “so, just imagine this works” demos.Let’s see it in action.From blank canvas to working mockup in five promptsToday, I’m going to mock up a fake business website. You’re welcome to create a real one.Before we fire off a single prompt, grab a note and write:Business name & vibe
    Core pages
    Primary goal
    Brand palette & toneThat’s it. Don’t sweat the details—we can always iterate. For mine, I wrote:1. Sunny Trails Bakery — family-owned, feel-good, smells like warm cinnamon.
    2. Home, About, Pricing / Subscription Box, Menu.
    3. Drive online orders and foot traffic—every CTA should funnel toward “Order Now” or “Reserve a Table.”
    4. Warm yellow, chocolate brown, rounded typography, playful copy.We’re not trying to fit everything here. What matters is clarity on what we’re creating, so the AI has enough context to produce usable scaffolds, and so later tweaks stay aligned with the client’s vision. Builder will default to using React, Vite, and Tailwind. If you want a different JS framework, you can link an existing repo in that stack. In the near future, you won’t need to do this extra step to get non-React frameworks to function.An entire website from the first promptNow, we’re ready to get going.Head over to Builder.io and paste in this prompt or your own:Create a cozy bakery website called “Sunny Trails Bakery” with pages for:
    • Home
    • About
    • Pricing
    • Menu
    Brand palette: warm yellow and chocolate brown. Tone: playful, inviting. The restaurant is family-owned, feel-good, and smells like cinnamon.
    The goal of this site is to drive online orders and foot traffic—every CTA should funnel toward "Order Now" or "Reserve a Table."Once you hit enter, Builder will spin up a new dev container, and then inside that container, the AI will build out the first version of your site. You can leave the page and come back when it’s done.Now, before we go further, let’s create our repo, so that we get version history right from the outset. Click “Create Repo” up in the top right, and link your GitHub account.Once the process is complete, you’ll have a brand new repo.If you need any help on this step, or any of the below, check out these docs.Making the mockup’s order system workFrom our one-shot prompt, we’ve already got a really nice start for our client. However, when we press the “Order Now” button, we just get a generic alert. Let’s fix this.The best part about connecting to GitHub is that we get version control. Head back to your dashboard and edit the settings of your new project. We can give it a better name, and then, in the “Advanced” section, we can change the “Commit Mode” to “Pull Requests.”Now, we have the ability to create new branches right within Builder, allowing us to make drastic changes without worrying about the main version. This is also helpful if you’d like to show your client or team a few different versions of the same prototype.On a new branch, I’ll write another short prompt:Can you make the "Order Now" button work, even if it's just with dummy JSON for now?As you can see in the GIF above, Builder creates an ordering system and a fully mobile-responsive cart and checkout flow.Now, we can click “Send PR” in the top right, and we have an ordinary GitHub PR that can be reviewed and merged as needed.This is what’s possible in two prompts. For our third, let’s gussy up the style.If you’re like me, you might spend a lot of time admiring other people’s cool designs and learning how to code up similar components in your own style.Luckily, Builder has this capability, too, with our Chrome extension. I found a “Featured Posts” section on OpenAI’s website, where I like how the layout and scrolling work. We can copy and paste it onto our “Featured Treats” section, retaining our cafe’s distinctive brand style.Don’t worry—OpenAI doesn’t mind a little web scraping.You can do this with any component on any website, so your own projects can very quickly become a “best of the web” if you know what you’re doing.Plus, you can use Figma designs in much the same way, with even better design fidelity. Copy and paste a Figma frame with our Figma plugin, and tell the AI to either use the component as inspiration or as a 1:1 to reference for what the design should be.Now, we’re ready to send our PR. This time, let’s take a closer look at the code the AI has created.As you can see, the code is neatly formatted into two reusable components. Scrolling down further, I find a CSS file and then the actual implementation on the homepage, with clean JSON to represent the dummy post data.Design tweaks to the mockup with visual editsOne issue that cropped up when the AI brought in the OpenAI layout is that it changed my text from “Featured Treats” to “Featured Stories & Treats.” I’ve realized I don’t like either, and I want to replace that text with: “Fresh Out of the Bakery.”It would be silly, though, to prompt the AI just for this small tweak. Let’s switch into edit mode.Edit Mode lets you select any component and change any of its content or underlying CSS directly. You get a host of Webflow-like options to choose from, so that you can finesse the details as needed.Once you’ve made all the visual changes you want—maybe tweaking a button color or a border radius—you can click “Apply Edits,” and the AI will ensure the underlying code matches your repo’s style.Async fixes to the mockup with Builder BotNow, our pull request is nearly ready to merge, but I found one issue with it:When we copied the OpenAI website layout earlier, one of the blog posts had a video as its featured graphic instead of just an image. This is cool for OpenAI, but for our bakery, I just wanted images in this section. Since I didn’t instruct Builder’s AI otherwise, it went ahead and followed the layout and created extra code for video capability.No problem. We can fix this inside GItHub with our final prompt. We just need to comment on the PR and tag builderio-bot. Within about a minute, Builder Bot has successfully removed the video functionality, leaving a minimal diff that affects only the code it needed to. For example: Returning to my project in Builder, I can see that the bot’s changes are accounted for in the chat window as well, and I can use the live preview link to make sure my site works as expected:Now, if this were a real project, you could easily deploy this to the web for your client. After all, you’ve got a whole GitHub repo. This isn’t just a mockup; it’s actual code you can tweak—with Builder or Cursor or by hand—until you’re satisfied to run the site in production.So, why use Builder to mock up your website?Sure, this has been a somewhat contrived example. A real prototype is going to look prettier, because I’m going to spend more time on pieces of the design that I don’t like as much.But that’s the point of the best AI tools: they don’t take you, the human, out of the loop.You still get to make all the executive decisions, and it respects your hard work. Since you can constantly see all the code the AI creates, work in branches, and prompt with component-level precision, you can stop worrying about AI overwriting your opinions and start using it more as the tool it’s designed to be.You can copy in your team’s Figma designs, import web inspos, connect MCP servers to get Jira tickets in hand, and—most importantly—work with existing repos full of existing styles that Builder will understand and match, just like it matched OpenAI’s layout to our little cafe.So, we get speed, flexibility, and interactivity all the way from prompt to PR to production.Try Builder today.
    #mock #website #five #prompts
    Mock up a website in five prompts
    “Wait, can users actually add products to the cart?”Every prototype faces that question or one like it. You start to explain it’s “just Figma,” “just dummy data,” but what if you didn’t need disclaimers?What if you could hand clients—or your team—a working, data-connected mock-up of their website, or new pages and components, in less time than it takes to wireframe?That’s the challenge we’ll tackle today. But first, we need to look at:The problem with today’s prototyping toolsPick two: speed, flexibility, or interactivity.The prototyping ecosystem, despite having amazing software that addresses a huge variety of needs, doesn’t really have one tool that gives you all three.Wireframing apps let you draw boxes in minutes but every button is fake. Drag-and-drop builders animate scroll triggers until you ask for anything off-template. Custom code frees you… after you wave goodbye to a few afternoons.AI tools haven’t smashed the trade-off; they’ve just dressed it in flashier costumes. One prompt births a landing page, the next dumps a 2,000-line, worse-than-junior-level React file in your lap. The bottleneck is still there. Builder’s approach to website mockupsWe’ve been trying something a little different to maintain speed, flexibility, and interactivity while mocking full websites. Our AI-driven visual editor:Spins up a repo in seconds or connects to your existing one to use the code as design inspiration. React, Vue, Angular, and Svelte all work out of the box. Lets you shape components via plain English, visual edits, copy/pasted Figma frames, web inspos, MCP tools, and constant visual awareness of your entire website. Commits each change as a clean GitHub pull request your team can review like hand-written code. All your usual CI checks and lint rules apply.And if you need a tweak, you can comment to @builderio-bot right in the GitHub PR to make asynchronous changes without context switching.This results in a live site the café owner can interact with today, and a branch your devs can merge tomorrow. Stakeholders get to click actual buttons and trigger real state—no more “so, just imagine this works” demos.Let’s see it in action.From blank canvas to working mockup in five promptsToday, I’m going to mock up a fake business website. You’re welcome to create a real one.Before we fire off a single prompt, grab a note and write:Business name & vibe Core pages Primary goal Brand palette & toneThat’s it. Don’t sweat the details—we can always iterate. For mine, I wrote:1. Sunny Trails Bakery — family-owned, feel-good, smells like warm cinnamon. 2. Home, About, Pricing / Subscription Box, Menu. 3. Drive online orders and foot traffic—every CTA should funnel toward “Order Now” or “Reserve a Table.” 4. Warm yellow, chocolate brown, rounded typography, playful copy.We’re not trying to fit everything here. What matters is clarity on what we’re creating, so the AI has enough context to produce usable scaffolds, and so later tweaks stay aligned with the client’s vision. Builder will default to using React, Vite, and Tailwind. If you want a different JS framework, you can link an existing repo in that stack. In the near future, you won’t need to do this extra step to get non-React frameworks to function.An entire website from the first promptNow, we’re ready to get going.Head over to Builder.io and paste in this prompt or your own:Create a cozy bakery website called “Sunny Trails Bakery” with pages for: • Home • About • Pricing • Menu Brand palette: warm yellow and chocolate brown. Tone: playful, inviting. The restaurant is family-owned, feel-good, and smells like cinnamon. The goal of this site is to drive online orders and foot traffic—every CTA should funnel toward "Order Now" or "Reserve a Table."Once you hit enter, Builder will spin up a new dev container, and then inside that container, the AI will build out the first version of your site. You can leave the page and come back when it’s done.Now, before we go further, let’s create our repo, so that we get version history right from the outset. Click “Create Repo” up in the top right, and link your GitHub account.Once the process is complete, you’ll have a brand new repo.If you need any help on this step, or any of the below, check out these docs.Making the mockup’s order system workFrom our one-shot prompt, we’ve already got a really nice start for our client. However, when we press the “Order Now” button, we just get a generic alert. Let’s fix this.The best part about connecting to GitHub is that we get version control. Head back to your dashboard and edit the settings of your new project. We can give it a better name, and then, in the “Advanced” section, we can change the “Commit Mode” to “Pull Requests.”Now, we have the ability to create new branches right within Builder, allowing us to make drastic changes without worrying about the main version. This is also helpful if you’d like to show your client or team a few different versions of the same prototype.On a new branch, I’ll write another short prompt:Can you make the "Order Now" button work, even if it's just with dummy JSON for now?As you can see in the GIF above, Builder creates an ordering system and a fully mobile-responsive cart and checkout flow.Now, we can click “Send PR” in the top right, and we have an ordinary GitHub PR that can be reviewed and merged as needed.This is what’s possible in two prompts. For our third, let’s gussy up the style.If you’re like me, you might spend a lot of time admiring other people’s cool designs and learning how to code up similar components in your own style.Luckily, Builder has this capability, too, with our Chrome extension. I found a “Featured Posts” section on OpenAI’s website, where I like how the layout and scrolling work. We can copy and paste it onto our “Featured Treats” section, retaining our cafe’s distinctive brand style.Don’t worry—OpenAI doesn’t mind a little web scraping.You can do this with any component on any website, so your own projects can very quickly become a “best of the web” if you know what you’re doing.Plus, you can use Figma designs in much the same way, with even better design fidelity. Copy and paste a Figma frame with our Figma plugin, and tell the AI to either use the component as inspiration or as a 1:1 to reference for what the design should be.Now, we’re ready to send our PR. This time, let’s take a closer look at the code the AI has created.As you can see, the code is neatly formatted into two reusable components. Scrolling down further, I find a CSS file and then the actual implementation on the homepage, with clean JSON to represent the dummy post data.Design tweaks to the mockup with visual editsOne issue that cropped up when the AI brought in the OpenAI layout is that it changed my text from “Featured Treats” to “Featured Stories & Treats.” I’ve realized I don’t like either, and I want to replace that text with: “Fresh Out of the Bakery.”It would be silly, though, to prompt the AI just for this small tweak. Let’s switch into edit mode.Edit Mode lets you select any component and change any of its content or underlying CSS directly. You get a host of Webflow-like options to choose from, so that you can finesse the details as needed.Once you’ve made all the visual changes you want—maybe tweaking a button color or a border radius—you can click “Apply Edits,” and the AI will ensure the underlying code matches your repo’s style.Async fixes to the mockup with Builder BotNow, our pull request is nearly ready to merge, but I found one issue with it:When we copied the OpenAI website layout earlier, one of the blog posts had a video as its featured graphic instead of just an image. This is cool for OpenAI, but for our bakery, I just wanted images in this section. Since I didn’t instruct Builder’s AI otherwise, it went ahead and followed the layout and created extra code for video capability.No problem. We can fix this inside GItHub with our final prompt. We just need to comment on the PR and tag builderio-bot. Within about a minute, Builder Bot has successfully removed the video functionality, leaving a minimal diff that affects only the code it needed to. For example: Returning to my project in Builder, I can see that the bot’s changes are accounted for in the chat window as well, and I can use the live preview link to make sure my site works as expected:Now, if this were a real project, you could easily deploy this to the web for your client. After all, you’ve got a whole GitHub repo. This isn’t just a mockup; it’s actual code you can tweak—with Builder or Cursor or by hand—until you’re satisfied to run the site in production.So, why use Builder to mock up your website?Sure, this has been a somewhat contrived example. A real prototype is going to look prettier, because I’m going to spend more time on pieces of the design that I don’t like as much.But that’s the point of the best AI tools: they don’t take you, the human, out of the loop.You still get to make all the executive decisions, and it respects your hard work. Since you can constantly see all the code the AI creates, work in branches, and prompt with component-level precision, you can stop worrying about AI overwriting your opinions and start using it more as the tool it’s designed to be.You can copy in your team’s Figma designs, import web inspos, connect MCP servers to get Jira tickets in hand, and—most importantly—work with existing repos full of existing styles that Builder will understand and match, just like it matched OpenAI’s layout to our little cafe.So, we get speed, flexibility, and interactivity all the way from prompt to PR to production.Try Builder today. #mock #website #five #prompts
    WWW.BUILDER.IO
    Mock up a website in five prompts
    “Wait, can users actually add products to the cart?”Every prototype faces that question or one like it. You start to explain it’s “just Figma,” “just dummy data,” but what if you didn’t need disclaimers?What if you could hand clients—or your team—a working, data-connected mock-up of their website, or new pages and components, in less time than it takes to wireframe?That’s the challenge we’ll tackle today. But first, we need to look at:The problem with today’s prototyping toolsPick two: speed, flexibility, or interactivity.The prototyping ecosystem, despite having amazing software that addresses a huge variety of needs, doesn’t really have one tool that gives you all three.Wireframing apps let you draw boxes in minutes but every button is fake. Drag-and-drop builders animate scroll triggers until you ask for anything off-template. Custom code frees you… after you wave goodbye to a few afternoons.AI tools haven’t smashed the trade-off; they’ve just dressed it in flashier costumes. One prompt births a landing page, the next dumps a 2,000-line, worse-than-junior-level React file in your lap. The bottleneck is still there. Builder’s approach to website mockupsWe’ve been trying something a little different to maintain speed, flexibility, and interactivity while mocking full websites. Our AI-driven visual editor:Spins up a repo in seconds or connects to your existing one to use the code as design inspiration. React, Vue, Angular, and Svelte all work out of the box. Lets you shape components via plain English, visual edits, copy/pasted Figma frames, web inspos, MCP tools, and constant visual awareness of your entire website. Commits each change as a clean GitHub pull request your team can review like hand-written code. All your usual CI checks and lint rules apply.And if you need a tweak, you can comment to @builderio-bot right in the GitHub PR to make asynchronous changes without context switching.This results in a live site the café owner can interact with today, and a branch your devs can merge tomorrow. Stakeholders get to click actual buttons and trigger real state—no more “so, just imagine this works” demos.Let’s see it in action.From blank canvas to working mockup in five promptsToday, I’m going to mock up a fake business website. You’re welcome to create a real one.Before we fire off a single prompt, grab a note and write:Business name & vibe Core pages Primary goal Brand palette & toneThat’s it. Don’t sweat the details—we can always iterate. For mine, I wrote:1. Sunny Trails Bakery — family-owned, feel-good, smells like warm cinnamon. 2. Home, About, Pricing / Subscription Box, Menu (with daily specials). 3. Drive online orders and foot traffic—every CTA should funnel toward “Order Now” or “Reserve a Table.” 4. Warm yellow, chocolate brown, rounded typography, playful copy.We’re not trying to fit everything here. What matters is clarity on what we’re creating, so the AI has enough context to produce usable scaffolds, and so later tweaks stay aligned with the client’s vision. Builder will default to using React, Vite, and Tailwind. If you want a different JS framework, you can link an existing repo in that stack. In the near future, you won’t need to do this extra step to get non-React frameworks to function.(Free tier Builder gives you 5 AI credits/day and 25/month—plenty to follow along with today’s demo. Upgrade only when you need it.)An entire website from the first promptNow, we’re ready to get going.Head over to Builder.io and paste in this prompt or your own:Create a cozy bakery website called “Sunny Trails Bakery” with pages for: • Home • About • Pricing • Menu Brand palette: warm yellow and chocolate brown. Tone: playful, inviting. The restaurant is family-owned, feel-good, and smells like cinnamon. The goal of this site is to drive online orders and foot traffic—every CTA should funnel toward "Order Now" or "Reserve a Table."Once you hit enter, Builder will spin up a new dev container, and then inside that container, the AI will build out the first version of your site. You can leave the page and come back when it’s done.Now, before we go further, let’s create our repo, so that we get version history right from the outset. Click “Create Repo” up in the top right, and link your GitHub account.Once the process is complete, you’ll have a brand new repo.If you need any help on this step, or any of the below, check out these docs.Making the mockup’s order system workFrom our one-shot prompt, we’ve already got a really nice start for our client. However, when we press the “Order Now” button, we just get a generic alert. Let’s fix this.The best part about connecting to GitHub is that we get version control. Head back to your dashboard and edit the settings of your new project. We can give it a better name, and then, in the “Advanced” section, we can change the “Commit Mode” to “Pull Requests.”Now, we have the ability to create new branches right within Builder, allowing us to make drastic changes without worrying about the main version. This is also helpful if you’d like to show your client or team a few different versions of the same prototype.On a new branch, I’ll write another short prompt:Can you make the "Order Now" button work, even if it's just with dummy JSON for now?As you can see in the GIF above, Builder creates an ordering system and a fully mobile-responsive cart and checkout flow.Now, we can click “Send PR” in the top right, and we have an ordinary GitHub PR that can be reviewed and merged as needed.This is what’s possible in two prompts. For our third, let’s gussy up the style.If you’re like me, you might spend a lot of time admiring other people’s cool designs and learning how to code up similar components in your own style.Luckily, Builder has this capability, too, with our Chrome extension. I found a “Featured Posts” section on OpenAI’s website, where I like how the layout and scrolling work. We can copy and paste it onto our “Featured Treats” section, retaining our cafe’s distinctive brand style.Don’t worry—OpenAI doesn’t mind a little web scraping.You can do this with any component on any website, so your own projects can very quickly become a “best of the web” if you know what you’re doing.Plus, you can use Figma designs in much the same way, with even better design fidelity. Copy and paste a Figma frame with our Figma plugin, and tell the AI to either use the component as inspiration or as a 1:1 to reference for what the design should be.(You can grab our design-to-code guide for a lot more ideas of what this can help you accomplish.)Now, we’re ready to send our PR. This time, let’s take a closer look at the code the AI has created.As you can see, the code is neatly formatted into two reusable components. Scrolling down further, I find a CSS file and then the actual implementation on the homepage, with clean JSON to represent the dummy post data.Design tweaks to the mockup with visual editsOne issue that cropped up when the AI brought in the OpenAI layout is that it changed my text from “Featured Treats” to “Featured Stories & Treats.” I’ve realized I don’t like either, and I want to replace that text with: “Fresh Out of the Bakery.”It would be silly, though, to prompt the AI just for this small tweak. Let’s switch into edit mode.Edit Mode lets you select any component and change any of its content or underlying CSS directly. You get a host of Webflow-like options to choose from, so that you can finesse the details as needed.Once you’ve made all the visual changes you want—maybe tweaking a button color or a border radius—you can click “Apply Edits,” and the AI will ensure the underlying code matches your repo’s style.Async fixes to the mockup with Builder BotNow, our pull request is nearly ready to merge, but I found one issue with it:When we copied the OpenAI website layout earlier, one of the blog posts had a video as its featured graphic instead of just an image. This is cool for OpenAI, but for our bakery, I just wanted images in this section. Since I didn’t instruct Builder’s AI otherwise, it went ahead and followed the layout and created extra code for video capability.No problem. We can fix this inside GItHub with our final prompt. We just need to comment on the PR and tag builderio-bot. Within about a minute, Builder Bot has successfully removed the video functionality, leaving a minimal diff that affects only the code it needed to. For example: Returning to my project in Builder, I can see that the bot’s changes are accounted for in the chat window as well, and I can use the live preview link to make sure my site works as expected:Now, if this were a real project, you could easily deploy this to the web for your client. After all, you’ve got a whole GitHub repo. This isn’t just a mockup; it’s actual code you can tweak—with Builder or Cursor or by hand—until you’re satisfied to run the site in production.So, why use Builder to mock up your website?Sure, this has been a somewhat contrived example. A real prototype is going to look prettier, because I’m going to spend more time on pieces of the design that I don’t like as much.But that’s the point of the best AI tools: they don’t take you, the human, out of the loop.You still get to make all the executive decisions, and it respects your hard work. Since you can constantly see all the code the AI creates, work in branches, and prompt with component-level precision, you can stop worrying about AI overwriting your opinions and start using it more as the tool it’s designed to be.You can copy in your team’s Figma designs, import web inspos, connect MCP servers to get Jira tickets in hand, and—most importantly—work with existing repos full of existing styles that Builder will understand and match, just like it matched OpenAI’s layout to our little cafe.So, we get speed, flexibility, and interactivity all the way from prompt to PR to production.Try Builder today.
    0 Commenti 0 condivisioni
  • The Best Jaws Knockoffs of the Past 50 Years

    To this day, Jaws remains the best example of Steven Spielberg‘s genius as a filmmaker. He somehow took a middling pulp novel about a killer shark and turned it into a thrilling adventure about masculinity and economic desperation. And to the surprise of no one, the massive success of Jaws spawned a lot of knockoffs, a glut of movies about animals terrorizing communities. None of these reach the majesty of Jaws, of course. But here’s the thing—none of them had to be Jaws. Sure, it’s nice that Spielberg’s film has impeccably designed set pieces and compelling characters, but that’s not the main reason people go to animal attack movies. We really just want to watch people get attacked. And eaten.

    With such standards duly lowered, let’s take a look at the best animal attack movies that came out in the past half-century since Jaws first scared us out of the water. Of course this list doesn’t cover every movie inspired by Jaws, and some can argue that these movies were less inspired by Jaws than other nature revolts features, such as Alfred Hitchcock‘s The Birds. But every one of these flicks owes a debt to Jaws, either in inspiration or simply getting people interested in movies about animals eating people. Those warning aside, lets make like drunken revelers on Amity Island and dive right in!
    20. SharknadoSharknado almost doesn’t belong on this list because it’s less a movie and more of a meme, a precursor to Vines and TikTok trends. Yes, many fantastic movies have been made off of an incredibly high concept and a painfully low budget. Heck, that approach made Roger Corman’s career. But Sharknado‘s high concept—a tornado sweeps over the ocean and launches ravenous sharks into the mainland—comes with a self-satisfied smirk.
    Somehow, Sharknado managed to capture the imagination of the public, making it popular enough to launch five sequels. At the time, viewers defended it as a so bad it’s good-style movie like The Room. But today Sharknado‘s obvious attempts to be wacky are just bad, making the franchise one more embarrassing trend, ready to be forgotten.

    19. OrcaFor a long time, Orca had a reputation for being the most obvious Jaws ripoff, and with good reason—Italian producer Dino De Laurentiis, who would go on to support Flash Gordon, Manhunter, and truly launch David Lynch‘s career with Blue Velvet, wanted his own version of the Spielberg hit. On paper he had all the right ingredients, including a great cast with Richard Harris and Charlotte Rampling, and another oceanic threat, this time a killer whale.
    Orca boasts some impressive underwater cinematography, something that even Jaws largely lacks. But that’s the one thing Orca does better than Jaws. Everything else—character-building, suspense and scare scenes, basic plotting and storytelling—is done in such a haphazard manner that Orca plays more like an early mockbuster from the Asylum production companythan it does a product from a future Hollywood player.
    18. TentaclesAnother Italian cheapie riding off the success of Jaws, Tentacles at least manages to be fun in its ineptitude. A giant octopus feature, Tentacles is directed by Ovidio G. Assonitis, a man whose greatest claim to fame is that he annoyed first-time director James Cameron so much on Piranha II: The Spawning that he activated the future legend’s infamous refusal to compromise with studios and producers.
    Tentacles somehow has a pretty impressive cast, including John Huston, Shelly Winters, and Henry Fonda all picking up paychecks. None of them really do any hard work in Tentacles, but there’s something fun about watching these greats shake the the octopus limbs that are supposed to be attacking them, as if they’re in an Ed Wood picture.
    17. Kingdom of the SpidersSpielberg famously couldn’t get his mechanical shark to work, a happy accident that he overcame with incredibly tense scenes that merely suggested the monster’s presence. For his arachnids on the forgotten movie Kingdom of the Spiders, director John “Bud” Cardos has an even more formative tool to make up for the lack of effects magic: William Shatner.
    Shatner plays Rack Hansen, a veterinarian who discovers that the overuse of pesticides has killed off smaller insects and forced the tarantula population to seek larger prey, including humans. These types of ecological messages are common among creature features of the late ’70s, and they usually clang with hollow self-righteousness. But in Kingdom of the Spiders, Shatner delivers his lines with such blown out conviction that we enjoy his bluster, even if we don’t quite buy it.

    16. The MegThe idea of Jason Statham fighting a giant prehistoric shark is an idea so awesome, it’s shocking that his character from Spy didn’t already pitch it. And The Meg certainly does deliver when Statham’s character does commit to battle with the creature in the movie’s climax. The problem is that moment of absurd heroism comes only after a lot of long sappy nonsense.

    Join our mailing list
    Get the best of Den of Geek delivered right to your inbox!

    It’s hard to figure out who is to blame for The Meg‘s failure. Director Jon Turteltaub hails from well-remembered Disney classics Cool Runnings and National Treasure. But too often he forgets how to pace an adventure film and gives into his most saccharine instincts here. One of the many Chinese/Hollywood co-produced blockbusters of the 2010s, The Meg also suffers from trying to innocuously please too wide an audience. Whatever the source, The Meg only fleetingly delivers on the promise of big time peril, wasting too much time on thin character beats.
    15. Lake PlacidI know already some people reading this are taking exception to Lake Placid‘s low ranking, complaining that this list isn’t showing enough respect to what they consider a zippy, irreverent take on a creature feature, one written by Ally McBeal creator David E. Kelley and co-starring Betty White. To those people, I can only say, “Please rewatch Lake Placid and then consider its ranking.”
    Lake Placid certainly has its fun moments, helped along by White as a kindly grandmother who keeps feeding a giant croc, Bill Pullman as a dumbfounded simple sheriff, and Oliver Platt as a rich adventurer. Their various one-liners are a pleasure to remember. But within the context of a movie stuffed with late ’90s irony, the constant snark gets tiresome, sapping out all the fun of a killer crocodile film.
    14. Open WaterLike Sharknado, Open Water had its fans for a few years but has fallen in most moviegoers’ esteem. Unlike Sharknado, Open Water is a real movie, just one that can’t sustain its premise for its entire runtime.
    Writer and director Chris Kentis draws inspiration from a real-life story about a husband and wife who were accidentally abandoned in the middle of the ocean by their scuba excursion group. The same thing happens to the movie’s Susan Watkinsand Daniel Travis, who respond to their predicament by airing out their relationship grievances, even as sharks start to surround them. Kentis commits to the reality of the couple’s bleak situation, which sets Open Water apart from the thrill-a-minute movies that mostly make up this list. But even with some shocking set pieces, Open Water feels too much like being stuck in car with a couple who hates each other and not enough like a shark attack thriller.

    13. Eaten AliveSpielberg’s artful execution of Jaws led many of the filmmakers who followed to attempt some semblance of character development and prestige, even if done without enthusiasm. Not so with Tobe Hooper, who followed up the genre-defining The Texas Chainsaw Massacre with Eaten Alive.
    Then again, Hooper draws just as much from Psycho as he does Jaws. Neville Brand plays Judd, the proprietor of a sleazy hotel on the bayou where slimy yokels do horrible things to one another. Amity Island, this is not. But when one of the visitors annoy Judd, he feeds them to the pet croc kept in the back. Eaten Alive is a nasty bit of work, but like most of Hooper’s oeuvre, it’s a lot of fun.
    12. ProphecyDirected by John Frankenheimer of The Manchurian Candidate and Grand Prix fame, Prophecy is easily the best of the more high-minded animal attack movies that followed Jaws. This landlocked film, written by David Seltzer, stars Robert Foxworth as Dr. Robert Verne, a veterinarian hired by the EPA to investigate bear attacks against loggers on a mountain in Maine. Along with his wife Maggie, Verne finds himself thrown into a conflict between the mining company and the local Indigenous population who resist them.
    Prophecy drips with an American hippy mentality that reads as pretty conservative today, making its depictions of Native people, including the leader played by Italian American actor Armand Assante, pretty embarrassing. But there is a mutant bear on the loose and Frankenheimer knows how to stage an exciting sequence, which makes Prophecy a worthwhile watch.
    11. Piranha 3DPiranha 3D begins with a denim-wearing fisherman named Matt, played by Richard Dreyfuss no less, falling into the water and immediately getting devoured by the titular flesh-eaters. This weird nod to Matt Hooper and Jaws instead of Joe Dante’s Piranha, the movie Piranha 3D is supposed to be remaking, is just one of the many oddities at play yhere. Screenwriters Pete Goldfinger and Josh Stolberg have some of the wacky energy and social satire of the original film, but director Alexandre Aja, a veteran of the French Extreme movement, includes so much nastiness in Piranha 3D that we’re not sure if we want to laugh or throw up.
    Still, there’s no denying the power of Piranha 3D‘s set pieces, including a shocking sequence in which the titular beasties attack an MTV/Girls Gone Wild Spring Break party and chaos ensues. Furthermore, Piranha 3D benefits from a strong cast, which includes Elizabeth Shue, Adam Scott, and Ving Rhames.

    10. AnacondaWith its many scenes involving an animal attacking a ragtag group on a boat, Anaconda clearly owes a debt to Jaws. However, with its corny characters and shoddy late ’90s CGI, Anaconda feels today less like a Jaws knockoff and more like a forerunner to Sharknado and the boom of lazy Syfy and Redbox horror movies that followed.
    Whatever its influences and legacy, there’s no denying that Anaconda is, itself, a pretty fun movie. Giant snakes make for good movie monsters, and the special effects have become dated in a way that feels charming. Moreover, Anaconda boasts a enjoyably unlikely cast, including Eric Stoltz as a scientist, Owen Wilson and Ice Cube as members of a documentary crew, and Jon Voight as what might be the most unhinged character of his career, second only to his crossbow enthusiast from Megalopolis.
    9. The ShallowsThe Shallows isn’t the highest-ranking shark attack movie on this list but it’s definitely the most frightening shark attack thriller since Jaws. That’s high praise, indeed, but The Shallows benefits from a lean and mean premise and clear direction by Jaume Collet-Serra, who has made some solid modern thrillers. The Shallows focuses almost entirely on med student Nancy Adams, who gets caught far from shore after the tide comes in and is hunted by a shark.
    A lot of the pleasure of The Shallows comes from seeing how Collet-Serra and screenwriter Anthony Jaswinski avoid the problems that plague many of the movies on this list. Adams is an incredibly competent character, and we pull for her even after the mistake that leaves her stranded. Moreover, The Shallows perfectly balances thrill sequences with character moments, making for one of the more well-rounded creature features of the past decade.
    8. RazorbackJaws, of course, has a fantastic opening scene, a thrilling sequence in which the shark kills a drunken skinny dipper. Of the movies on this list, only Razorback comes close to matching the original’s power, and it does so because director Russell Mulcahy, who would make Highlander next, goes for glossy absurdity. In the Razorback‘s first three minutes, a hulking wild boar smashes through the rural home of an elderly man in the Australian outback, carrying away his young grandson. Over the sounds of a synth score, the old man stumbles away from his now-burning house, screaming up into the sky.
    Sadly, the rest of Razorback cannot top that moment. Mulcahy directs the picture with lots of glossy style, while retaining the grit of the Australian New Wave movement. But budget restrictions keep the titular beast from really looking as cool as one would hope, and the movie’s loud, crazy tone can’t rely on Jaws-like power of suggestion.

    7. CrawlAlexandre Aja’s second movie on this list earns its high rank precisely because it does away with the tonal inconsistencies that plagued Piranha 3D and leans into what the French filmmaker does so well: slicked down and mean horror. Set in the middle of a Florida hurricane, Crawl stars Kaya Scodelario as competitive swimmer Haley and always-welcome character actor Barry Pepper as her father Dave, who get trapped in a flooding basement that’s menaced by alligators.
    Yet as grimy as Crawl can get, Aja also executes the strong character work in the script by Michael Rasmussen and Shawn Rasmussen. Dave and Haley are real people, not just gator-bait, making their peril feel all the more real, and their triumphs all the sweeter.
    6. PiranhaPiranha is the only entry on this list to get a seal of approval from Stephen Spielberg himself, who not only praised the movie, even as Universal Pictures planned to sue the production, but also got director Joe Dante to later helm Gremlins. It’s not hard to see why Piranha charmed Spielberg, a man who loves wacky comedy. Dante’s Looney Tunes approach is on full display in some of the movie’s best set pieces.
    But Piranha is special because it also comes from legendary screenwriter John Sayles, who infuses the story with social satire and cynicism that somehow blends with Dante’s approach. The result is a film about piranha developed by the U.S. military to kill the Vietnamese getting unleashed into an American river and making their way to a children’s summer camp, a horrifying idea that Dante turns into good clean fun.
    5. SlugsIf we’re talking about well-made movies, then Slugs belongs way below any of the movies on this list, somewhere around the killer earthworm picture Squirm. But if we’re thinking about pure enjoyable spectacle, it’s hard to top Slugs, a movie about, yes, flesh-eating slugs.
    Yes, it’s very funny to think about people getting terrorized by creatures that are famous for moving very, very slowly. But Spanish director Juan Piquer Simón, perhaps best known for his equally bugnuts giallo Pieces, pays as little attention to realism as he does to good taste. Slugs is filled with insane and ghastly sequences of killer slugs ending up in unlikely places, swarming the floor of someone’s bedroom or inside a fancy restaurant, and then devouring people, one methodical bite at a time.

    4. Deep Blue SeaWhen it comes to goofy ’90s CGI action, it’s hard to top Deep Blue Sea, directed by Renny Harlin and featuring sharks with genetically enhanced brains. Deep Blue Sea doesn’t have a strong sense of pacing, it lacks any sort of believable character development, and the effects looked terrible even in 1999. But it’s also the only movie on this list that features LL Cool J as a cool chef who recites a violent version of the 23rd Psalm and almost gets cooked alive in an oven by a genius-level shark.
    It’s scenes like the oven sequence that makes Deep Blue Sea such a delight, despite its many, many flaws. The movie tries to do the most at every turn, whether that’s clearly reediting the movie in postproduction so that LL Cool J’s chef becomes a central character, stealing the spotlight form intended star Saffron Burrows, or a ridiculous Samuel L. Jackson monologue with a delightfully unexpected climax.
    3. AlligatorIn many ways, Alligator feels like screenwriter John Sayles’ rejoinder to Piranha. If Joe Dante sanded down Piranha‘s sharp edges with his goofy humor, then Alligator is so filled with mean-spiritedness that no director could dilute it. Not that Lewis Teague, a solid action helmer who we’ll talk about again shortly, would do that.
    Alligator transports the old adage about gators in the sewers from New York to Chicago where the titular beast, the subject of experiments to increase its size, begins preying on the innocent. And on the not so innocent. Alligator shows no respect for the good or the bad, and the film is filled with scenes of people getting devoured, whether it’s a young boy who becomes a snack during a birthday party prank or an elderly mafioso who tries to abandon his family during the gator’s rampage.
    2. GrizzlyGrizzly stands as the greatest of the movies obviously ripping off Jaws precisely because it understands its limitations. It takes what it can from Spielberg’s masterpiece, including the general premise of an animal hunting in a tourist location, and ignores what it can’t pull off, namely three-dimensional characters. This clear-eyed understanding of everyone’s abilities makes Grizzly a lean, mean, and satisfying thriller.
    Directed by blaxploitation vet William Girdler and written by Harvey Flaxman and David Sheldon, Grizzly stars ’70s low-budget king Christopher George as a park ranger investigating unusually vicious bear attacks on campers. That’s not the richest concept in the world, but Girdler and co. execute their ideas with such precision, and George plays his character with just the right amount of machismo, that Grizzly manages to deliver on everything you want from an animal attack.

    1. CujoTo some modern readers, it might seem absurd to put Cujo on a list of Jaws knockoffs. After all, Stephen King is a franchise unto himself and he certainly doesn’t need another movie’s success to get a greenlight for any of his projects. But you have to remember that Cujo came out in 1983 and was just the third of his works to get adapted theatrically, which makes its Jaws connection more valid. After all, the main section of the film—in which momand her son Tadare trapped in their car and menaced by the titular St. Bernard—replicates the isolation on Quint’s fishing vessel, the Orca, better than any other film on this list.
    However, it’s not just director Lewis Teague’s ability to create tension that puts Cujo at the top. Writers Don Carlos Dunaway and Lauren Currier key into the complicated familial dynamics of King’s story, giving the characters surprising depth. It’s no wonder that Spielberg would cast Wallace as another overwhelmed mom for E.T. The Extraterrestrial the very next year, proving that he still has a soft spot for animal attack movies—even if none of them came close to matching the power of Jaws.
    #best #jaws #knockoffs #past #years
    The Best Jaws Knockoffs of the Past 50 Years
    To this day, Jaws remains the best example of Steven Spielberg‘s genius as a filmmaker. He somehow took a middling pulp novel about a killer shark and turned it into a thrilling adventure about masculinity and economic desperation. And to the surprise of no one, the massive success of Jaws spawned a lot of knockoffs, a glut of movies about animals terrorizing communities. None of these reach the majesty of Jaws, of course. But here’s the thing—none of them had to be Jaws. Sure, it’s nice that Spielberg’s film has impeccably designed set pieces and compelling characters, but that’s not the main reason people go to animal attack movies. We really just want to watch people get attacked. And eaten. With such standards duly lowered, let’s take a look at the best animal attack movies that came out in the past half-century since Jaws first scared us out of the water. Of course this list doesn’t cover every movie inspired by Jaws, and some can argue that these movies were less inspired by Jaws than other nature revolts features, such as Alfred Hitchcock‘s The Birds. But every one of these flicks owes a debt to Jaws, either in inspiration or simply getting people interested in movies about animals eating people. Those warning aside, lets make like drunken revelers on Amity Island and dive right in! 20. SharknadoSharknado almost doesn’t belong on this list because it’s less a movie and more of a meme, a precursor to Vines and TikTok trends. Yes, many fantastic movies have been made off of an incredibly high concept and a painfully low budget. Heck, that approach made Roger Corman’s career. But Sharknado‘s high concept—a tornado sweeps over the ocean and launches ravenous sharks into the mainland—comes with a self-satisfied smirk. Somehow, Sharknado managed to capture the imagination of the public, making it popular enough to launch five sequels. At the time, viewers defended it as a so bad it’s good-style movie like The Room. But today Sharknado‘s obvious attempts to be wacky are just bad, making the franchise one more embarrassing trend, ready to be forgotten. 19. OrcaFor a long time, Orca had a reputation for being the most obvious Jaws ripoff, and with good reason—Italian producer Dino De Laurentiis, who would go on to support Flash Gordon, Manhunter, and truly launch David Lynch‘s career with Blue Velvet, wanted his own version of the Spielberg hit. On paper he had all the right ingredients, including a great cast with Richard Harris and Charlotte Rampling, and another oceanic threat, this time a killer whale. Orca boasts some impressive underwater cinematography, something that even Jaws largely lacks. But that’s the one thing Orca does better than Jaws. Everything else—character-building, suspense and scare scenes, basic plotting and storytelling—is done in such a haphazard manner that Orca plays more like an early mockbuster from the Asylum production companythan it does a product from a future Hollywood player. 18. TentaclesAnother Italian cheapie riding off the success of Jaws, Tentacles at least manages to be fun in its ineptitude. A giant octopus feature, Tentacles is directed by Ovidio G. Assonitis, a man whose greatest claim to fame is that he annoyed first-time director James Cameron so much on Piranha II: The Spawning that he activated the future legend’s infamous refusal to compromise with studios and producers. Tentacles somehow has a pretty impressive cast, including John Huston, Shelly Winters, and Henry Fonda all picking up paychecks. None of them really do any hard work in Tentacles, but there’s something fun about watching these greats shake the the octopus limbs that are supposed to be attacking them, as if they’re in an Ed Wood picture. 17. Kingdom of the SpidersSpielberg famously couldn’t get his mechanical shark to work, a happy accident that he overcame with incredibly tense scenes that merely suggested the monster’s presence. For his arachnids on the forgotten movie Kingdom of the Spiders, director John “Bud” Cardos has an even more formative tool to make up for the lack of effects magic: William Shatner. Shatner plays Rack Hansen, a veterinarian who discovers that the overuse of pesticides has killed off smaller insects and forced the tarantula population to seek larger prey, including humans. These types of ecological messages are common among creature features of the late ’70s, and they usually clang with hollow self-righteousness. But in Kingdom of the Spiders, Shatner delivers his lines with such blown out conviction that we enjoy his bluster, even if we don’t quite buy it. 16. The MegThe idea of Jason Statham fighting a giant prehistoric shark is an idea so awesome, it’s shocking that his character from Spy didn’t already pitch it. And The Meg certainly does deliver when Statham’s character does commit to battle with the creature in the movie’s climax. The problem is that moment of absurd heroism comes only after a lot of long sappy nonsense. Join our mailing list Get the best of Den of Geek delivered right to your inbox! It’s hard to figure out who is to blame for The Meg‘s failure. Director Jon Turteltaub hails from well-remembered Disney classics Cool Runnings and National Treasure. But too often he forgets how to pace an adventure film and gives into his most saccharine instincts here. One of the many Chinese/Hollywood co-produced blockbusters of the 2010s, The Meg also suffers from trying to innocuously please too wide an audience. Whatever the source, The Meg only fleetingly delivers on the promise of big time peril, wasting too much time on thin character beats. 15. Lake PlacidI know already some people reading this are taking exception to Lake Placid‘s low ranking, complaining that this list isn’t showing enough respect to what they consider a zippy, irreverent take on a creature feature, one written by Ally McBeal creator David E. Kelley and co-starring Betty White. To those people, I can only say, “Please rewatch Lake Placid and then consider its ranking.” Lake Placid certainly has its fun moments, helped along by White as a kindly grandmother who keeps feeding a giant croc, Bill Pullman as a dumbfounded simple sheriff, and Oliver Platt as a rich adventurer. Their various one-liners are a pleasure to remember. But within the context of a movie stuffed with late ’90s irony, the constant snark gets tiresome, sapping out all the fun of a killer crocodile film. 14. Open WaterLike Sharknado, Open Water had its fans for a few years but has fallen in most moviegoers’ esteem. Unlike Sharknado, Open Water is a real movie, just one that can’t sustain its premise for its entire runtime. Writer and director Chris Kentis draws inspiration from a real-life story about a husband and wife who were accidentally abandoned in the middle of the ocean by their scuba excursion group. The same thing happens to the movie’s Susan Watkinsand Daniel Travis, who respond to their predicament by airing out their relationship grievances, even as sharks start to surround them. Kentis commits to the reality of the couple’s bleak situation, which sets Open Water apart from the thrill-a-minute movies that mostly make up this list. But even with some shocking set pieces, Open Water feels too much like being stuck in car with a couple who hates each other and not enough like a shark attack thriller. 13. Eaten AliveSpielberg’s artful execution of Jaws led many of the filmmakers who followed to attempt some semblance of character development and prestige, even if done without enthusiasm. Not so with Tobe Hooper, who followed up the genre-defining The Texas Chainsaw Massacre with Eaten Alive. Then again, Hooper draws just as much from Psycho as he does Jaws. Neville Brand plays Judd, the proprietor of a sleazy hotel on the bayou where slimy yokels do horrible things to one another. Amity Island, this is not. But when one of the visitors annoy Judd, he feeds them to the pet croc kept in the back. Eaten Alive is a nasty bit of work, but like most of Hooper’s oeuvre, it’s a lot of fun. 12. ProphecyDirected by John Frankenheimer of The Manchurian Candidate and Grand Prix fame, Prophecy is easily the best of the more high-minded animal attack movies that followed Jaws. This landlocked film, written by David Seltzer, stars Robert Foxworth as Dr. Robert Verne, a veterinarian hired by the EPA to investigate bear attacks against loggers on a mountain in Maine. Along with his wife Maggie, Verne finds himself thrown into a conflict between the mining company and the local Indigenous population who resist them. Prophecy drips with an American hippy mentality that reads as pretty conservative today, making its depictions of Native people, including the leader played by Italian American actor Armand Assante, pretty embarrassing. But there is a mutant bear on the loose and Frankenheimer knows how to stage an exciting sequence, which makes Prophecy a worthwhile watch. 11. Piranha 3DPiranha 3D begins with a denim-wearing fisherman named Matt, played by Richard Dreyfuss no less, falling into the water and immediately getting devoured by the titular flesh-eaters. This weird nod to Matt Hooper and Jaws instead of Joe Dante’s Piranha, the movie Piranha 3D is supposed to be remaking, is just one of the many oddities at play yhere. Screenwriters Pete Goldfinger and Josh Stolberg have some of the wacky energy and social satire of the original film, but director Alexandre Aja, a veteran of the French Extreme movement, includes so much nastiness in Piranha 3D that we’re not sure if we want to laugh or throw up. Still, there’s no denying the power of Piranha 3D‘s set pieces, including a shocking sequence in which the titular beasties attack an MTV/Girls Gone Wild Spring Break party and chaos ensues. Furthermore, Piranha 3D benefits from a strong cast, which includes Elizabeth Shue, Adam Scott, and Ving Rhames. 10. AnacondaWith its many scenes involving an animal attacking a ragtag group on a boat, Anaconda clearly owes a debt to Jaws. However, with its corny characters and shoddy late ’90s CGI, Anaconda feels today less like a Jaws knockoff and more like a forerunner to Sharknado and the boom of lazy Syfy and Redbox horror movies that followed. Whatever its influences and legacy, there’s no denying that Anaconda is, itself, a pretty fun movie. Giant snakes make for good movie monsters, and the special effects have become dated in a way that feels charming. Moreover, Anaconda boasts a enjoyably unlikely cast, including Eric Stoltz as a scientist, Owen Wilson and Ice Cube as members of a documentary crew, and Jon Voight as what might be the most unhinged character of his career, second only to his crossbow enthusiast from Megalopolis. 9. The ShallowsThe Shallows isn’t the highest-ranking shark attack movie on this list but it’s definitely the most frightening shark attack thriller since Jaws. That’s high praise, indeed, but The Shallows benefits from a lean and mean premise and clear direction by Jaume Collet-Serra, who has made some solid modern thrillers. The Shallows focuses almost entirely on med student Nancy Adams, who gets caught far from shore after the tide comes in and is hunted by a shark. A lot of the pleasure of The Shallows comes from seeing how Collet-Serra and screenwriter Anthony Jaswinski avoid the problems that plague many of the movies on this list. Adams is an incredibly competent character, and we pull for her even after the mistake that leaves her stranded. Moreover, The Shallows perfectly balances thrill sequences with character moments, making for one of the more well-rounded creature features of the past decade. 8. RazorbackJaws, of course, has a fantastic opening scene, a thrilling sequence in which the shark kills a drunken skinny dipper. Of the movies on this list, only Razorback comes close to matching the original’s power, and it does so because director Russell Mulcahy, who would make Highlander next, goes for glossy absurdity. In the Razorback‘s first three minutes, a hulking wild boar smashes through the rural home of an elderly man in the Australian outback, carrying away his young grandson. Over the sounds of a synth score, the old man stumbles away from his now-burning house, screaming up into the sky. Sadly, the rest of Razorback cannot top that moment. Mulcahy directs the picture with lots of glossy style, while retaining the grit of the Australian New Wave movement. But budget restrictions keep the titular beast from really looking as cool as one would hope, and the movie’s loud, crazy tone can’t rely on Jaws-like power of suggestion. 7. CrawlAlexandre Aja’s second movie on this list earns its high rank precisely because it does away with the tonal inconsistencies that plagued Piranha 3D and leans into what the French filmmaker does so well: slicked down and mean horror. Set in the middle of a Florida hurricane, Crawl stars Kaya Scodelario as competitive swimmer Haley and always-welcome character actor Barry Pepper as her father Dave, who get trapped in a flooding basement that’s menaced by alligators. Yet as grimy as Crawl can get, Aja also executes the strong character work in the script by Michael Rasmussen and Shawn Rasmussen. Dave and Haley are real people, not just gator-bait, making their peril feel all the more real, and their triumphs all the sweeter. 6. PiranhaPiranha is the only entry on this list to get a seal of approval from Stephen Spielberg himself, who not only praised the movie, even as Universal Pictures planned to sue the production, but also got director Joe Dante to later helm Gremlins. It’s not hard to see why Piranha charmed Spielberg, a man who loves wacky comedy. Dante’s Looney Tunes approach is on full display in some of the movie’s best set pieces. But Piranha is special because it also comes from legendary screenwriter John Sayles, who infuses the story with social satire and cynicism that somehow blends with Dante’s approach. The result is a film about piranha developed by the U.S. military to kill the Vietnamese getting unleashed into an American river and making their way to a children’s summer camp, a horrifying idea that Dante turns into good clean fun. 5. SlugsIf we’re talking about well-made movies, then Slugs belongs way below any of the movies on this list, somewhere around the killer earthworm picture Squirm. But if we’re thinking about pure enjoyable spectacle, it’s hard to top Slugs, a movie about, yes, flesh-eating slugs. Yes, it’s very funny to think about people getting terrorized by creatures that are famous for moving very, very slowly. But Spanish director Juan Piquer Simón, perhaps best known for his equally bugnuts giallo Pieces, pays as little attention to realism as he does to good taste. Slugs is filled with insane and ghastly sequences of killer slugs ending up in unlikely places, swarming the floor of someone’s bedroom or inside a fancy restaurant, and then devouring people, one methodical bite at a time. 4. Deep Blue SeaWhen it comes to goofy ’90s CGI action, it’s hard to top Deep Blue Sea, directed by Renny Harlin and featuring sharks with genetically enhanced brains. Deep Blue Sea doesn’t have a strong sense of pacing, it lacks any sort of believable character development, and the effects looked terrible even in 1999. But it’s also the only movie on this list that features LL Cool J as a cool chef who recites a violent version of the 23rd Psalm and almost gets cooked alive in an oven by a genius-level shark. It’s scenes like the oven sequence that makes Deep Blue Sea such a delight, despite its many, many flaws. The movie tries to do the most at every turn, whether that’s clearly reediting the movie in postproduction so that LL Cool J’s chef becomes a central character, stealing the spotlight form intended star Saffron Burrows, or a ridiculous Samuel L. Jackson monologue with a delightfully unexpected climax. 3. AlligatorIn many ways, Alligator feels like screenwriter John Sayles’ rejoinder to Piranha. If Joe Dante sanded down Piranha‘s sharp edges with his goofy humor, then Alligator is so filled with mean-spiritedness that no director could dilute it. Not that Lewis Teague, a solid action helmer who we’ll talk about again shortly, would do that. Alligator transports the old adage about gators in the sewers from New York to Chicago where the titular beast, the subject of experiments to increase its size, begins preying on the innocent. And on the not so innocent. Alligator shows no respect for the good or the bad, and the film is filled with scenes of people getting devoured, whether it’s a young boy who becomes a snack during a birthday party prank or an elderly mafioso who tries to abandon his family during the gator’s rampage. 2. GrizzlyGrizzly stands as the greatest of the movies obviously ripping off Jaws precisely because it understands its limitations. It takes what it can from Spielberg’s masterpiece, including the general premise of an animal hunting in a tourist location, and ignores what it can’t pull off, namely three-dimensional characters. This clear-eyed understanding of everyone’s abilities makes Grizzly a lean, mean, and satisfying thriller. Directed by blaxploitation vet William Girdler and written by Harvey Flaxman and David Sheldon, Grizzly stars ’70s low-budget king Christopher George as a park ranger investigating unusually vicious bear attacks on campers. That’s not the richest concept in the world, but Girdler and co. execute their ideas with such precision, and George plays his character with just the right amount of machismo, that Grizzly manages to deliver on everything you want from an animal attack. 1. CujoTo some modern readers, it might seem absurd to put Cujo on a list of Jaws knockoffs. After all, Stephen King is a franchise unto himself and he certainly doesn’t need another movie’s success to get a greenlight for any of his projects. But you have to remember that Cujo came out in 1983 and was just the third of his works to get adapted theatrically, which makes its Jaws connection more valid. After all, the main section of the film—in which momand her son Tadare trapped in their car and menaced by the titular St. Bernard—replicates the isolation on Quint’s fishing vessel, the Orca, better than any other film on this list. However, it’s not just director Lewis Teague’s ability to create tension that puts Cujo at the top. Writers Don Carlos Dunaway and Lauren Currier key into the complicated familial dynamics of King’s story, giving the characters surprising depth. It’s no wonder that Spielberg would cast Wallace as another overwhelmed mom for E.T. The Extraterrestrial the very next year, proving that he still has a soft spot for animal attack movies—even if none of them came close to matching the power of Jaws. #best #jaws #knockoffs #past #years
    WWW.DENOFGEEK.COM
    The Best Jaws Knockoffs of the Past 50 Years
    To this day, Jaws remains the best example of Steven Spielberg‘s genius as a filmmaker. He somehow took a middling pulp novel about a killer shark and turned it into a thrilling adventure about masculinity and economic desperation. And to the surprise of no one, the massive success of Jaws spawned a lot of knockoffs, a glut of movies about animals terrorizing communities. None of these reach the majesty of Jaws, of course. But here’s the thing—none of them had to be Jaws. Sure, it’s nice that Spielberg’s film has impeccably designed set pieces and compelling characters, but that’s not the main reason people go to animal attack movies. We really just want to watch people get attacked. And eaten. With such standards duly lowered, let’s take a look at the best animal attack movies that came out in the past half-century since Jaws first scared us out of the water. Of course this list doesn’t cover every movie inspired by Jaws ( for example Godzilla Minus One, which devotes its middle act to a wonderful Jaws riff), and some can argue that these movies were less inspired by Jaws than other nature revolts features, such as Alfred Hitchcock‘s The Birds. But every one of these flicks owes a debt to Jaws, either in inspiration or simply getting people interested in movies about animals eating people. Those warning aside, lets make like drunken revelers on Amity Island and dive right in! 20. Sharknado (2013) Sharknado almost doesn’t belong on this list because it’s less a movie and more of a meme, a precursor to Vines and TikTok trends. Yes, many fantastic movies have been made off of an incredibly high concept and a painfully low budget. Heck, that approach made Roger Corman’s career. But Sharknado‘s high concept—a tornado sweeps over the ocean and launches ravenous sharks into the mainland—comes with a self-satisfied smirk. Somehow, Sharknado managed to capture the imagination of the public, making it popular enough to launch five sequels. At the time, viewers defended it as a so bad it’s good-style movie like The Room. But today Sharknado‘s obvious attempts to be wacky are just bad, making the franchise one more embarrassing trend, ready to be forgotten. 19. Orca (1977) For a long time, Orca had a reputation for being the most obvious Jaws ripoff, and with good reason—Italian producer Dino De Laurentiis, who would go on to support Flash Gordon, Manhunter, and truly launch David Lynch‘s career with Blue Velvet, wanted his own version of the Spielberg hit. On paper he had all the right ingredients, including a great cast with Richard Harris and Charlotte Rampling, and another oceanic threat, this time a killer whale. Orca boasts some impressive underwater cinematography, something that even Jaws largely lacks. But that’s the one thing Orca does better than Jaws. Everything else—character-building, suspense and scare scenes, basic plotting and storytelling—is done in such a haphazard manner that Orca plays more like an early mockbuster from the Asylum production company (makers of Sharknado) than it does a product from a future Hollywood player. 18. Tentacles (1977) Another Italian cheapie riding off the success of Jaws, Tentacles at least manages to be fun in its ineptitude. A giant octopus feature, Tentacles is directed by Ovidio G. Assonitis, a man whose greatest claim to fame is that he annoyed first-time director James Cameron so much on Piranha II: The Spawning that he activated the future legend’s infamous refusal to compromise with studios and producers. Tentacles somehow has a pretty impressive cast, including John Huston, Shelly Winters, and Henry Fonda all picking up paychecks. None of them really do any hard work in Tentacles, but there’s something fun about watching these greats shake the the octopus limbs that are supposed to be attacking them, as if they’re in an Ed Wood picture. 17. Kingdom of the Spiders (1977) Spielberg famously couldn’t get his mechanical shark to work, a happy accident that he overcame with incredibly tense scenes that merely suggested the monster’s presence. For his arachnids on the forgotten movie Kingdom of the Spiders, director John “Bud” Cardos has an even more formative tool to make up for the lack of effects magic: William Shatner. Shatner plays Rack Hansen, a veterinarian who discovers that the overuse of pesticides has killed off smaller insects and forced the tarantula population to seek larger prey, including humans. These types of ecological messages are common among creature features of the late ’70s, and they usually clang with hollow self-righteousness. But in Kingdom of the Spiders, Shatner delivers his lines with such blown out conviction that we enjoy his bluster, even if we don’t quite buy it. 16. The Meg (2018) The idea of Jason Statham fighting a giant prehistoric shark is an idea so awesome, it’s shocking that his character from Spy didn’t already pitch it. And The Meg certainly does deliver when Statham’s character does commit to battle with the creature in the movie’s climax. The problem is that moment of absurd heroism comes only after a lot of long sappy nonsense. Join our mailing list Get the best of Den of Geek delivered right to your inbox! It’s hard to figure out who is to blame for The Meg‘s failure. Director Jon Turteltaub hails from well-remembered Disney classics Cool Runnings and National Treasure. But too often he forgets how to pace an adventure film and gives into his most saccharine instincts here. One of the many Chinese/Hollywood co-produced blockbusters of the 2010s, The Meg also suffers from trying to innocuously please too wide an audience. Whatever the source, The Meg only fleetingly delivers on the promise of big time peril, wasting too much time on thin character beats. 15. Lake Placid (1999) I know already some people reading this are taking exception to Lake Placid‘s low ranking, complaining that this list isn’t showing enough respect to what they consider a zippy, irreverent take on a creature feature, one written by Ally McBeal creator David E. Kelley and co-starring Betty White. To those people, I can only say, “Please rewatch Lake Placid and then consider its ranking.” Lake Placid certainly has its fun moments, helped along by White as a kindly grandmother who keeps feeding a giant croc, Bill Pullman as a dumbfounded simple sheriff, and Oliver Platt as a rich adventurer. Their various one-liners are a pleasure to remember. But within the context of a movie stuffed with late ’90s irony, the constant snark gets tiresome, sapping out all the fun of a killer crocodile film. 14. Open Water (2003) Like Sharknado, Open Water had its fans for a few years but has fallen in most moviegoers’ esteem. Unlike Sharknado, Open Water is a real movie, just one that can’t sustain its premise for its entire runtime. Writer and director Chris Kentis draws inspiration from a real-life story about a husband and wife who were accidentally abandoned in the middle of the ocean by their scuba excursion group. The same thing happens to the movie’s Susan Watkins (Blanchard Ryan) and Daniel Travis (Daniel Kintner), who respond to their predicament by airing out their relationship grievances, even as sharks start to surround them. Kentis commits to the reality of the couple’s bleak situation, which sets Open Water apart from the thrill-a-minute movies that mostly make up this list. But even with some shocking set pieces, Open Water feels too much like being stuck in car with a couple who hates each other and not enough like a shark attack thriller. 13. Eaten Alive (1976) Spielberg’s artful execution of Jaws led many of the filmmakers who followed to attempt some semblance of character development and prestige, even if done without enthusiasm (see: Orca). Not so with Tobe Hooper, who followed up the genre-defining The Texas Chainsaw Massacre with Eaten Alive. Then again, Hooper draws just as much from Psycho as he does Jaws. Neville Brand plays Judd, the proprietor of a sleazy hotel on the bayou where slimy yokels do horrible things to one another. Amity Island, this is not. But when one of the visitors annoy Judd, he feeds them to the pet croc kept in the back. Eaten Alive is a nasty bit of work, but like most of Hooper’s oeuvre, it’s a lot of fun. 12. Prophecy (1979) Directed by John Frankenheimer of The Manchurian Candidate and Grand Prix fame, Prophecy is easily the best of the more high-minded animal attack movies that followed Jaws. This landlocked film, written by David Seltzer, stars Robert Foxworth as Dr. Robert Verne, a veterinarian hired by the EPA to investigate bear attacks against loggers on a mountain in Maine. Along with his wife Maggie (Talia Shire), Verne finds himself thrown into a conflict between the mining company and the local Indigenous population who resist them. Prophecy drips with an American hippy mentality that reads as pretty conservative today (“your body, your choice” one of Maggie’s friends tells her… to urge her against getting an abortion), making its depictions of Native people, including the leader played by Italian American actor Armand Assante, pretty embarrassing. But there is a mutant bear on the loose and Frankenheimer knows how to stage an exciting sequence, which makes Prophecy a worthwhile watch. 11. Piranha 3D (2010) Piranha 3D begins with a denim-wearing fisherman named Matt, played by Richard Dreyfuss no less, falling into the water and immediately getting devoured by the titular flesh-eaters. This weird nod to Matt Hooper and Jaws instead of Joe Dante’s Piranha, the movie Piranha 3D is supposed to be remaking, is just one of the many oddities at play yhere. Screenwriters Pete Goldfinger and Josh Stolberg have some of the wacky energy and social satire of the original film, but director Alexandre Aja, a veteran of the French Extreme movement, includes so much nastiness in Piranha 3D that we’re not sure if we want to laugh or throw up. Still, there’s no denying the power of Piranha 3D‘s set pieces, including a shocking sequence in which the titular beasties attack an MTV/Girls Gone Wild Spring Break party and chaos ensues. Furthermore, Piranha 3D benefits from a strong cast, which includes Elizabeth Shue, Adam Scott, and Ving Rhames. 10. Anaconda (1997) With its many scenes involving an animal attacking a ragtag group on a boat, Anaconda clearly owes a debt to Jaws. However, with its corny characters and shoddy late ’90s CGI, Anaconda feels today less like a Jaws knockoff and more like a forerunner to Sharknado and the boom of lazy Syfy and Redbox horror movies that followed. Whatever its influences and legacy, there’s no denying that Anaconda is, itself, a pretty fun movie. Giant snakes make for good movie monsters, and the special effects have become dated in a way that feels charming. Moreover, Anaconda boasts a enjoyably unlikely cast, including Eric Stoltz as a scientist, Owen Wilson and Ice Cube as members of a documentary crew, and Jon Voight as what might be the most unhinged character of his career, second only to his crossbow enthusiast from Megalopolis. 9. The Shallows (2016) The Shallows isn’t the highest-ranking shark attack movie on this list but it’s definitely the most frightening shark attack thriller since Jaws. That’s high praise, indeed, but The Shallows benefits from a lean and mean premise and clear direction by Jaume Collet-Serra, who has made some solid modern thrillers. The Shallows focuses almost entirely on med student Nancy Adams (Blake Lively), who gets caught far from shore after the tide comes in and is hunted by a shark. A lot of the pleasure of The Shallows comes from seeing how Collet-Serra and screenwriter Anthony Jaswinski avoid the problems that plague many of the movies on this list. Adams is an incredibly competent character, and we pull for her even after the mistake that leaves her stranded. Moreover, The Shallows perfectly balances thrill sequences with character moments, making for one of the more well-rounded creature features of the past decade. 8. Razorback (1984) Jaws, of course, has a fantastic opening scene, a thrilling sequence in which the shark kills a drunken skinny dipper. Of the movies on this list, only Razorback comes close to matching the original’s power, and it does so because director Russell Mulcahy, who would make Highlander next, goes for glossy absurdity. In the Razorback‘s first three minutes, a hulking wild boar smashes through the rural home of an elderly man in the Australian outback, carrying away his young grandson. Over the sounds of a synth score, the old man stumbles away from his now-burning house, screaming up into the sky. Sadly, the rest of Razorback cannot top that moment. Mulcahy directs the picture with lots of glossy style, while retaining the grit of the Australian New Wave movement. But budget restrictions keep the titular beast from really looking as cool as one would hope, and the movie’s loud, crazy tone can’t rely on Jaws-like power of suggestion. 7. Crawl (2019) Alexandre Aja’s second movie on this list earns its high rank precisely because it does away with the tonal inconsistencies that plagued Piranha 3D and leans into what the French filmmaker does so well: slicked down and mean horror. Set in the middle of a Florida hurricane, Crawl stars Kaya Scodelario as competitive swimmer Haley and always-welcome character actor Barry Pepper as her father Dave, who get trapped in a flooding basement that’s menaced by alligators. Yet as grimy as Crawl can get, Aja also executes the strong character work in the script by Michael Rasmussen and Shawn Rasmussen. Dave and Haley are real people, not just gator-bait, making their peril feel all the more real, and their triumphs all the sweeter. 6. Piranha (1978) Piranha is the only entry on this list to get a seal of approval from Stephen Spielberg himself, who not only praised the movie, even as Universal Pictures planned to sue the production, but also got director Joe Dante to later helm Gremlins. It’s not hard to see why Piranha charmed Spielberg, a man who loves wacky comedy. Dante’s Looney Tunes approach is on full display in some of the movie’s best set pieces. But Piranha is special because it also comes from legendary screenwriter John Sayles, who infuses the story with social satire and cynicism that somehow blends with Dante’s approach. The result is a film about piranha developed by the U.S. military to kill the Vietnamese getting unleashed into an American river and making their way to a children’s summer camp, a horrifying idea that Dante turns into good clean fun. 5. Slugs (1988) If we’re talking about well-made movies, then Slugs belongs way below any of the movies on this list, somewhere around the killer earthworm picture Squirm. But if we’re thinking about pure enjoyable spectacle, it’s hard to top Slugs, a movie about, yes, flesh-eating slugs. Yes, it’s very funny to think about people getting terrorized by creatures that are famous for moving very, very slowly. But Spanish director Juan Piquer Simón, perhaps best known for his equally bugnuts giallo Pieces (1982), pays as little attention to realism as he does to good taste. Slugs is filled with insane and ghastly sequences of killer slugs ending up in unlikely places, swarming the floor of someone’s bedroom or inside a fancy restaurant, and then devouring people, one methodical bite at a time. 4. Deep Blue Sea (1999) When it comes to goofy ’90s CGI action, it’s hard to top Deep Blue Sea, directed by Renny Harlin and featuring sharks with genetically enhanced brains. Deep Blue Sea doesn’t have a strong sense of pacing, it lacks any sort of believable character development, and the effects looked terrible even in 1999. But it’s also the only movie on this list that features LL Cool J as a cool chef who recites a violent version of the 23rd Psalm and almost gets cooked alive in an oven by a genius-level shark. It’s scenes like the oven sequence that makes Deep Blue Sea such a delight, despite its many, many flaws. The movie tries to do the most at every turn, whether that’s clearly reediting the movie in postproduction so that LL Cool J’s chef becomes a central character, stealing the spotlight form intended star Saffron Burrows, or a ridiculous Samuel L. Jackson monologue with a delightfully unexpected climax. 3. Alligator (1980) In many ways, Alligator feels like screenwriter John Sayles’ rejoinder to Piranha. If Joe Dante sanded down Piranha‘s sharp edges with his goofy humor, then Alligator is so filled with mean-spiritedness that no director could dilute it. Not that Lewis Teague, a solid action helmer who we’ll talk about again shortly, would do that. Alligator transports the old adage about gators in the sewers from New York to Chicago where the titular beast, the subject of experiments to increase its size, begins preying on the innocent. And on the not so innocent. Alligator shows no respect for the good or the bad, and the film is filled with scenes of people getting devoured, whether it’s a young boy who becomes a snack during a birthday party prank or an elderly mafioso who tries to abandon his family during the gator’s rampage. 2. Grizzly (1976) Grizzly stands as the greatest of the movies obviously ripping off Jaws precisely because it understands its limitations. It takes what it can from Spielberg’s masterpiece, including the general premise of an animal hunting in a tourist location, and ignores what it can’t pull off, namely three-dimensional characters. This clear-eyed understanding of everyone’s abilities makes Grizzly a lean, mean, and satisfying thriller. Directed by blaxploitation vet William Girdler and written by Harvey Flaxman and David Sheldon, Grizzly stars ’70s low-budget king Christopher George as a park ranger investigating unusually vicious bear attacks on campers. That’s not the richest concept in the world, but Girdler and co. execute their ideas with such precision, and George plays his character with just the right amount of machismo, that Grizzly manages to deliver on everything you want from an animal attack. 1. Cujo (1983) To some modern readers, it might seem absurd to put Cujo on a list of Jaws knockoffs. After all, Stephen King is a franchise unto himself and he certainly doesn’t need another movie’s success to get a greenlight for any of his projects. But you have to remember that Cujo came out in 1983 and was just the third of his works to get adapted theatrically, which makes its Jaws connection more valid. After all, the main section of the film—in which mom (Dee Wallace) and her son Tad (Danny Pintauro) are trapped in their car and menaced by the titular St. Bernard—replicates the isolation on Quint’s fishing vessel, the Orca, better than any other film on this list. However, it’s not just director Lewis Teague’s ability to create tension that puts Cujo at the top. Writers Don Carlos Dunaway and Lauren Currier key into the complicated familial dynamics of King’s story, giving the characters surprising depth. It’s no wonder that Spielberg would cast Wallace as another overwhelmed mom for E.T. The Extraterrestrial the very next year, proving that he still has a soft spot for animal attack movies—even if none of them came close to matching the power of Jaws.
    0 Commenti 0 condivisioni
  • Decoding The SVG <code>path</code> Element: Line Commands

    In a previous article, we looked at some practical examples of how to code SVG by hand. In that guide, we covered the basics of the SVG elements rect, circle, ellipse, line, polyline, and polygon.
    This time around, we are going to tackle a more advanced topic, the absolute powerhouse of SVG elements: path. Don’t get me wrong; I still stand by my point that image paths are better drawn in vector programs than coded. But when it comes to technical drawings and data visualizations, the path element unlocks a wide array of possibilities and opens up the world of hand-coded SVGs.
    The path syntax can be really complex. We’re going to tackle it in two separate parts. In this first installment, we’re learning all about straight and angular paths. In the second part, we’ll make lines bend, twist, and turn.
    Required Knowledge And Guide Structure
    Note: If you are unfamiliar with the basics of SVG, such as the subject of viewBox and the basic syntax of the simple elements, I recommend reading my guide before diving into this one. You should also familiarize yourself with <text> if you want to understand each line of code in the examples.
    Before we get started, I want to quickly recap how I code SVG using JavaScript. I don’t like dealing with numbers and math, and reading SVG Code with numbers filled into every attribute makes me lose all understanding of it. By giving coordinates names and having all my math easy to parse and write out, I have a much better time with this type of code, and I think you will, too.
    The goal of this article is more about understanding path syntax than it is about doing placement or how to leverage loops and other more basic things. So, I will not run you through the entire setup of each example. I’ll instead share snippets of the code, but they may be slightly adjusted from the CodePen or simplified to make this article easier to read. However, if there are specific questions about code that are not part of the text in the CodePen demos, the comment section is open.
    To keep this all framework-agnostic, the code is written in vanilla JavaScript.
    Setting Up For Success
    As the path element relies on our understanding of some of the coordinates we plug into the commands, I think it is a lot easier if we have a bit of visual orientation. So, all of the examples will be coded on top of a visual representation of a traditional viewBox setup with the origin in the top-left corner, then moves diagonally down to. The command is: M10 10 L100 100.
    The blue line is horizontal. It starts atand should end at. We could use the L command, but we’d have to write 55 again. So, instead, we write M10 55 H100, and then SVG knows to look back at the y value of M for the y value of H.
    It’s the same thing for the green line, but when we use the V command, SVG knows to refer back to the x value of M for the x value of V.
    If we compare the resulting horizontal path with the same implementation in a <line> element, we may

    Notice how much more efficient path can be, and
    Remove quite a bit of meaning for anyone who doesn’t speak path.

    Because, as we look at these strings, one of them is called “line”. And while the rest doesn’t mean anything out of context, the line definitely conjures a specific image in our heads.
    <path d="M 10 55 H 100" />
    <line x1="10" y1="55" x2="100" y2="55" />

    Making Polygons And Polylines With Z
    In the previous section, we learned how path can behave like <line>, which is pretty cool. But it can do more. It can also act like polyline and polygon.
    Remember, how those two basically work the same, but polygon connects the first and last point, while polyline does not? The path element can do the same thing. There is a separate command to close the path with a line, which is the Z command.

    const polyline2Points = M${start.x} ${start.y} L${p1.x} ${p1.y} L${p2.x} ${p2.y};
    const polygon2Points = M${start.x} ${start.y} L${p1.x} ${p1.y} L${p2.x} ${p2.y} Z;

    So, let’s see this in action and create a repeating triangle shape. Every odd time, it’s open, and every even time, it’s closed. Pretty neat!
    See the Pen Alternating Trianglesby Myriam.
    When it comes to comparing path versus polygon and polyline, the other tags tell us about their names, but I would argue that fewer people know what a polygon is versus what a line is. The argument to use these two tags over path for legibility is weak, in my opinion, and I guess you’d probably agree that this looks like equal levels of meaningless string given to an SVG element.
    <path d="M0 0 L86.6 50 L0 100 Z" />
    <polygon points="0,0 86.6,50 0,100" />

    <path d="M0 0 L86.6 50 L0 100" />
    <polyline points="0,0 86.6,50 0,100" />

    Relative Commands: m, l, h, v
    All of the line commands exist in absolute and relative versions. The difference is that the relative commands are lowercase, e.g., m, l, h, and v. The relative commands are always relative to the last point, so instead of declaring an x value, you’re declaring a dx value, saying this is how many units you’re moving.
    Before we look at the example visually, I want you to look at the following three-line commands. Try not to look at the CodePen beforehand.
    const lines =;

    As I mentioned, I hate looking at numbers without meaning, but there is one number whose meaning is pretty constant in most contexts: 0. Seeing a 0 in combination with a command I just learned means relative manages to instantly tell me that nothing is happening. Seeing l 0 20 by itself tells me that this line only moves along one axis instead of two.
    And looking at that entire blue path command, the repeated 20 value gives me a sense that the shape might have some regularity to it. The first path does a bit of that by repeating 10 and 30. But the third? As someone who can’t do math in my head, that third string gives me nothing.
    Now, you might be surprised, but they all draw the same shape, just in different places.
    See the Pen SVG Compound Pathsby Myriam.
    So, how valuable is it that we can recognize the regularity in the blue path? Not very, in my opinion. In some cases, going with the relative value is easier than an absolute one. In other cases, the absolute is king. Neither is better nor worse.
    And, in all cases, that previous example would be much more efficient if it were set up with a variable for the gap, a variable for the shape size, and a function to generate the path definition that’s called from within a loop so it can take in the index to properly calculate the start point.

    Jumping Points: How To Make Compound Paths
    Another very useful thing is something you don’t see visually in the previous CodePen, but it relates to the grid and its code.
    I snuck in a grid drawing update.
    With the method used in earlier examples, using line to draw the grid, the above CodePen would’ve rendered the grid with 14 separate elements. If you go and inspect the final code of that last CodePen, you’ll notice that there is just a single path element within the .grid group.
    It looks like this, which is not fun to look at but holds the secret to how it’s possible:

    <path d="M0 0 H110 M0 10 H110 M0 20 H110 M0 30 H110 M0 0 V45 M10 0 V45 M20 0 V45 M30 0 V45 M40 0 V45 M50 0 V45 M60 0 V45 M70 0 V45 M80 0 V45 M90 0 V45" stroke="currentColor" stroke-width="0.2" fill="none"></path>

    If we take a close look, we may notice that there are multiple M commands. This is the magic of compound paths.
    Since the M/m commands don’t actually draw and just place the cursor, a path can have jumps.

    So, whenever we have multiple paths that share common styling and don’t need to have separate interactions, we can just chain them together to make our code shorter.
    Coming Up Next
    Armed with this knowledge, we’re now able to replace line, polyline, and polygon with path commands and combine them in compound paths. But there is so much more to uncover because path doesn’t just offer foreign-language versions of lines but also gives us the option to code circles and ellipses that have open space and can sometimes also bend, twist, and turn. We’ll refer to those as curves and arcs, and discuss them more explicitly in the next article.
    Further Reading On SmashingMag

    “Mastering SVG Arcs,” Akshay Gupta
    “Accessible SVGs: Perfect Patterns For Screen Reader Users,” Carie Fisher
    “Easy SVG Customization And Animation: A Practical Guide,” Adrian Bece
    “Magical SVG Techniques,” Cosima Mielke
    #decoding #svg #ampltcodeampgtpathampltcodeampgt #element #line
    Decoding The SVG <code>path</code> Element: Line Commands
    In a previous article, we looked at some practical examples of how to code SVG by hand. In that guide, we covered the basics of the SVG elements rect, circle, ellipse, line, polyline, and polygon. This time around, we are going to tackle a more advanced topic, the absolute powerhouse of SVG elements: path. Don’t get me wrong; I still stand by my point that image paths are better drawn in vector programs than coded. But when it comes to technical drawings and data visualizations, the path element unlocks a wide array of possibilities and opens up the world of hand-coded SVGs. The path syntax can be really complex. We’re going to tackle it in two separate parts. In this first installment, we’re learning all about straight and angular paths. In the second part, we’ll make lines bend, twist, and turn. Required Knowledge And Guide Structure Note: If you are unfamiliar with the basics of SVG, such as the subject of viewBox and the basic syntax of the simple elements, I recommend reading my guide before diving into this one. You should also familiarize yourself with <text> if you want to understand each line of code in the examples. Before we get started, I want to quickly recap how I code SVG using JavaScript. I don’t like dealing with numbers and math, and reading SVG Code with numbers filled into every attribute makes me lose all understanding of it. By giving coordinates names and having all my math easy to parse and write out, I have a much better time with this type of code, and I think you will, too. The goal of this article is more about understanding path syntax than it is about doing placement or how to leverage loops and other more basic things. So, I will not run you through the entire setup of each example. I’ll instead share snippets of the code, but they may be slightly adjusted from the CodePen or simplified to make this article easier to read. However, if there are specific questions about code that are not part of the text in the CodePen demos, the comment section is open. To keep this all framework-agnostic, the code is written in vanilla JavaScript. Setting Up For Success As the path element relies on our understanding of some of the coordinates we plug into the commands, I think it is a lot easier if we have a bit of visual orientation. So, all of the examples will be coded on top of a visual representation of a traditional viewBox setup with the origin in the top-left corner, then moves diagonally down to. The command is: M10 10 L100 100. The blue line is horizontal. It starts atand should end at. We could use the L command, but we’d have to write 55 again. So, instead, we write M10 55 H100, and then SVG knows to look back at the y value of M for the y value of H. It’s the same thing for the green line, but when we use the V command, SVG knows to refer back to the x value of M for the x value of V. If we compare the resulting horizontal path with the same implementation in a <line> element, we may Notice how much more efficient path can be, and Remove quite a bit of meaning for anyone who doesn’t speak path. Because, as we look at these strings, one of them is called “line”. And while the rest doesn’t mean anything out of context, the line definitely conjures a specific image in our heads. <path d="M 10 55 H 100" /> <line x1="10" y1="55" x2="100" y2="55" /> Making Polygons And Polylines With Z In the previous section, we learned how path can behave like <line>, which is pretty cool. But it can do more. It can also act like polyline and polygon. Remember, how those two basically work the same, but polygon connects the first and last point, while polyline does not? The path element can do the same thing. There is a separate command to close the path with a line, which is the Z command. const polyline2Points = M${start.x} ${start.y} L${p1.x} ${p1.y} L${p2.x} ${p2.y}; const polygon2Points = M${start.x} ${start.y} L${p1.x} ${p1.y} L${p2.x} ${p2.y} Z; So, let’s see this in action and create a repeating triangle shape. Every odd time, it’s open, and every even time, it’s closed. Pretty neat! See the Pen Alternating Trianglesby Myriam. When it comes to comparing path versus polygon and polyline, the other tags tell us about their names, but I would argue that fewer people know what a polygon is versus what a line is. The argument to use these two tags over path for legibility is weak, in my opinion, and I guess you’d probably agree that this looks like equal levels of meaningless string given to an SVG element. <path d="M0 0 L86.6 50 L0 100 Z" /> <polygon points="0,0 86.6,50 0,100" /> <path d="M0 0 L86.6 50 L0 100" /> <polyline points="0,0 86.6,50 0,100" /> Relative Commands: m, l, h, v All of the line commands exist in absolute and relative versions. The difference is that the relative commands are lowercase, e.g., m, l, h, and v. The relative commands are always relative to the last point, so instead of declaring an x value, you’re declaring a dx value, saying this is how many units you’re moving. Before we look at the example visually, I want you to look at the following three-line commands. Try not to look at the CodePen beforehand. const lines =; As I mentioned, I hate looking at numbers without meaning, but there is one number whose meaning is pretty constant in most contexts: 0. Seeing a 0 in combination with a command I just learned means relative manages to instantly tell me that nothing is happening. Seeing l 0 20 by itself tells me that this line only moves along one axis instead of two. And looking at that entire blue path command, the repeated 20 value gives me a sense that the shape might have some regularity to it. The first path does a bit of that by repeating 10 and 30. But the third? As someone who can’t do math in my head, that third string gives me nothing. Now, you might be surprised, but they all draw the same shape, just in different places. See the Pen SVG Compound Pathsby Myriam. So, how valuable is it that we can recognize the regularity in the blue path? Not very, in my opinion. In some cases, going with the relative value is easier than an absolute one. In other cases, the absolute is king. Neither is better nor worse. And, in all cases, that previous example would be much more efficient if it were set up with a variable for the gap, a variable for the shape size, and a function to generate the path definition that’s called from within a loop so it can take in the index to properly calculate the start point. Jumping Points: How To Make Compound Paths Another very useful thing is something you don’t see visually in the previous CodePen, but it relates to the grid and its code. I snuck in a grid drawing update. With the method used in earlier examples, using line to draw the grid, the above CodePen would’ve rendered the grid with 14 separate elements. If you go and inspect the final code of that last CodePen, you’ll notice that there is just a single path element within the .grid group. It looks like this, which is not fun to look at but holds the secret to how it’s possible: <path d="M0 0 H110 M0 10 H110 M0 20 H110 M0 30 H110 M0 0 V45 M10 0 V45 M20 0 V45 M30 0 V45 M40 0 V45 M50 0 V45 M60 0 V45 M70 0 V45 M80 0 V45 M90 0 V45" stroke="currentColor" stroke-width="0.2" fill="none"></path> If we take a close look, we may notice that there are multiple M commands. This is the magic of compound paths. Since the M/m commands don’t actually draw and just place the cursor, a path can have jumps. So, whenever we have multiple paths that share common styling and don’t need to have separate interactions, we can just chain them together to make our code shorter. Coming Up Next Armed with this knowledge, we’re now able to replace line, polyline, and polygon with path commands and combine them in compound paths. But there is so much more to uncover because path doesn’t just offer foreign-language versions of lines but also gives us the option to code circles and ellipses that have open space and can sometimes also bend, twist, and turn. We’ll refer to those as curves and arcs, and discuss them more explicitly in the next article. Further Reading On SmashingMag “Mastering SVG Arcs,” Akshay Gupta “Accessible SVGs: Perfect Patterns For Screen Reader Users,” Carie Fisher “Easy SVG Customization And Animation: A Practical Guide,” Adrian Bece “Magical SVG Techniques,” Cosima Mielke #decoding #svg #ampltcodeampgtpathampltcodeampgt #element #line
    SMASHINGMAGAZINE.COM
    Decoding The SVG <code>path</code> Element: Line Commands
    In a previous article, we looked at some practical examples of how to code SVG by hand. In that guide, we covered the basics of the SVG elements rect, circle, ellipse, line, polyline, and polygon (and also g). This time around, we are going to tackle a more advanced topic, the absolute powerhouse of SVG elements: path. Don’t get me wrong; I still stand by my point that image paths are better drawn in vector programs than coded (unless you’re the type of creative who makes non-logical visual art in code — then go forth and create awe-inspiring wonders; you’re probably not the audience of this article). But when it comes to technical drawings and data visualizations, the path element unlocks a wide array of possibilities and opens up the world of hand-coded SVGs. The path syntax can be really complex. We’re going to tackle it in two separate parts. In this first installment, we’re learning all about straight and angular paths. In the second part, we’ll make lines bend, twist, and turn. Required Knowledge And Guide Structure Note: If you are unfamiliar with the basics of SVG, such as the subject of viewBox and the basic syntax of the simple elements (rect, line, g, and so on), I recommend reading my guide before diving into this one. You should also familiarize yourself with <text> if you want to understand each line of code in the examples. Before we get started, I want to quickly recap how I code SVG using JavaScript. I don’t like dealing with numbers and math, and reading SVG Code with numbers filled into every attribute makes me lose all understanding of it. By giving coordinates names and having all my math easy to parse and write out, I have a much better time with this type of code, and I think you will, too. The goal of this article is more about understanding path syntax than it is about doing placement or how to leverage loops and other more basic things. So, I will not run you through the entire setup of each example. I’ll instead share snippets of the code, but they may be slightly adjusted from the CodePen or simplified to make this article easier to read. However, if there are specific questions about code that are not part of the text in the CodePen demos, the comment section is open. To keep this all framework-agnostic, the code is written in vanilla JavaScript (though, really, TypeScript is your friend the more complicated your SVG becomes, and I missed it when writing some of these). Setting Up For Success As the path element relies on our understanding of some of the coordinates we plug into the commands, I think it is a lot easier if we have a bit of visual orientation. So, all of the examples will be coded on top of a visual representation of a traditional viewBox setup with the origin in the top-left corner (so, values in the shape of 0 0 ${width} ${height}. I added text labels as well to make it easier to point you to specific areas within the grid. Please note that I recommend being careful when adding text within the <text> element in SVG if you want your text to be accessible. If the graphic relies on text scaling like the rest of your website, it would be better to have it rendered through HTML. But for our examples here, it should be sufficient. So, this is what we’ll be plotting on top of: See the Pen SVG Viewbox Grid Visual [forked] by Myriam. Alright, we now have a ViewBox Visualizing Grid. I think we’re ready for our first session with the beast. Enter path And The All-Powerful d Attribute The <path> element has a d attribute, which speaks its own language. So, within d, you’re talking in terms of “commands”. When I think of non-path versus path elements, I like to think that the reason why we have to write much more complex drawing instructions is this: All non-path elements are just dumber paths. In the background, they have one pre-drawn path shape that they will always render based on a few parameters you pass in. But path has no default shape. The shape logic has to be exposed to you, while it can be neatly hidden away for all other elements. Let’s learn about those commands. Where It All Begins: M The first, which is where each path begins, is the M command, which moves the pen to a point. This command places your starting point, but it does not draw a single thing. A path with just an M command is an auto-delete when cleaning up SVG files. It takes two arguments: the x and y coordinates of your start position. const uselessPathCommand = `M${start.x} ${start.y}`; Basic Line Commands: M , L, H, V These are fun and easy: L, H, and V, all draw a line from the current point to the point specified. L takes two arguments, the x and y positions of the point you want to draw to. const pathCommandL = `M${start.x} ${start.y} L${end.x} ${end.y}`; H and V, on the other hand, only take one argument because they are only drawing a line in one direction. For H, you specify the x position, and for V, you specify the y position. The other value is implied. const pathCommandH = `M${start.x} ${start.y} H${end.x}`; const pathCommandV = `M${start.x} ${start.y} V${end.y}`; To visualize how this works, I created a function that draws the path, as well as points with labels on them, so we can see what happens. See the Pen Simple Lines with path [forked] by Myriam. We have three lines in that image. The L command is used for the red path. It starts with M at (10,10), then moves diagonally down to (100,100). The command is: M10 10 L100 100. The blue line is horizontal. It starts at (10,55) and should end at (100, 55). We could use the L command, but we’d have to write 55 again. So, instead, we write M10 55 H100, and then SVG knows to look back at the y value of M for the y value of H. It’s the same thing for the green line, but when we use the V command, SVG knows to refer back to the x value of M for the x value of V. If we compare the resulting horizontal path with the same implementation in a <line> element, we may Notice how much more efficient path can be, and Remove quite a bit of meaning for anyone who doesn’t speak path. Because, as we look at these strings, one of them is called “line”. And while the rest doesn’t mean anything out of context, the line definitely conjures a specific image in our heads. <path d="M 10 55 H 100" /> <line x1="10" y1="55" x2="100" y2="55" /> Making Polygons And Polylines With Z In the previous section, we learned how path can behave like <line>, which is pretty cool. But it can do more. It can also act like polyline and polygon. Remember, how those two basically work the same, but polygon connects the first and last point, while polyline does not? The path element can do the same thing. There is a separate command to close the path with a line, which is the Z command. const polyline2Points = M${start.x} ${start.y} L${p1.x} ${p1.y} L${p2.x} ${p2.y}; const polygon2Points = M${start.x} ${start.y} L${p1.x} ${p1.y} L${p2.x} ${p2.y} Z; So, let’s see this in action and create a repeating triangle shape. Every odd time, it’s open, and every even time, it’s closed. Pretty neat! See the Pen Alternating Triangles [forked] by Myriam. When it comes to comparing path versus polygon and polyline, the other tags tell us about their names, but I would argue that fewer people know what a polygon is versus what a line is (and probably even fewer know what a polyline is. Heck, even the program I’m writing this article in tells me polyline is not a valid word). The argument to use these two tags over path for legibility is weak, in my opinion, and I guess you’d probably agree that this looks like equal levels of meaningless string given to an SVG element. <path d="M0 0 L86.6 50 L0 100 Z" /> <polygon points="0,0 86.6,50 0,100" /> <path d="M0 0 L86.6 50 L0 100" /> <polyline points="0,0 86.6,50 0,100" /> Relative Commands: m, l, h, v All of the line commands exist in absolute and relative versions. The difference is that the relative commands are lowercase, e.g., m, l, h, and v. The relative commands are always relative to the last point, so instead of declaring an x value, you’re declaring a dx value, saying this is how many units you’re moving. Before we look at the example visually, I want you to look at the following three-line commands. Try not to look at the CodePen beforehand. const lines = [ { d: `M10 10 L 10 30 L 30 30`, color: "var(--_red)" }, { d: `M40 10 l 0 20 l 20 0`, color: "var(--_blue)" }, { d: `M70 10 l 0 20 L 90 30`, color: "var(--_green)" } ]; As I mentioned, I hate looking at numbers without meaning, but there is one number whose meaning is pretty constant in most contexts: 0. Seeing a 0 in combination with a command I just learned means relative manages to instantly tell me that nothing is happening. Seeing l 0 20 by itself tells me that this line only moves along one axis instead of two. And looking at that entire blue path command, the repeated 20 value gives me a sense that the shape might have some regularity to it. The first path does a bit of that by repeating 10 and 30. But the third? As someone who can’t do math in my head, that third string gives me nothing. Now, you might be surprised, but they all draw the same shape, just in different places. See the Pen SVG Compound Paths [forked] by Myriam. So, how valuable is it that we can recognize the regularity in the blue path? Not very, in my opinion. In some cases, going with the relative value is easier than an absolute one. In other cases, the absolute is king. Neither is better nor worse. And, in all cases, that previous example would be much more efficient if it were set up with a variable for the gap, a variable for the shape size, and a function to generate the path definition that’s called from within a loop so it can take in the index to properly calculate the start point. Jumping Points: How To Make Compound Paths Another very useful thing is something you don’t see visually in the previous CodePen, but it relates to the grid and its code. I snuck in a grid drawing update. With the method used in earlier examples, using line to draw the grid, the above CodePen would’ve rendered the grid with 14 separate elements. If you go and inspect the final code of that last CodePen, you’ll notice that there is just a single path element within the .grid group. It looks like this, which is not fun to look at but holds the secret to how it’s possible: <path d="M0 0 H110 M0 10 H110 M0 20 H110 M0 30 H110 M0 0 V45 M10 0 V45 M20 0 V45 M30 0 V45 M40 0 V45 M50 0 V45 M60 0 V45 M70 0 V45 M80 0 V45 M90 0 V45" stroke="currentColor" stroke-width="0.2" fill="none"></path> If we take a close look, we may notice that there are multiple M commands. This is the magic of compound paths. Since the M/m commands don’t actually draw and just place the cursor, a path can have jumps. So, whenever we have multiple paths that share common styling and don’t need to have separate interactions, we can just chain them together to make our code shorter. Coming Up Next Armed with this knowledge, we’re now able to replace line, polyline, and polygon with path commands and combine them in compound paths. But there is so much more to uncover because path doesn’t just offer foreign-language versions of lines but also gives us the option to code circles and ellipses that have open space and can sometimes also bend, twist, and turn. We’ll refer to those as curves and arcs, and discuss them more explicitly in the next article. Further Reading On SmashingMag “Mastering SVG Arcs,” Akshay Gupta “Accessible SVGs: Perfect Patterns For Screen Reader Users,” Carie Fisher “Easy SVG Customization And Animation: A Practical Guide,” Adrian Bece “Magical SVG Techniques,” Cosima Mielke
    0 Commenti 0 condivisioni
Pagine in Evidenza