Ultra Fast Colour Image Scanner | Scratch How-to Tutorial

[@pi3722]

It is incredible how you have made this, I tried making this but all my attempts failed, you are truly the greatest programmer on scratch

[@swapandas1273]

not really the best there are more great programmer out there in scratch but griffpatch makes video on how to make them instead of just making it all by himself without making a video on it that how he made someone made a 3D minecraft raycasting game one of the sprites named "Renderer" had 5000+ blocks!! i think you need at least 1000 blocks to make a working 3D game

[@hollowknightguy4821]

I agree

[@leonardbechta6208]

Omg Your Right

[@catto9207]

There's alot of skilled scratcher that's greater than griffpatch, but for me griffpatch is the best scratch teacher.

[@CuppzGeo]

35:06

[@jensenx08]

This is incredibly long, the way you explain it is all clear and worth it! Edit: Well... um I didn't expect this to gain likes.

[@griffpatch]

Gosh I hope so... I was wondering about splitting it into multiple parts, but... I didn't!

[@Resseguie]

@@griffpatch it actually didn't feel long at all watching it. I was kinda surprised how quickly the end snuck up on me.

[@dakshbansal4452]

@@griffpatch hi'

[@ossimulatormaker9011]

@@Resseguie same!

[@nevarithegamer1102]

wow

[@johncitrowske9922]

You basically applied the binary search algorithm to scratch scanning. Amazing how efficient you made it

[@harrisonmccomb]

Oh wow, I didn't realize you had a KZbin channel. I used to love your projects when I used Scratch myself in middle school. Now I'm a senior computer science major. Time flies.

[@griffpatch]

Doesn't it just!!! That's awesome

[@ShehzaibIsALegend]

@@griffpatch Well, I was able to make my own step number generator on Scratch without any help!

[@devislifes523]

@@griffpatch i Love Me

[@ego-lay_atman-bay]

I love your tutorials. They are different from most tutorials since other people tend to just tell you what to do. You do it differently, you explain why and how it works, and just overall gives the viewer more knowledge that they can use later in other projects.

[@maxybg]

This is EXACTLY what I love about griffpatch's tutorials

[@DawnNadeeka]

I love these tutorials! I'm a computer science student now, but my original interest in programming came from Scratch. The way you explain how things work in these videos is amazing, it's done in a way that even beginner Scratchers can pick up on, but I still find myself learning new and better ways to organize my code from them. I love seeing how much Scratch can really do, and it is a fun challenge for me to try implementing these projects in other languages like Python or Java. Thank you so much, I'm excited to see your future videos!

[@pixelatedluisyt]

i didnt even watch this tutorial for the tutorial i watched this to see how cool ultra fast scanning is and how it works. i really like the methods you use like using a giant sprite, sizing it down, then switching to a small one, or maybe turning down the image brightness to make scanning easier.. its all very cool, good job griffpatch!

[@aparrot4254]

It's an understatement to say this is revolutionary

[@GearHeadedHamster]

Wow. This had my head spinning for a while, but I can't argue with the results. This looks amazing. And it would make for a great jumping off point to make a file compression program such as jpeg or png.

[@madeleinecorcoran51]

Finally a griffpatch video that is over 40 minutes long! Love you videos; keep up the good work!

[@ego-lay_atman-bay]

This is so incredible... wait, now we can actually take pictures in scratch, which is something that was practically impossible.

[@top-script]

oh, i just made this on scratch using the brute force method a couple of days before this came out! i didnt know that you didnt have to convert the number into hex! thank you so much, griffpatch!

[@mc_creeper5057]

This is really cool! 8 seconds is definitely an improvement from 20 minutes it was before. If you had a game with a small color palette could you make this work in real-time so you could do cool screen effects to specific things in the game? Since it wouldn't have to check more colors.

[@austencope]

Yeah! its possible

[@rorucopexperements]

I am replying to this comment so I can be reminded of this comment later

[@reuppbee8872]

@@rorucopexperements ok

[@rorucopexperements]

@@reuppbee8872 nice

[@goopyhead]

@@rorucopexperements hello from the future 1 hour later

[@coolgameriguess]

I didn’t even notice it was 40 minutes! That’s how you know that the video is interesting 😊

[@lightning_11]

"Scratch is a kids toy, you can't do anything cool without it being really laggy." Griffpatch and Friends: Hold my calculator.

[@buckIin]

This is so amazing, you're truly one of the best scratchers out here. I also tried the blue line project and it's really fun!

[@pandat1070]

Wow, this is incredible! I'm pretty sure you said something about applying this to the raycaster tutorial series, I hope you make a video on that. Great work as always, I'm looking forward to what's next!

[@griffpatch]

That's the plan!

[@NewtonPL]

aww man! now i gotta wait for another raycasting tutorial, this looks so fun! time to hit F5 every few minutes :P amazing work as always, griff!

[@fire_shadow1832]

wow, a 47 min video! griffpatch must be worked so hard on this!!! thank you teacher griffpatch!!

[@ludvigerdmann3352]

THANKS for releasing this, it feels like I've been waiting so long. You are the best!

[@alberthwang2900]

Leaving this comment up in case anyone else has trouble. TL:DR if your initial scan test (30:04 into the tutorial) starts glitching out about 50,000 pixels into the scan and the i value starts skyrocketing, make sure that you aren't running the "when space key pressed" code on both your original scanner sprite and the full screen mask. In other words, check to make sure that your "when space key pressed" code block starts with "If costume number >1, then stop this script." ----- INITIAL POST: Running into an issue where my scanner, on intial pass, seems to be freezing up after about 50,000 pixels. Fault seems to be in the "touching color item i of colors" line: the i variable value is continuing to escalate p[ast 8. This seems to indicate that the scanner is looking for a color that isn't in the initial scan color list. Double-checked the tutorial, and both my ghost values and color list lists match yours. Not sure what the issue could be here. UPDATE: Tried a couple of other images, and they all seem to hang around 50,000 pixels. Now wondering whether the issue is somewhere else. If it were a color match issue, I'd expect them to freeze at different points, but they all seem to freeze between 50k and 70k pixels. Wondering if this is a fault in the Scratch color sensing block? SOLVED: Found the issue in the "press space" code block. I forgot to have it stop if the costume number >1. As far as I can tell, the problem seems to have been that when I "borrowed" the code for the "When I receive Scan Pass" block, I forgot to put it back into the original place where it was from. I never checked that code again because I was sure the problem was somewhere in my color values lists. Like a fool. So what happened is that the scanner started its scan, and then the mask clone broadcast another scan pass. This caused it to switch its ghost value to the next value on the list. The main sprite is already in the middle of doing its scan, so the "broadcast and wait" block skips past it and goes on to the next step, which is to broadcast "scan complete." Broadcasting "scan complete" causes the mask sprite to hide itself. . . and suddenly in the middle of its initial scan, the scanner sprite finds the black mask gone and runs into the full array of colors, which causes it to freeze up looking for a color that isn't on its list. Initially, I'd thought that something weird was up with the color sensing block or my mask. Maybe I'd used a color slightly off black or something. I tried fixing this by temporarily changing my initial pass code to run the full "get color" code if it hit the end of the list. . . but then I noticed it was running the full get color code every time after about a quarter-second. When I tried rendering, the first fifth of the image was four-color as expected, then suddenly switched to full color. This told me that something was turning off my full-screen black mask after about a tenth of a second. I tried a few things, like adding a "Am Clone" variable and switching up the order of my code, but it didn't work. Finally, I went back to the start of the video and went step by step comparing my code to griff's, and found the problem at about 18:00 into the tutorial. I spent a moment facepalming, fixed the code, and it worked perfectly.

[@Arch8kickr]

Did you make it so that if it doesn’t scan for initial colours it will be able to select from a wider selection of colours if needed?

[@alberthwang2900]

@@Arch8kickr I might try setting it up so that if it reaches the end of the preset colors list and doesn't find the color it's looking for, it records the actual color it is using the slow method. I'm just worried it might cause issues with the later scanning passes. EDIT: Tried this, and found out that the problem appears to be with the broadcast and wait block. For some reason, the code is jumping ahead to "broadcast scan complete and wait" after a split second instead of waiting for the entire scan to finish. EDIT: Found the problem. Feel like a fool. Forgot to stop the script if it's a clone.

[@jubstery]

I've gotten this far on learning from you on raycasting in scratch 3d. I'm trying to learn from this video so i can put my own textures for walls and other objects. An attempt to create seemingly random raycasting maps. I cant get past the 2nd scan. I finished the video. Watched this video several times. I know i can catch my mistake. Im using turbo warp. Stantard settings to mimic scratch to avoid errors uploading. Youre such a great tutor. Its so hard to catch my own mistakes. How you broke down this, is mind boggling smart. Yet so simple kids can understand. Bravo 👏

[@jubstery]

Update. I figured it out. I was missing a ghost value. 😂 thank you

[@helentowers6223]

I like griffpatch because he makes a variety of things and not just constant platformers like most people

[@theawakeningknight]

That was probably one of my favorite videos ever watched of your channel. This was totally worth the waiting, but don't put too much effort too, i just can't imagine how much time it took you. Do you plan on livestreaming someday ? On youtube or Twitch, that would be so cool to watch and interact with you :)

[@griffpatch]

Thanks so much. Yes it would be fun to live stream, but I get the feeling the Scratch team would not let me link to my KZbin channel if I did.

[@theawakeningknight]

@@griffpatch Too bad, but we'll keep watching your videos anyway, because they really are great. Thank you :)

[@ShehzaibIsALegend]

@@griffpatch Yeah, Scratch thinks I am sharing private information when I talk about livestreams in Scratch.

[@dkianz]

This is legendary! Love this job, it will open a lot of possibilities!!

[@weegie3343]

used a 3 pixel thing with the previous tutorial and try to do this. it took 20 minutes. This is just revolutionary

[@СашаБакшеев-й1ь]

11:29: 1263 seconds... I couldn't take it... Griffpatch, how did you make it through 21 minutes?.. OMG. Respect. 🤩🤩🤩

[@СашаБакшеев-й1ь]

46:42: loooooooonger griffpatch. 🤣🤣🤣

[@KonstantinRadkevich]

Griffptch is solving the problem like a real DEV

[@1080GBA]

griffpatch you are so awesome! It would have taken me hours to scan a single image if you didn't upload! Love ur vids :)

[@Triazler]

A good idea for saving and loading pictures. Got saving to work before I went to this video but with it saving around 30 pixels a second, so I went to this video to make my saving way faster!

[@malwaremation-informaticaa9749]

8:28 I think that the variable's name should be Render index, since it's rendering and not scanning. However, this video worked well for me and i recommend to watch the entire video. Good job!

[@Idiot354]

🤓?

[@malwaremation-informaticaa9749]

@@Idiot354 😫

[@The-EJ-Factor]

My Wi-Fi won’t let me send this comment this is like the 7th Time today First I'll probably upgrade my screenshot engine I honestly thought you would have made us take a long scan and just edit the list for the walls, I never thought of using shaded images to speed images up! Good job surprising me! ;-) Later I'll probably use it for shaders and mirrors, maybe really upgrade the screenshot engine a lot. Adding filters and things, one thing I'm definitely going to use this for is my powerpoint engine that I've been using for cool presentations at School, and I need my senior presentation to be the best I can do. Thanks griffpatch

[@KerbalFoxIsAProtogen]

Nice video. I think this could be useful for making a mesh render and soft body physics with spring joints.

[@caseyyeow1649]

Yeah

[@qamerakhtar6743]

2:14 he said "sorry scratchy you can leave the party" was kinda funny😂

[@Detective_Lynne]

I thought a little more about it. Theoretically, we can get ~0.117 fps 480x360 streaming! *Streaming on Scratch, Carl!* Edited: (LONG TEXT WARN) I know the fps will actually be less than 0.117, but we can reduce the resolution: if you scan every 2nd pixel and row, the image will be compressed 4 times (resolution 240x180), increasing fps to 0.468; if you scan every 3rd pixel and row, the image will be compressed 9 times (resolution 160x120), increasing fps to 1.053; if you scan every 4th pixel and row, the image will be compressed 16 times (resolution 160x90), fps will grow to 1.87. if you scan every 5th pixel and row, the compression will be 25 times (resolution 96x72), fps will increase to 2.92; if you scan every 6th pixel and row, the compression will be 36 times (resolution 80x60), fps will grow up to 4.2! And so on, and so on.

[@apo11ocat]

then you could have video chats on scratch lol

[@lzr_music]

We could've actually did that but scrath would say every curse word against us and ban us lol

[@lzr_music]

But we could make a fully working whatsapp in scratch now.Just package it in tbw and put [wait (0.1) seconds] every time you edit cloud variables

[@lovedamselsdamsel]

Even when I’m not using scratch, I still watch your videos. They’re just so entertaining

[@creepersaur]

Woah griffpatch face reveal??! That was an extraordinary video. I loved how you explain things and actually edit them instead of using a powerpoint presentation. How would you make a red square change color using the COLOR and BRIGHTNESS blocks with this?

[@griffpatch]

You'd need some cunning maths in think

[@Seven71987]

But no name review.

[@ant2902]

In his older (like 4 years old) videos there was a face camera

[@Gamer-ct6hb]

@@ant2902 I was just about to comment that

[@serendipity-tilde]

Maybe... if an rgb-to-hsl converter exists, that would make it a whole lot easier.

[@PenguinBoi27]

Let’s be real everyone still on scratch at one point either started or stayed on the site because of this man

[@inflict5192]

Griffpatch I'm currently working on a ray tracer for Scratch and this tutorial literally is so helpful as needed a waty get textures working in the engine. Great video!!

[@griffpatch]

Glad it helped!

[@cadmiarjw]

waty

[@PabTSM-OfficialChannel]

ray tracer!?

[@theofficiaIsteve]

to be honest, I never actually follow the tutorials, but I watch the whole thing because I find it very interesting the tricks you use and I want to use them for my games

[@felixcornwall1193]

I love all of your videos! This is amazing so far!

[@aa1_scratch_tutorials202]

griffpatch is GENIUS

[@davidslevs]

Thanks a lot for subtitling all the videos. It's a very nice and helpful touch.

[@griffpatch]

You're welcome 😊

[@Resseguie]

That's clever. Nice application of the binary search, @geotale! I haven't peeked into your blue line filter yet, but I suspect for uses like this you really only have to do a single line scan at a time, rather than a full image scan, correct? And the 8 second wait (in total) isn't problematic because you're scanning it in realtime with the user. On to texture mapping!

[@griffpatch]

Yeah - you are quite right :D - The only trick is getting the 5 colours passes to be done in one screen refresh :)

[@Resseguie]

@@griffpatch ah, right! The details... I'm obviously excited to see the texture mapping, but it should be fun to see what else scratchers come up with to use this, too.

[@quockienoan5900]

Good video as always! Btw, a scratch tutorial of sudoku puzzles generating will definitely attract a lot of people!

[@oreosmith2862]

Before I knew about all this I tried doing image scanning myself and it worked

[@SLSmartMind]

Griffpatch always makes the impossible possible !!!

[@スムージー-c8y]

No matter how many years I've been playing Scratch, I still can't seem to beat this genius Scratcher. Hats off to him.

[@kittinanpakboon8129]

Why you want to beat him? Join him.

[@スムージー-c8y]

@@kittinanpakboon8129 Oh, it's true, I'm using deepl translations, but the intent of the comment is radical. Sorry, sorry, I'm not trying to take him down.

[@スムージー-c8y]

@@kittinanpakboon8129 ...No wait a minute, I wrote "hats off to him" at the end of my sentence. On the contrary, I want to ask you, do you think that I am writing an anti-comment against Mr. griffpatch or something? If you think so, let me clarify. The answer is NO.

[@lupus-griseo]

I would love to see a tutorial on how to create tile scrolling game with procedural generation. I've always wanted to make my own tile scrolling game similar to paper minecraft, i tried to do this multiple times, but each time i eventually gave up :(

[@griffpatch]

I have got a procedurally generated tutorial planned at some point! So we should get there :D

[@lupus-griseo]

@@griffpatch cool!

[@bigdaddy6229]

I made a procedualy generating game with the tile scroller before but i eventually gave up because it was to difficult

[@icecreambutstupid1873]

this, is, AMAZING! This is some of, if not the most impressive code I've ever seen!

[@vaderninja]

Hey Griffpatch, i was wondering if you could ever consider making a A* pathfinding tutorial for Scratch. Now i know that you already have a pathfinding tutorial, and i did it, but you see. It isn't very optimized, and tracking a moving target is impossible. I would really appreciate it if you could at least consider, thanks! :)

[@Rubix_Droid]

i believe this tutorial works well kzbin.info/www/bejne/gWKqqJWnpaaZgrM

[@dawidnechita8980]

I thank you for everything,now I can do CLOUD GAMES!I am a Scracher now because of your tutorials,thank YOU!

[@David-bf2wo]

Very helpful, thank you, and nice videos 👍🏾

[@lotus_6955]

I studied this programme in school and thought it was a programme that died long ago and our school uses it only bc its free or something but I can see that some ppl actually use it nice 👌 👍

[@FireyDeath4]

"Scary!!!" As someone who has been to such places as the Googology Wiki and Two Minute Papers, this is fine (-_-) And, man, I can only imagine some people using the camera scanning programs for dangerous purposes like shoving scanned camera photos into cloud variables...gosh, the Scratch Team's gotta make a rule about that, right? You could see some pretty nasty things if a stranger wanted to. Honestly, I'm pretty shocked about how few predators and trolls there actually are in Scratch. More internet communities need to be like it Very clever! Now if only we could just get the position pixel colour directly or check for colour touching with different degrees of precision with native Scratch blocks...

[@fantastiiq7132]

ikr

[@fezziwigjunior]

time flies when your doing griffpatch tutorials

[@IzzyBoiYT]

FACE REVEAL

[@Help-Rubikscubemaster029]

His pfp has been the same since ages ago bro

[@ArshadAli-k4s3n]

When is face reveal happen 😮

[@sup-f2p]

@@ArshadAli-k4s3n at the end of the video

[@ArshadAli-k4s3n]

@@sup-f2p thanks!

[@ArshadAli-k4s3n]

@@sup-f2p wanna play minecraft multiplayer with me?

[@thirishwehlaing5434]

I'm a scratch youtuber myself but this is way..........too............far...on..how..genius..you.......are!....

[@tobygregg]

This video will be the start of cameras in Scratch

[@gdb5549]

Fun fact: for testing you can broadcast a message after "scan" to start "render"

[@starnews7330]

Soo cool you are the BEST Scratcher ever🎉🎉🎉

[@Gaigoomee]

This is great. Thank you much for this awesome tutorial!

[@grande1900]

You can also use (X+(Y*480)) for the index

[@griffpatch]

Very true! and super important to have that trick up your sleeve :) But only use it when you need to, right now to save precious computer cycles, we just change idx by 1 each time around

[@nathanritter541]

This is crazy. I didn't think the color picker would be possible, let alone wntire screen scanning at this speed

[@silvertakana3932]

I’m afraid scratch might try to block this as it would allow for scratch project to take picture of people without consent. How are you going to deal with this?

[@griffpatch]

I think we will have to wait and see. The upside is that you really can't store a lot of data in the cloud variables... so the primary limit of why we can't do this is still there.

[@radproturtle8066]

But couldn’t some store it in cloud lists? Or is there a max charter limit on cloud variables?

[@radardev8889]

When I saw this, it was something like showing gunpowder to human, who just discovered fire. This is just awesome.

[@ihunthackers9338]

YEEEEEEEEEEES

[@UnoriginalUsernameThe2]

31:27 griffpatch has made a masterpeice without even realizing.

[@Chipfoxxo]

mans got 2 million messages lmao

[@scratchcoder2292]

I love how you can take something simple like scratch, and make it complicated

[@talisman_games15]

17:05 ITS THE CGA COLORS

[@snehashisplays]

Yoo, That's What I Wanted. Thanks ❤️💛

[@antonanton3136]

i was waiting everyday for this video and was excited and it finally came out! thank you!

[@xxiicecream4240]

amazing video! 40 whole minutes! it was very helpful! 😁

[@dimasik23_91]

It's existing! I think it's just full revolution in Scratch

[@forever_put_at_ease]

The fact you're awake at 3:00 astonished me

[@bluesburning]

This was the first ever scratch video I’ve seen!

[@jurassicmrnuggets878]

No matter how big the image is, it will never be bigger than griffpatch's unread messages count

[@thedanielhicks]

The cleverness of that darkening trick is astounding! You would need to know a lot about how colors work: like I had no idea that "darkening" a color fuzzed it, and "lightening" unfuzzed it so to speak. I wonder if you could do it in reverse? Like instead whiten the screen first and then darken it to reduce the color searches? Anyways: great tutorial on showing us how this works.

[@paulbunyangonewild7596]

to think a 16 year old designed this method. ughh. its so marvelous. and so elegant, its like watching a clockmaker position all those little gears until it just works

[@FrancybelloCoding]

Awesome! you are the best! 😀

[@協420]

I decided to pause near the start and do it myself; I checked the video again to see how I did it differently, but I did it the same way! Even down to the variable names.

[@Divine_Specter2011]

i have been waiting for this for a few days

[@Famouslounge]

Hi I have a question about how to incorporate some sort of damage in the 3D games with the backpack health bar any help?

[@Katokatokato13]

私に英語はわかりませんが、とても貴方の作品は美しいです！(日本人からのメッセージ)

[@griffpatch]

Thank you

[@moodthecooldude]

You're an absolute madman!

[@reglan_dev]

Wow, its great to see your face once again!

[@termisher5676]

You can shorten the time required to detect color by starting search from vlosest number to the last one. So if you have blue plane you will almost instantly scan whole aproxmate color.

[@maathys]

I always wanted to do that, and I never took the time to try it. *GG*

[@penwozhere]

And my camera based game is completely possible! Great job finding/coming up with these scripts!

[@yourlocalpizzarat]

Programming gaming

[@Thataiguy09]

Thanks very much griffpatch. You are a amazing scratcher. I am on Mobil and your joystick helped soooo much. 😊

[@griffpatch]

Great to hear!

[@Thataiguy09]

Wow i did not expect you to actually see this!

[@Wonderfan73]

Everyone:Scratch is VERY limited Griffpatch:Say that again?

[@reenakshibaral2362]

Image scanner in scratch you said? Yippee!

[@florismmsmit]

I have a problem, at 31:29 in the video the image is converted to 4 colours. But when i tried to do it it was only displaying darkness. Do you guys know what is going wrong? thx!

[@samdarden3520]

my 5 years of scratch training have led up to this moment

[@ttwxlight]

This video deserves way more views 👍

[@neutralneucromancer]

you can multiply the (item (scan idx) of [scan]) in the render by 1.0000006 to display colours(like white) more accurately.

[@ttwxlight]

Could you speed this up by having multiple scanners and cloning them to split up the job and scan different sections at the same time?

[@Tr0lliPop]

This is Absolutely GENIOUS! HOLY CRAP

[@radzyhamzah3848]

The king is back