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

  Рет қаралды 216,664



Күн бұрын

Impress all your friends by learning how to add "Stretchy Sprites" into your Scratch games, the next big things in Scratch Special Effects :D
Until recently, thought impossible, now we can enjoy sprite squashing and stretching in real time by combining Scratch's Effect Block, and some clever costume editing techniques! - Our projects will never be the same again!
This Scratch Tutorial will teach you everything you need to know including how to code a bouncing, squashing sprite with gravity, over an infinite scrolling background / level.
⭐ Channel Membership - Early Access / Emoji / Perks
🐱 Scratch Studio - Submit your projects here
-------------Video Chapters-------------
0:00 Intro
0:44 The Fisheye Effect
1:37 Animating the Fisheye Effect
2:45 Playing with Sprite Costumes + Fisheye
4:56 Scratch Studio
5:37 Bouncing Cat Project
7:25 Simple Gravity & The Background
8:47 Better Gravity with Bounce
10:33 The Squish
11:18 Proportionate Squish
13:58 Drawing a Scrolling Background
15:46 Animating the Scrolling Background
17:24 Cat Controls Movement
18:23 Camera Follows the Cat
20:06 Outro

Пікірлер: 981
@griffpatch 3 ай бұрын
@doctorwaffle554 3 ай бұрын
hooray now i can make elastic tweens
@dogedev12 3 ай бұрын
The studio link leads to the raycasting episode ten studio.
@rain_SlM 3 ай бұрын
@SuperTrouper17 3 ай бұрын
@rileylim2758 3 ай бұрын
I laughed 1m times
@1080GBA 3 ай бұрын
Griffpatch can literally do anything impossible for us in scratch 🔥
@zentejavorszky5077 3 ай бұрын
@LebatrowAndSqueak 3 ай бұрын
literally like so true
@GuynamedJaylen 3 ай бұрын
Fr on too many levels
@ChuckSploder 3 ай бұрын
He didn't pioneer this, I think UIOPscratch did, like a year and a half ago
@MasterSharky 3 ай бұрын
Just follow the steps he does
@petersmythe6462 3 ай бұрын
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 3 ай бұрын
Yes, I've seen that very thing done in scratch... It's very clever isn't it
@orionhunter5702 2 ай бұрын
@@Paper99999 the top of the sprite seems wider than the bottom
@ChuckSploder 2 ай бұрын
Look up STTF in the scratch search bar
@codingpileofdirt 2 ай бұрын
IT WORKS WITH THE WHIRL EFFECT. I have seen some examples, though the whirling mainly seems to be best for animation purposes.
@fergusotoole6676 2 ай бұрын
i made something stupid hes 2 do bouncing in circles @@griffpatch
@MaisUmFCPlays 3 ай бұрын
Griffpatch is certainly evolving! Showing us simple ways to do what was considered hard Edit: *Thanks, Griffpatch!*
@mr.Archi2.0 3 ай бұрын
@crafterboy27 3 ай бұрын
@@mr.Archi2.0 hard*
@muhammedfayadnavas8686 3 ай бұрын
Literally no words to describe the gratitude to you griffpatch. You've broken scratch.
@codingpileofdirt 2 ай бұрын
Nope, we're only *scratching the surface* here
@xc_gwpl 3 ай бұрын
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!
@Dezloxe 3 ай бұрын
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!
@PixelMystic124 3 ай бұрын
Interesting video! I can’t believe we could stretch sprites in game! Awesome work! Keep it up 😊
@griffpatch 3 ай бұрын
I know right!
@starflightYT 3 ай бұрын
@@griffpatchCan you stretch side to side by placing the square to the side?
@user-ox5dx7cw5k 3 ай бұрын
@@starflightYT yes
@The-EJ-Factor 3 ай бұрын
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.
@mcnole25 3 ай бұрын
The pen extension and image scanning can also work for stretching. And skewing is possible with the whirl effect too!
@evepreviouslyknownaslenenjoyer 3 ай бұрын
i haven't used scratch in years, but i love griffpatch's videos, they're so lovely and kind of nostalgic
@crackerpooppop 3 ай бұрын
Awesome tutorial! So cool to see something that so many people thought was impossible done so simply!
@link_55 3 ай бұрын
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 3 ай бұрын
No problem!
@THETACOTEERS 3 ай бұрын
@@griffpatchand all this time I used different costumes for squish effect..
@mightythearmiddilo 3 ай бұрын
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.
@ItsLouisYT 3 ай бұрын
That ungodly choir to at griffpatch did for scratch cat at 3:40 is amazing
@bitchassmoththing Ай бұрын
banger ytpmv sample
@Jackhenrey 3 ай бұрын
Wow griffpatch you're bringing back my childhood when i discovered effects blocks for the first time 😢where did that time goes
@2MinutesScienceChannel 3 ай бұрын
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 3 ай бұрын
That's awesome 👍
@Ameise15_Scratch 3 ай бұрын
It's amazing how much you can do with the simple fisheye effect block
@TimiksOMG 3 ай бұрын
i always wanted resize sprites in separate axes, like in unity! i will try it
@Igorex95 3 ай бұрын
to do that you'd need a more complex system, as this only allows for exponential stretching in a single axis
@ggenije 3 ай бұрын
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
@secretchest8899 2 ай бұрын
oh wow, nice to see you
@Mentalbox52 2 ай бұрын
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 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 2 ай бұрын
@@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 24 күн бұрын
he didnot give you a heart because your his biggest enemy
@crackerpooppop 3 ай бұрын
Can't believe what I'm hearing! This is amazing!
@-CosmoCode 3 ай бұрын
Ahh I have the glitch again cuz I'm on mobile.. I didn't manage to get to my PC on time
@Cod3Play 3 ай бұрын
This is so simple, yet I've never thought of it. Thanks, Griffpatch! Amazing tutorial as always
@christinewambua2205 3 ай бұрын
yap i agree
@startFX 3 ай бұрын
duuude i've been wanting do do this for years... now i can finally achieve it with this tutorial, yay !
@-CosmoCode 3 ай бұрын
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
@realjordantrs 3 ай бұрын
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 3 ай бұрын
It just takes a nudge sometimes :) nice one
@blackhole927 3 ай бұрын
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!
@The-EJ-Factor 3 ай бұрын
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.
@FeniteFr 3 ай бұрын
OMG THANK YOU GRIFFPATCH !!!! this is life changing !!
@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.
@alfiegordon9013 3 ай бұрын
OOOOOH thats a genius way to do that, i never would've thought of that in a million years
@griffpatch 3 ай бұрын
I know right!?!
@Samuel11959 3 ай бұрын
we have waited so long for this... thank you
@Dextricity1 3 ай бұрын
VERY very clever thinking behind this, griffpatch.
@firesoul2759 3 ай бұрын
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!
@tt_thoma 3 ай бұрын
It's funny how it eases in and out on it's own
@RonicTheEgg 3 ай бұрын
This is like, revolutionary for 3D projects
@TS_64 3 ай бұрын
Genuinley so inspiring, might apply some of your tutorials in some of my future scratch projects!
@TheComputerCrasher42 3 ай бұрын
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 3 ай бұрын
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
@theopoldthegamer4284 3 ай бұрын
This is already hilarious, but your editing makes it so much funnier
@salibaster9000-hs4cv 3 ай бұрын
Lifesaver! I have been looking for this! Thanks Griffpatch!
@TheNerdoGuy 3 ай бұрын
Thanks a lot! Your tutorials are always helping!
@lukes2030 3 ай бұрын
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 ❤🐱
@robertjohnson9187 3 ай бұрын
It's so great how you touch on multiple topics like a camera and dynamically moving surfaces.
@griffpatch 3 ай бұрын
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 3 ай бұрын
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 3 ай бұрын
I'm using a 1080p phone
@CyberXAndCorruptedTiger69 3 ай бұрын
@davidbahh8645 3 ай бұрын
He looks better!
@myroslavabilobrova9272 3 ай бұрын
Hi griffpatch 😊
@legoonyx27 10 күн бұрын
Gotta love seeing griffpatch having some fun in the tutorial. :)
@devvux 3 ай бұрын
I always wanted to do this for my slime game! Keep up the good work! ✨
@fridae8856 3 ай бұрын
wow this is crazy griffpatch!! Another great tutorial love your work keep it up!
@raymondzhu6685 3 ай бұрын
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.
@PhilHoob 3 ай бұрын
Wow I have seen something like that before but never in such simplicity! As always, great job Griffpatch!
@-CosmoCode 3 ай бұрын
Yay! Griffpatch, I have a question. Would you like to ever make tutorials on other programming languages too?
@Saleh_925YT 3 ай бұрын
Bruh just delete the wrong texts and say it you don’t need to say I meant
@griffpatch 3 ай бұрын
100% yes... Watch this space
@-CosmoCode 3 ай бұрын
​@@griffpatch ??? I think I don't know about Something
@turniphead480 3 ай бұрын
Wow, this is really cool! I thought it was impossible to do that without a custom block. You are a genius dude!
@trainb0x 3 ай бұрын
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. ]
@CollisionPlayz 3 ай бұрын
I remember finding the fisheye effect and being confused on why anyone would use it. Thanks for finally giving me a reason to use it :)
@Alpha-LMAO 3 ай бұрын
never knew fisheye effect would finally be useful!
@gestalt7529 3 ай бұрын
Now this is a great 'thinking outside the box' moment!!
@pumpkinplayzyt6969 3 ай бұрын
its always a good day when griffpatch uploads
@surlo69 3 ай бұрын
Great tutorial as always! I saw a scratch project on sprite stretching a year ago by ggenije done in similar fashion. the project itself didnt make too much sense to me so i appreciate the in depth explaination in this video!
@malik-a-creeper 3 ай бұрын
This Quickly became one of the MOST Important scratch video basics for me!!!
@LitUpSubway 3 ай бұрын
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!
@what_are_u_lookin_at 3 ай бұрын
Another some pretty cool stuff, griffpatch!
@The_Silly_Funny 3 ай бұрын
This might be one of the most helpful tutorials you've made yet!
@chipm0nk 3 ай бұрын
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 3 ай бұрын
yoooooooooo chimpmonk!
@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 2 ай бұрын
@@channelname7105 I think it was uiopscratch a year and a half ago
@helo397 2 ай бұрын
Hi @chipmonk!
@Mentalbox52 2 ай бұрын
@@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.
@skypixel_yt 3 ай бұрын
Even when stuff seems nowhere remotely possible, griffpatch still can do it
@SonunabbiVlog 3 ай бұрын
Awesome tutorial! I never we could do from just simple fisheye effect Keep it up!
@lightuptheray4799 2 ай бұрын
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!
@CyberXAndCorruptedTiger69 3 ай бұрын
Griffpatch can literally do *ANYTHING*
@mxsteri0 3 ай бұрын
@yukokcandy 3 ай бұрын
Can’t believe we did this without multiple costumes in the cat!
@griffpatch 3 ай бұрын
I know right!
@AbdulMamun_Alt 3 ай бұрын
@@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 😢
@Greignaux 3 ай бұрын
This is AMAZING !!!
@blueberryscratcher 3 ай бұрын
Very nice video I've been wanting to make a jumping animation for things like shooter games and this really help thank you!
@griffpatch 3 ай бұрын
My pleasure!
@blueberryscratcher 3 ай бұрын
Thank you!@@griffpatch
@adrianyang8652 3 ай бұрын
I never thought you could all those blocks you used were useful! Thanks for teaching me
@theKeroseneTeam_3347 3 ай бұрын
Yes, no bugs, or problems in my project. I love you Griffpatch! :)
@aether.zip1506 2 ай бұрын
Love the video! I just finished the Mario game tutorial series and i was wondering when it is coming back? I'm sure lots of other scratchers (such as me) are keen to see whats next!
@P4ncake_. 3 ай бұрын
I thought that we just got the 2 axis scaling...
@griffpatch 3 ай бұрын
Oh for a simple stretch block!
@damnatron5662 3 ай бұрын
@Speed-TV 3 ай бұрын
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.
@theevoker4678 3 ай бұрын
Hey Griffpatch loving your vids. Just wondering if you will ever get back to the spooder cat devlog?
@griffpatch 3 ай бұрын
Yes I hope so!
@bastiandoesstuff2023 3 ай бұрын
i never thought of this omg this man is a genius!!!
@zestytesty6954 3 ай бұрын
Textured walls and floor would be cool in the 3d ray caster like the mode 7 for the nes
@mr-greenguy 3 ай бұрын
fascinating as always, great vid!
@OmegaCat9999 2 ай бұрын
The end result makes for a nice loading screen.
@colinmacc 3 ай бұрын
That's very clever. I never would have thought of that!
@ylies_y2000 2 ай бұрын
the new video format is so good !
@Sonwaix 2 ай бұрын
i actually remember doing something like this before, i never knew you could properly scale sprites with it though, i just used it to bend them from side to side
@aspicychip 3 ай бұрын
I don't know how you know all this. You're a genius!
@logankrohn1472 2 ай бұрын
Hearing griffpatch so happy will never get old.
@sonicramdomchannel 3 ай бұрын
4:04 thats how actually 3DS' 3D effect is maded
@AnimalTap 2 ай бұрын
I would absolutely LOVE to see a tutorial for a top down survival game where you have to defeat a powerful monster. You could be able to collect and purchase items from say a shop and can travel throughout a big forest in search of the monster. I really want to make a game like that but I have no clue how to pull that off.
@griffpatch 2 ай бұрын
That does sound exciting!
@schulsystem 3 ай бұрын
Great video! Can you make a video with a TurboWarp expansion again? I've learned so much through you. Keep it up. 🎉❤
@DanikaThing1 3 ай бұрын
Where do you find the projects? Do you share them? I'm looking for the Shadow and Outlines game
@StupidNameGoesHere 2 ай бұрын
Griffpatch's editing just got 10X BETTER like frfr
@morruno 2 ай бұрын
There's also a Turbowarp Extension that allows to do such thing. great video btw
@SirAU 3 ай бұрын
Why do I always forget about Scratch and then see your videos in my subscriptions tab and then suddenly get interested in Scratch again?
@griffpatch 3 ай бұрын
Scratch forever lol
@joejames1414 3 ай бұрын
My whole life I've been wondering if this was possible, and Griffpatch did it!
@the_yellow_blob_games7690 3 ай бұрын
hi griffpath, i love your videos, you make the best scrath tutorials ever.
@peppercat42069 3 ай бұрын
Hey, this is a bit unelated to this video, but I have a question. In Appel, you used scratch's vector art for all the tiles, right? How did you get them to be perfectly aligned? When I try to draw tiles with scratch's vector art they tend to be ever so slightly off, and very small gaps appear in-between the tiles for me. Is there a trick to it?
@Wilmer-. 3 ай бұрын
Best thing in my notifications I have seen ALL day.
@sonic_enjoyer 3 ай бұрын
i thought this was only possible with variables and pen, but this is WAY easier! if you move the invisible square in the sprite to a different area, you could squish the sprite horizontally, and if you add size to the mix, it should be possible to make a STRETCH effect! this has a lot of potential!
@glassta 3 ай бұрын
you blow my mind griffpatch thank you
@Marvin_Gamer776 2 ай бұрын
I literally love this! I will put scratch cat in my backpack!
@frigglefry_ 3 ай бұрын
I never thought of this but it's super cool.
SL Smart Mind
Рет қаралды 375 М.
Inter Production
Рет қаралды 1,7 МЛН
UFC Vegas 87 : Нурмагомедов VS Алмахан
Setanta Sports UFC
Рет қаралды 220 М.
Disco bathroom by Secret Vlog #shorts
Secret Vlog
Рет қаралды 46 МЛН
I made YouTube in Scratch!
Рет қаралды 99 М.
Scratch Mistakes You Need to Fix!
Рет қаралды 45 М.
Why Generic Platformers are so HATED?
Рет қаралды 49 М.
You NEED To Do these 5 Things Before Sharing your Scratch Game
Jackson Academy
Рет қаралды 279 М.
ChatGPT Makes a Scratch Game
Рет қаралды 775 М.
Your Questions Answered 🏆 Scratch 100k Unboxing!
Рет қаралды 71 М.
I remade the WORST scratch game...
Рет қаралды 121 М.
NEVER DO this on SCRATCH ! | EP 3
SL Smart Mind
Рет қаралды 964 М.
EPIC SPRITE TRAILS | Easy Coding Tutorial to Spice up your Game
The Most Impressive Scratch Projects
Рет қаралды 4,5 МЛН
Самый необычный дом в Китае!
По ту сторону Гугла
Рет қаралды 2 МЛН
closest thing to flying… #shorts
Рет қаралды 40 МЛН
뇌정지 1000%로 오는영상😱
이도현의 변화일지_DOHYUN LEE
Рет қаралды 10 МЛН
Thoughts can change reality🫀
Victoria Pfeifer
Рет қаралды 28 МЛН
Neutral look 👍🏻OR👎🏻? #shorts
Carl Cunard
Рет қаралды 37 МЛН