Convert Scratch to JavaScript AUTOMATICALLY! (Leopard)

[@PullJosh]

Demo starts at 3:55. Try it yourself at leopardjs.now.sh/ Have fun! :)

[@newsaddiction9383]

It says that I have a server problem, Plzzz tell what to do

[@newsaddiction9383]

Also I have used extensions like camera and text to speech, It think that's why it is not working, you have only added translations for basic blocks like motion, looks etc. Plzzz brother add translations for extensions toooo PLZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ

[@biljanafavro1376]

@Jackson Stuber Do platformers use plugins other than pen?If so that is why

[@ernestolaurel224]

Question: Can You Get Cloud Variables Into Javascript?

[@PullJosh]

No, but if you were willing to put in a lot of effort, you could probably use something like socket.io to add live multiplayer to your game ;)

[@depicklator3526]

Ohhh!!! I have dreamed of something like this for so long! Thank you so much, Josh, and to the rest of the team that worked on this. I'm going to have a blast playing around with this.

[@PullJosh]

Us too! It's totally the dream, and I'm so excited that's it's becoming a reality :)

[@seeseefok7659]

@@PullJosh aweeeee :D

[@roostydoo2]

Me too i have been searching the internet for ages and then i found this THANKS @PullJosh

[@seeseefok7659]

"Scratch is very limited" I can relate.

[@PullJosh]

Haha, yeah. :P

[@itzneloo]

ikr

[@brickdesign6438]

This is a really cool project! I've somewhat moved on from Scratch and have started using Unity and C# to program games. I saw the project you released on scratch about converting to javascript a while back. Well done on creating this. It will definitely help people start with new languages much more easily.

[@PullJosh]

Thank you!

[@ulyssevandamme575]

Exactly the tutorial i needed. I have been wanting to learn JavaScript for a long time and i will finally do it. Thanks Pulljosh. :)

[@PullJosh]

That's great news! :D

[@perrythecodingplatypus]

Dude, this is insanely cool! Really great job!

[@PullJosh]

Thank you! I'm super proud of the work I did, and amazed by the help I received from others. :)

[@cdemr]

I have been looking for something like this for literally months, thank you so much! Immediately subscribed

[@PullJosh]

After converting your project to JavaScript, edit the file index.js and change frameRate to 60 instead of 30. (The bigger the number, the faster your project will try to run!)

[@cdemr]

@@PullJosh Do I have to save it somewhere? No matter the framerate I put in there (index.js), it's always the same speed.

[@PullJosh]

Make sure that after you change the file you click File > Save

[@cdemr]

@@PullJosh Well it's definitely faster, but even a billion framerate is ridiculously slow compared to the Turbo Mode in Scratch. I think there's a problem here xD

[@PullJosh]

The other thing you can try is finding specific scripts in your sprites that you want to make faster and remove some of the lines that say yield;

[@Raphy99997]

dude love your vids, keep it up, muck love to you and the things you do.

[@OnceUponAScratchCat]

this is the most useful video ever! thank you so much!

[@elizavetakasnakova9693]

Wow that's a lot of hard work put into this project and the results are amazing!

[@lucasbyeon7932]

dude, i just discovered this channel, and you diserve WAYYYY more subs and views. Gud Job.

[@viktorijajumike9133]

Thank you for "translating" the code from scratch to javascript! It will be really useful!

[@eyallevin6302]

I HAVE BEEN WAITING FOR SOMETHING LIKE THIS! THANK YOU SO MUCH🤩🤩🤩

[@jtcothran]

Really nice work! My daughter started with and enjoys scratch and hoping I can transition her to javascript and other coding languages later so this will provide a nice path. Lot of other nice work on your website also - guessing you've used unity/blender if looking for more 3D programming environments/challenges. Daughter plays a good amount of animal jams, school of dragons and prodigy(math) so best in using successful kids roleplay/customization with edutainment type rewards in your projects/work.

[@newsaddiction9383]

Thank you brother, What you have done is coolest and I just have to say thanks to you :)

[@cluelesstekkie5043]

Very awesome! Thanks, Josh!

[@codeyoga]

Really cool - Thanks for making this

[@perrythecodingplatypus]

This is going to be a really big thing for scratch. I'll bet Scratch will be looking at this video.

[@PullJosh]

I hope so! I'm trying to find ways to get the word out :)

[@logaleague1687]

@@PullJosh How do you think they will react?

[@picklesgarage5436]

DREAMS JUST CAME TRUE!!!!!!!! Thank you so much!!

[@bates64]

Amazing project ❤

[@funut2541]

This is awesome!

[@zach0736]

OMG IS THAT FUNUT I HAVE BEEN A FAN FOR SO LONG

[@jac77home43]

it doesnt work for some of my projects :(

[@Impala101]

i have dreamed of this for so long :O

[@dagreenboi]

Scratch is not limited only the blocks are limited but the possibilities are infinite

[@danielsson8213]

WOOOW YOU IS THE BEST AAAAA😆

[@yeegordon8285]

are cloud var. still available for JS？ Also can you make some code blocks that are not possible in scratch to let us learn JS quicker? (Like a photo of a block that doesn’t exist in scratch and the code of it) Also is it possible to convert to C#, so I can use it in Unity?

[@PullJosh]

Great questions! Cloud variables are not available. I like your idea for translations of imaginary Scratch blocks. I'll definitely consider it. In the meantime, translations of real Scratch blocks are available on the website. C# is not currently an option. You'll probably want to build projects directly in Unity rather than converting from Scratch. Hopefully that helps! :)

[@SirNoobington_101]

this is very cool, but i have a question, how do you make it fullscreen insted of being a small box in the top left corner?

[@nitrous000]

Damn this is so sick! Now i can look like a good coder by making something in scratch and publishing it as my own website!

[@agalaxyofbricks1441]

For some reason when I go the website it's just a blank white page. Has anyone had this issue, and how do I fix it?

[@abbasmcdonald7536]

You can use turbowarp to fix laging problems, change stage resolution to monitor size instead of a box, make scratch games into exe's and fix a lot more problems scratch has.

[@serkona7616]

Its crazy how some of my projects don't work the way I want in js because js processes controls and all that stuff way faster lol

[@PullJosh]

Yeah, that's definitely true. Projects run a lot faster! :P

[@serkona7616]

@@PullJosh it's a good thing!

[@syedmajid3202]

Thanks for video, very helpful!

[@mileswaugh]

Wow, this is great! Will there be any support in the future for converting from the JS file back to a .sb3 for posting on Scratch? The reason this may be useful is because I think Scratch is still a good way to easily share, run, and edit projects, and creating projects in Leopard rather than Scratch may be easier to do for a number of reasons.

[@brooksybro]

that would be hard

[@benleahymchugh5778]

This is actually genius

[@movedaccount....5467]

for example if I use this code for other stuff like roblox studio would it work?

[@wovertonweirdos95]

This is the best youtuber

[@adamant8435]

Dang your voice is so smooth

[@dagreenboi]

Scratch projects can be published anywhere as long it supports html

[@justadude5160]

please help me it says this, my project has no extinctions: There was an error converting your project. Cannot read properties of undefined (reading '0') Leopard only supports new projects (created in Scratch 3.0). And the only supported extension is "pen"; all others will fail.

[@prodyumnapal5430]

I wanna know that where exactly to type the json code from the website to the package.json , after the existing code or in place of the existing code?

[@phoenixehc]

but how do you change the text of/remove the 'green flag' button

[@colearbogast3796]

This is completely amazing! I'm defiantly going to have check this out some more! Also, do you know if this would work on the scratch offline editor? No big deal if it doesn't, but just wondering. Really, really good job on this! :)

[@frankdoran4798]

R u the real one. If so I am gamer567thecreater on my dad's act!

[@colearbogast3796]

@@frankdoran4798 Nice to see you! Yes, this is carbogast! How have you been? I also see that you are still active and coding amazing projects! Great job buddy!

[@frankdoran4798]

@@colearbogast3796 thx! 😊 I forgive mzk about banning you but I asked him if he regeted it and he said he did and he would try to get you back. Yea now in days I just make animations and work on my fnaf game security breached. Everything is going great btw

[@colearbogast3796]

@@frankdoran4798 That's great! I am so glad to hear that mzk is doing better now, and I am also glad to hear that your doing great, and I will have to check some of your new projects out! Keep up the good work! :)

[@frankdoran4798]

@@colearbogast3796 thx😎

[@do-uc6xj]

You have to share the project to get the link right? Is there a way to upload it into leopard just with the code and not the link?

[@ketekym1365]

you can change background in scretch

[@yoyopo4111]

You are insane, in good way 💪

[@Alzter0]

Amazing work!

[@DuckGoose9254]

Great tutorial! However, when I tried doing this to one of my games, the project became very laggy and the layerings for the sprites where not layered right. Why is this happening?

[@Meow-Gobo]

hello i didnt see you there

[@robertb4382]

PullJosh, This is really amazing. How exactly were you able to "pull" this off? The Scratch content is saved as an encrypted file. Were you able to crack that encryption?

[@PullJosh]

If you download a .sb3 file, you can rename it to .zip. Normally just renaming files like that doesn’t work, but sb3 files are actually secretly zip files under the hood so it works no problem. ;) It’s quite fun! Try it with one of your projects and you’ll be able to see exactly how it’s represented internally. There are also APIs that you can use to grab project internals from the scratch website without downloading the .sb3 first, and that’s what I actually use for this

[@drbobtech3542]

@@PullJosh Nice! I had no idea. Unzipping it I was able to see the json file that has all the details. I work with json files alot so I can easily parse out the necessary data. Thanks so much for that tip! Just to clarify.. I am same person (Robert B) who asked the question above. I logged in with different computer with different account. Sorry for the confusion!

[@isaiahim9382]

hello, Josh. I'm trying to make a website for mobile so how can I change width and height of the screen?

[@sodasnonsense]

Hi, is there any way you can make the project full screen?

[@Trianull]

I'm very surprised to see one of the old "Bitmap Productions" members still on the web and developing things, it's unfortunate seeing people like JamesOuO and PastryTycoon remove themselves and their works from the internet. Now, about Leopard: I like how you chose to differentiate yourself from sites like Phosphorus and make it so you can edit the project in JavaScript, it'll be interesting to mess with when I get the chance. The name could've been even more on par with a "more powerful Scratch" if you called it "Maul," but that might be a little edgy. The translation of the current platformer I'm developing freezes up whenever I load a level. I'd like to know where to email you and/or your team the project or its ID in order to hopefully patch this out.

[@stio_studio]

It doesn't work on my bigger projects. Too, the delete clone is not working I think.

[@fabionarendraanugrah7674]

WOW THIS IS INCREDIBLE !!!!!!!!!!!!!!!!

[@awesomesauce0742]

this, will help, A LOT

[@jaylordcasin3955]

Thank you man!!

[@catarinalucca3258]

meu deus esse homem merece um troféu, obrigada!

[@bencurry3044]

cool, but can I convert a project from a file? and can I make a website for a project that is over 114 MB quickly (like, under one or two hours)? in case you're wondering, I am working on a scratch project that is larger than 114 MB and it's kind of hard to share it with people, since I can't share the project directly on the scratch website, I'm looking for alternatives. I have found that turbowarp does allow me to load a project from url, but in order for it to work, I need cors-anywhere, and I would like it if users didn't have to request access to the cors anywhere demo server every time they want to get to the project by url (I do include a download the project option). btw, the project I'm talking about is called "Super Mario Maker v.6 new features (it's a remix, and that's what it's called on scratch). I'm also ego-lay_atman-bay on scratch.

[@user-wc4bm5qi9k]

Can you download the project to publish in other website (gamejolt , itch.io)

[@GTNTAnimations]

Hey! I tried running this in the browser (locally) but the scratch project itself doesn't exist. The green flag button does but nothing else. I downloaded it directly as a .zip and loaded index.html but it still doesn't work

[@flockecogames]

Let me know if you figure this out. I tried the same thing with the same results.

[@GTNTAnimations]

@@flockecogames Never found a solution. Gave up on scratch and started learning unity

[@msmiley76]

For anyone in the future reading this: You'll need to set up a local HTTP server in the folder with your project. It's not as complicated as it sounds, I promise. Look up "how do you set up a local testing server".

[@ashtonpenland5378]

i literally deleted ALL of the code it allowed me to and still moves 10 steps when the green flag is clicked i even SAVED

[@ericgarcia6543]

How can i convert the java script into a program file to send to people

[@Frindow]

The link does not work anymore.

[@itsfellow17]

too bad there isn't support for all code blocks like the drag block

[@chromosundrift]

Fantastic work! This is perfect for converting from scratch to javascript. Does anyone know what is the best way to create a scratch project using javascirpt? Or python or any other language? I have looked at Tosh but the github repo seems to be quite outdated and broken now.

[@TomTom-tm1nj]

Can you cange the window sitze of the Programm?

[@starcandy123]

This is nice and all,but the website is dead. This would have been really useful to learn javascript.

[@Cequallium]

sadly it seems the website doesn't load.i really wanted to try it.

[@tonyxforce]

Thats awesome, but how can i download the converted project to use it offline or in my website?

[@BluestoryKamil]

You showed how to convert Scratch to Java BUT can you convert Java to Scratch?

[@null3081]

How are cloud variables handled?

[@PullJosh]

When your project is translated, cloud variables are converted to regular variables. (Fortunately, because it's JavaScript, you can use other, more powerful tools like socket.io to achieve the same effect!)

[@blanquettodeveau2493]

Omfg it can help me I've just got a question : Are block tranlations really javascript ? Like could I learn with your website javascript ?

[@tristanhartung9399]

thank you, this is a godsend!!!

[@HussainjrMalik]

When I put the as name and wait script and edit as JS it says null.. How do i fix this. Anybody can help?

[@axethannanth]

So, there are more normal scratch extensions, like text-to-speech and music, are you able to convert those things? If you can't, well, then can you check if those blocks are doing something to the code that might make it malfunction?

[@PullJosh]

It's certainly possible for us to make those extensions work, but it isn't a priority. We would have to manually create a translation for each extension block, and we think that right now it's more important to focus on the core Scratch blocks instead.

[@Platochidi]

Bro... amazing

[@r.i.ptechnoblade9407]

Can you help me make the base of a video game in scratch then put it in to js. And can you help me make it full screen

[@Steerable6827]

Did not work, just showed a blank page.

[@BluJacketGuy]

Did you learned how to turn your scratch project in to .exe file so you can publish it everywere

[@forevertoofr]

First ! Oh and face reveal ?

[@PullJosh]

Yeah :P

[@Jellyjam14blas]

Is Leopard compatible with Macs?

[@PullJosh]

Yeah! Everything is online, so you can use any device with a web browser. :)

[@duck4738]

OMG THIS IS SOO COOL THANK YOU SO MUCH!!!!!!!!!!!!!! :DDDDDDDDDDDDDD

[@bananagaming2546]

when I try to start the javascript app it says syntax error

[@atruemanofwisdom8684]

Thank you this is very helpful

[@-aid4084]

The thing is, scratch uses java as its lamgauge right?

[@estebanf1490]

this is good but i can translate from javascript to scrash?

[@user-nabil-nashaat]

Very interesting, thank you

[@janskacel2772]

but how do you download it as a file?

[@kobi...]

just in case your wondering, Moving from Scratch to JavaScript is easy because Scratch was Made using JavaScript. :)

[@ajayaplays]

This is so wholesome. How do you make these services for free? It's truly awesome what you do.

[@PullJosh]

It's pretty simple, really. I just make them and then don't change money! :P

[@ajayaplays]

PullJosh Thank you so much! I really appreciate what you do and I love your work :) Have a nice day!

[@Jpatton9]

Dude this so cool

[@PullJosh]

Thanks! I think you’re so cool :)

[@Jpatton9]

:)

[@ramkumar2u]

how to convert scratches block to text file ?

[@sergiociani1012]

Very very nice.

[@sunnypatel4273]

{"error":"Failed to convert project"} WAY???

[@pavankumarenugula5637]

suuuper work

[@bobbythespicyboi3617]

Yeah it won’t let me bring to netlify

[@oliverjones4630]

one problem got this when trying to upload it to netlify: An unknown error occurred when deploying your Netlify site Network Error

[@PullJosh]

Netlify has had some issues. Vercel has been much more consistent. There are instructions for deploying with Vercel on the Leopard website.

[@Adewayy]

This doesn't work to well with custom blocks

[@dinodinodinodinodinodinodino]

thank you so much!

[@bobzgames]

Can you add support for high clone counts?

[@athalamprou2957]

is there a site that does the opposite? like transforms your js code to scratch?

[@indwa972]

why would you want to do that lol