Finally! We have "Stretchy Sprites" in Scratch - Full Tutorial

Поделиться
HTML-код
  • Опубликовано: 20 дек 2024

Комментарии • 1,1 тыс.

  • @griffpatch
    @griffpatch  Год назад +170

    SCRATCH STUDIO - scratch.mit.edu/studios/34285478/comments
    EARLY ACCESS / MEMBERSHIP - ruclips.net/user/griffpatchjoin
    MORE QUICK TUTORIALS - ruclips.net/p/PLy4zsTUHwGJKByTn_qV76oTpEYGczqEb_

    • @oigygiy
      @oigygiy Год назад +4

      hooray now i can make elastic tweens

    • @dogedev12
      @dogedev12 Год назад +7

      The studio link leads to the raycasting episode ten studio.

    • @rain_SlM
      @rain_SlM Год назад +2

      Yes

    • @SuperTrouper17
      @SuperTrouper17 Год назад +1

      a

    • @rileylim2758
      @rileylim2758 Год назад +3

      I laughed 1m times

  • @griffpatch
    @griffpatch  Год назад +41

    So guys! Studio link coming soon... Did you notice this video is available at 4k 60fps? Question is, would you actually have noticed the difference? And does it look better/worse at the screen size you watch it at? Do let me know in the comments :)

    • @Magicpear-mx9gg
      @Magicpear-mx9gg Год назад +6

      Oh, I see, it look better. However, I think I will not care about it so much, your videos are so good! Thanks giffpatch for teaching us those details on scratch.😁 Give you a big like 👍

    • @Piano_Board
      @Piano_Board Год назад +2

      I'm using a 1080p phone

    • @cyberxandcorruptedtiger
      @cyberxandcorruptedtiger Год назад +1

      idk

    • @davidbahh8645
      @davidbahh8645 Год назад

      He looks better!

    • @myroslavabilobrova9272
      @myroslavabilobrova9272 Год назад +1

      Hi griffpatch 😊

  • @muhammedfayadnavas8686
    @muhammedfayadnavas8686 Год назад +148

    Literally no words to describe the gratitude to you griffpatch. You've broken scratch.

    • @codingpileofdirt
      @codingpileofdirt Год назад +7

      Nope, we're only *scratching the surface* here

    • @1Sock2Sock
      @1Sock2Sock 9 месяцев назад +6

      I’m scratching my head

  • @petersmythe6462
    @petersmythe6462 Год назад +142

    With the right combination of stretch and skew we may well be able to do arbitrary triangle transformations. This could be *REVOLUTIONARY* for mesh rendering if it also works with the whirl effect.

    • @griffpatch
      @griffpatch  Год назад +48

      Yes, I've seen that very thing done in scratch... It's very clever isn't it

    • @official-obama
      @official-obama Год назад +8

      @@CaptainMolloPro the top of the sprite seems wider than the bottom

    • @ChuckSploder
      @ChuckSploder Год назад

      Look up STTF in the scratch search bar

    • @codingpileofdirt
      @codingpileofdirt Год назад +8

      IT WORKS WITH THE WHIRL EFFECT. I have seen some examples, though the whirling mainly seems to be best for animation purposes.

    • @fergusotoole6676
      @fergusotoole6676 Год назад +1

      i made something stupid hes 2 do bouncing in circles
      @@griffpatch

  • @xc_gwpl
    @xc_gwpl Год назад +33

    Wow... that's ingenious. I've always hoped for a stretch block for Scratch, and was disappointed to learn they were apparently part of the platform once, only to be removed and get stuck in backlog for years. It's great to see that there's a workaround!

  • @1080GBA
    @1080GBA Год назад +510

    Griffpatch can literally do anything impossible for us in scratch 🔥

  • @MaisUmFCPlays
    @MaisUmFCPlays Год назад +238

    Griffpatch is certainly evolving! Showing us simple ways to do what was considered hard
    Edit: *Thanks, Griffpatch!*

  • @ggenije
    @ggenije Год назад +68

    Here's history of using fisheye for stretching on Scratch:
    May 22, 2021 l3ccm invented it
    May 31, 2021 PutneyCat made project using l3ccm version
    Dec 15, 2021 squidchip found it parallel to him
    Dec 15, 2021 MentalBox adapted squidchip version into working triangle version
    Dec 16, 2021 squidchip made first 3D project using stamped textured triangles
    Jan 23, 2022 MentalBox made first loaded 3D object using stamped textured triangles
    Apr 10, 2022 ggenije (me) got inspired by MentalBox's version and made regular stretch version.
    Aug 08, 2022 Chrome_Cat fixed ggenije's stretch project to have higher precision.
    Aug 20, 2022 Chrome_Cat made STTF - Stamp Texture Triangle Fill, which is first single stamp triangle texture using whirl effect along with fisheye
    Aug 22, 2022 MentalBox made their own version of STTF
    Mar 06, 2023 b9e made platformer used stretched circles
    Sep 06, 2023 Chrome_Cat made v2 of STTF which is much better in each way possible.
    Sep 06, 2023 KryptoScratcher optimized v2 STTF
    Dec 02, 2023 griffpatch made video on fisheye stretching

    • @roundabout-host
      @roundabout-host Год назад +2

      oh wow, nice to see you

    • @Mentalbox52
      @Mentalbox52 Год назад +4

      Great timeline actually!
      In terms of releases this is fairly accurate and thank you for clarifying.
      Behind the scenes me (Mentalbox) and Chrome_Cat were sort of working together on STTF, I had been trying to get whirl for a while and he pulled through with the math. I think I still have his paper somewhere. Everyone knew is was possible but struggled to get it off the ground.

    • @radish.6660
      @radish.6660 Год назад +2

      I like how it was invented by some guy in 2021 apparently me and my friends have known about fisheye stretching since like 2017

    • @ggenije
      @ggenije Год назад +4

      @@radish.6660 Yeah, it's pretty logical that other people knew about it before l3ccm, but those we're probably isolated cases, but with this timeline you can see chain reaction happening. If you know some older projects which uses this method, I would like to see them.

    • @amazingone915
      @amazingone915 10 месяцев назад +1

      he didnot give you a heart because your his biggest enemy

  • @Dezloxe
    @Dezloxe Год назад +21

    That edge of fisheye thing was a billion iq honestly, and i´ve seen project where the sprite is drawn by pen for this effect.
    Now it seems so easy, as it always was apparently!

  • @Yellowbruisee
    @Yellowbruisee 5 месяцев назад +3

    as a scratch user who really likes project arrhythmia and likes how the cubes stretch, i have been BEGGING scratch to add a stretching block, so seeing this ABSOLUTELY made my day, thanks.

  • @The-EJ-Factor
    @The-EJ-Factor Год назад +16

    I knew what the fish eye effect does, but I never thought of using it like this, when I taught kids scratch at the coding school, I taught some of them how to make it zoom in where you want by controlling the center of the sprite costume.

  • @PixticGamesOfficial
    @PixticGamesOfficial Год назад +36

    Interesting video! I can’t believe we could stretch sprites in game! Awesome work! Keep it up 😊

    • @griffpatch
      @griffpatch  Год назад +12

      I know right!

    • @starflightYT
      @starflightYT Год назад +4

      @@griffpatchCan you stretch side to side by placing the square to the side?

    • @BrodyLindsey-n5d
      @BrodyLindsey-n5d Год назад +2

      @@starflightYT yes

  • @evepreviouslyknownaslenenjoyer
    @evepreviouslyknownaslenenjoyer Год назад +10

    i haven't used scratch in years, but i love griffpatch's videos, they're so lovely and kind of nostalgic

  • @mcnole25
    @mcnole25 Год назад +9

    The pen extension and image scanning can also work for stretching.
    And skewing is possible with the whirl effect too!

  • @link_55
    @link_55 Год назад +12

    I remember seeing a project with this in, but I couldn't find it afterwards to work out how it worked. Now I can finally make it! :D thanks griffpatch

    • @griffpatch
      @griffpatch  Год назад +8

      No problem!

    • @THETACOTEERS
      @THETACOTEERS Год назад +3

      @@griffpatchand all this time I used different costumes for squish effect..

  • @The-EJ-Factor
    @The-EJ-Factor Год назад +2

    7:07 I used that trick a long time ago when I made my first scrolling game with my own code. Its very useful, you can also use it to make the opposite happen by making a very big sprite to make the spites able to change really small. I often call the big sprite small, and the small sprite big, which may seem odd but it makes more sense for when you want something small you change to small and when you set something big you change to big.

  • @sonicramdomchannel
    @sonicramdomchannel Год назад +5

    4:04 thats how actually 3DS' 3D effect is maded

  • @2MinutesScienceChannel
    @2MinutesScienceChannel Год назад +8

    Griffpatch never fails to create tutorials that are truly amazing. In fact, one of my friends are beginners at Scratch and he can create really amazing projects by following your tutorials!

    • @griffpatch
      @griffpatch  Год назад +3

      That's awesome 👍

    • @BelminPashalik
      @BelminPashalik 6 месяцев назад +1

      ​@@griffpatchand in the future somehow you will make a pause tutorial!

  • @Jackhenrey
    @Jackhenrey Год назад +10

    Wow griffpatch you're bringing back my childhood when i discovered effects blocks for the first time
    😢where did that time goes

  • @old_timiksomg
    @old_timiksomg Год назад +20

    i always wanted resize sprites in separate axes, like in unity! i will try it

    • @Igorex95
      @Igorex95 Год назад

      to do that you'd need a more complex system, as this only allows for exponential stretching in a single axis

  • @alfiegordon9013
    @alfiegordon9013 Год назад +3

    OOOOOH thats a genius way to do that, i never would've thought of that in a million years

  • @blackhole927
    @blackhole927 Год назад +1

    I haven’t used scratch in a few years, I’ve moved away to do script coding. But the excitement in your voice at the start has gotten me excited about scratch again, so thank you!

  • @mightythearmiddilo
    @mightythearmiddilo Год назад +5

    There’s a mod of Turbowarp that I really recommend trying. It’s called Penguin Mod, it adds lots of blocks, many new extensions, built-in Scratch Addons, and Turbowarp’s game modifier.

  • @startFX
    @startFX Год назад +9

    duuude i've been wanting do do this for years... now i can finally achieve it with this tutorial, yay !

  • @cosmocode75
    @cosmocode75 Год назад +6

    I used that block to make black hole animations all the time... You see the best in something that doesn't seem like it was made for it

  • @ThatDevExotic
    @ThatDevExotic Год назад +1

    VERY very clever thinking behind this, griffpatch.

  • @Cod3Play
    @Cod3Play Год назад +4

    This is so simple, yet I've never thought of it. Thanks, Griffpatch! Amazing tutorial as always

  • @Ameise.15
    @Ameise.15 Год назад +20

    It's amazing how much you can do with the simple fisheye effect block

  • @YourLocalDeveloper0
    @YourLocalDeveloper0 Год назад +5

    That ungodly choir to at griffpatch did for scratch cat at 3:40 is amazing

  • @OmegaCat9999
    @OmegaCat9999 Год назад +1

    The end result makes for a nice loading screen.

  • @Richard_Nixon-mr6rq
    @Richard_Nixon-mr6rq Год назад +12

    GENIUS!!

  • @FeniteFr
    @FeniteFr Год назад +1

    OMG THANK YOU GRIFFPATCH !!!! this is life changing !!

  • @Samuel11959
    @Samuel11959 Год назад +3

    we have waited so long for this... thank you

  • @TheNerdoGuy
    @TheNerdoGuy Год назад +1

    Thanks a lot! Your tutorials are always helping!

  • @realjordantrs
    @realjordantrs Год назад +5

    It’s interesting because as soon as you said it used the fisheye effect I immediately figured out how you did it. Well, relatively, I don’t know the actual steps though 😅

    • @griffpatch
      @griffpatch  Год назад +2

      It just takes a nudge sometimes :) nice one

  • @RonicTheEgg
    @RonicTheEgg Год назад +1

    This is like, revolutionary for 3D projects

  • @cosmocode75
    @cosmocode75 Год назад +2

    Yay! Griffpatch, I have a question. Would you like to ever make tutorials on other programming languages too?

    • @Saleh_925YT
      @Saleh_925YT Год назад +1

      Bruh just delete the wrong texts and say it you don’t need to say I meant

    • @griffpatch
      @griffpatch  Год назад +2

      100% yes... Watch this space

    • @cosmocode75
      @cosmocode75 Год назад +1

      ​@@griffpatch ??? I think I don't know about Something

  • @tt_thoma
    @tt_thoma Год назад +2

    It's funny how it eases in and out on it's own

  • @TheComputerCrasher42
    @TheComputerCrasher42 Год назад +6

    I'm sure there's more cool things like this just waiting to be discovered... And when they are, griffpatch will make a video on it!
    Random question, did you discover this stretch feature by yourself?

    • @griffpatch
      @griffpatch  Год назад +10

      No I didn't discover this :) it's been around for a little while, but I don't think a lot of people know about it so I wanted to make a video

  • @RickDoesYT
    @RickDoesYT Год назад +2

    8:37 griffpatch, did you forget you can use the arrow keys?

  • @chipm0nk
    @chipm0nk Год назад +7

    I'm honestly surprised that no one discovered this sooner! Such an ancient limitation of Scratch, with a solution that's been staring us in the face this whole time.
    Well done as always!

    • @meowy_luffy
      @meowy_luffy Год назад

      yoooooooooo chimpmonk!

    • @channelname7105
      @channelname7105 Год назад +2

      Actually it was discovered i think at least several months earlier although I can't pinpoint an exact person and it didn't have widespread use. Several made triangle mesh renderers with it

    • @ChuckSploder
      @ChuckSploder Год назад +1

      @@channelname7105 I think it was uiopscratch a year and a half ago

    • @helo397
      @helo397 Год назад

      Hi @chipmonk!

    • @Mentalbox52
      @Mentalbox52 Год назад

      @@channelname7105 Squidchip came up with the idea and I implemented it. Ggenije made a project with this effect and I was credited. It's use for textured triangles has since been refined to include the whirl effect for a single stamp tris thanks to chrome cat.

  • @Polaar54
    @Polaar54 Год назад +1

    Or perhaps a. Idea on breaking down the 3d laser tag engine or possibly recoding it in a tutorial series with better performance and enhancements

  • @dogedev12
    @dogedev12 Год назад +3

    0:03 yes. yes I have.

  • @couththememer
    @couththememer Год назад +2

    I remember when I was playing the school computer I accidentally stumbled upon one of this guy’s game and was surprisingly entertained, so I started playing more of his created games. Kinda crazy how all this time I didn’t know that he was a Scratch tutorial-er.

  • @P4ncake_.
    @P4ncake_. Год назад +6

    I thought that we just got the 2 axis scaling...

    • @griffpatch
      @griffpatch  Год назад +4

      Oh for a simple stretch block!

  • @trainb0x
    @trainb0x Год назад +1

    sonunda, böyle bir şey yapmanızı bekliyordum! animasyonlarımı yaparken bu bana biraz zaman kazandıracak.
    [ finally, I've been waiting for you to do something like this! this will save me some time when I make my animations. ]

  • @pumpkinplayzyt6969
    @pumpkinplayzyt6969 Год назад +7

    its always a good day when griffpatch uploads

  • @robertjohnson9187
    @robertjohnson9187 Год назад

    It's so great how you touch on multiple topics like a camera and dynamically moving surfaces.

  • @yukokcandy
    @yukokcandy Год назад +3

    Can’t believe we did this without multiple costumes in the cat!

    • @griffpatch
      @griffpatch  Год назад +2

      I know right!

    • @AbdulMamun_Alt
      @AbdulMamun_Alt Год назад +1

      @@griffpatchHey griff dude, I have a scratch account but for some reason I'm not getting my email confirmation code (the thing you need to share projects and more) I cannot share one of my best games I've ever made in scratch. Can you help me? And I'll use this bounce squish effect in one of my games, but the problem is that no one other than me can see it 😢

  • @TS_64
    @TS_64 Год назад

    Genuinley so inspiring, might apply some of your tutorials in some of my future scratch projects!

  • @SquadBusters_CheckmateID
    @SquadBusters_CheckmateID Год назад

    Lifesaver! I have been looking for this! Thanks Griffpatch!

  • @jimbobskimbob
    @jimbobskimbob Год назад +1

    0:31 scratch cat giving you the stink eye

  • @MuffinOnDisc
    @MuffinOnDisc 8 месяцев назад +1

    I used a slider that changes the speed of scratchys jumps. At 100 it kinda just goes crazy lol

  • @firesoul2759
    @firesoul2759 Год назад

    This is by far the 2nd most mind blowing tutorial I've seen just short of the MMO tutorial :D
    I always love your videos Griffpatch!

  • @turniphead480
    @turniphead480 Год назад +1

    Wow, this is really cool! I thought it was impossible to do that without a custom block. You are a genius dude!

  • @bharghavikka5610
    @bharghavikka5610 Год назад

    Griffpatch is the first person that comes to my mind when i say "Hello Fellow Scratchers"

  • @what_are_u_lookin_at
    @what_are_u_lookin_at Год назад +1

    Another some pretty cool stuff, griffpatch!

  • @AnduTheShadow
    @AnduTheShadow 8 месяцев назад +1

    2:34 I am questioning existence...

  • @rqmxn.
    @rqmxn. Год назад +1

    This is amazing! I bet if you use this strategy a bit you can also warp a sprite to go into a specific quadrilateral bounding box, which can help us make 3D games without pen and still with high quality.

  • @theopoldthegamer4284
    @theopoldthegamer4284 Год назад

    This is already hilarious, but your editing makes it so much funnier

  • @geometrydash2.2137
    @geometrydash2.2137 6 месяцев назад

    I Can't Believe We Can Do This With 3 Costume In The Cat!
    Great Work Griffpatch!

  • @AliceMachadoMoreira
    @AliceMachadoMoreira Месяц назад

    Wow! your sure help me out Griffpacht! and i hope you can help other scratchers too!

  • @Greignaux
    @Greignaux Год назад +2

    This is AMAZING !!!

  • @rizharwal2ndchannel
    @rizharwal2ndchannel Год назад +1

    welcome back, 60fps!!

  • @NoahSties
    @NoahSties Год назад

    would this manipulation be viable for a pseudo-mode 7 effect at all?

  • @blueberryscratcher
    @blueberryscratcher Год назад +1

    Very nice video I've been wanting to make a jumping animation for things like shooter games and this really help thank you!

  • @pedrossecondaccount
    @pedrossecondaccount Год назад +1

    3:50 big scrungus

  • @Bloxdman
    @Bloxdman Год назад +1

    Perfect! i loved

  • @XtoPlasm_
    @XtoPlasm_ Год назад +1

    the animation its actually good 👍

  • @devvux
    @devvux Год назад +1

    I always wanted to do this for my slime game! Keep up the good work! ✨

  • @Speed-TV
    @Speed-TV Год назад +2

    Is it possible to make it scale vertically on both the top and bottom so instead of it looking like it squishes on the ground it squishes in the middle? I'm guessing that would involve changing the y position up.

  • @SteamEngine124
    @SteamEngine124 Год назад +1

    This is nice, he is underrated of RUclips

  • @adrianyang2012
    @adrianyang2012 Год назад

    I never thought you could all those blocks you used were useful! Thanks for teaching me

  • @PhilHoob
    @PhilHoob Год назад

    Wow I have seen something like that before but never in such simplicity! As always, great job Griffpatch!

  • @NazarZuaiter15k
    @NazarZuaiter15k Год назад +1

    Griffpatch is the smartest scratcher.He can do anything!!!

  • @skypixel_yt
    @skypixel_yt Год назад +1

    Even when stuff seems nowhere remotely possible, griffpatch still can do it

  • @fridae8856
    @fridae8856 Год назад

    wow this is crazy griffpatch!!
    Another great tutorial love your work keep it up!

  • @Just_a_Normal_Goose
    @Just_a_Normal_Goose Год назад +2

    Hey Griffpatch loving your vids. Just wondering if you will ever get back to the spooder cat devlog?

  • @Crimson-Specter
    @Crimson-Specter Год назад +1

    never knew fisheye effect would finally be useful!

  • @ylies_y2000
    @ylies_y2000 Год назад

    the new video format is so good !

  • @malik-a-creeper
    @malik-a-creeper Год назад

    This Quickly became one of the MOST Important scratch video basics for me!!!

  • @ansonding9353
    @ansonding9353 5 месяцев назад

    i had no idea that griffpatch liked minecraft until i saw the reccomendations on the side on 5:35

  • @lemilkoffical
    @lemilkoffical Год назад +1

    No other Scratchers is better than griffpatch!

  • @gestalt7529
    @gestalt7529 Год назад +1

    Now this is a great 'thinking outside the box' moment!!

  • @RandomStuff-op8ri
    @RandomStuff-op8ri 4 месяца назад

    this is a very simple easy tutorial its so simple i am shocked no one else has found out yet

  • @LitUpSubway
    @LitUpSubway Год назад

    I discovered this trick several years ago but I couldn't get it to not have a strong warping effect, and I couldn't really explain it to other people. Glad this tutorial shares this really cool trick!

  • @lightuptheray4799
    @lightuptheray4799 Год назад

    You have inspired me to do so many things with code
    And this trick really helped with doing different affects like freezing, water, dancing and more!

  • @thedog213
    @thedog213 5 месяцев назад

    6:58 i've been bothered by the weird size problem for ages thanks for the fix

  • @poojibear6
    @poojibear6 Год назад

    I'VE BEEN WANTING THIS FORERVERRRRRRRRRRRRRR
    THANK YOU SO MUCH

  • @GwnTim1
    @GwnTim1 Год назад

    Could you use this to kinda warp into the background, in 5:01 it kinda looks like the cat is laying on the floor in a 3D enviroment

  • @Polaar54
    @Polaar54 Год назад +1

    Textured walls and floor would be cool in the 3d ray caster like the mode 7 for the nes

  • @The_Silly_Funny
    @The_Silly_Funny Год назад

    This might be one of the most helpful tutorials you've made yet!

  • @DanielMouradyan
    @DanielMouradyan Год назад +1

    WOW! NICE VIDEO!!!!!

  • @logankrohn1472
    @logankrohn1472 Год назад

    Hearing griffpatch so happy will never get old.

  • @cyberxandcorruptedtiger
    @cyberxandcorruptedtiger Год назад +1

    Griffpatch can literally do *ANYTHING*

  • @jubstery
    @jubstery 7 месяцев назад

    a tip that has helped me. rather than dragging with the mouse. click a point. and use the arrow keys to nudge the points. This also works if you hold shift on multiple points. hope this helps anyone who gets frustrated.

  • @SonunabbiVlog
    @SonunabbiVlog Год назад

    Awesome tutorial! I never we could do from just simple fisheye effect Keep it up!

  • @HeinHtet-tn8xy
    @HeinHtet-tn8xy 5 месяцев назад

    Griffpatch, Our hero, Saved millions of lives from the devils that tempts us to waste time

  • @lukes2030
    @lukes2030 Год назад

    Griffpatch, This was the BEST practical scratch tutorial I've ever seen in my life, thank you so much for teaching us this, you're amazing ❤🐱

  • @KrazyFerKolorz
    @KrazyFerKolorz Год назад

    i never thought of this omg this man is a genius!!!