New website I'm working on
-
I’m working on a new block language from scratch (no pun intended) that’s like Scratch but isn’t. It does not use blockly at all or any of the Scratch source, other than scraped SVGs for the blocks. Right now, it is does not work very well, as:- blocks don’t snap
- the Drag & drop is buggy
- you can’t delete blocks
- Running the project doesn’t actually do anything as the blocks aren’t mapped to any code
Right now the website isn’t available to the public so you can’t try it yet.
So, I decided to make this because I was curious if I could recreate Scratch and make it better rather than forking it. Now I know why it’s easier to just fork Scratch like CC and TurboWarp did: because HTML5 drag and drop is so awful. I had to use a library for dragging and it still sucks. And I don’t even have a plan for making the blocks snap. But when I get the blocks snapping, hopefully it’ll get easier and then I just have to make a blocks catalog and some UI improvements.
@jeffreyrb03-gmail To anyone that wants to try this out, it’s in a perpetual beta (I update it whenever I want) over here: https://jeffreymaniac.github.io/JayBlockz/
#LLJW
<span style="color:white;background-image:linear-gradient(to right, lightblue, navy)">My name is Jeff</span> -
@jeffreyrb03-gmail To anyone that wants to try this out, it’s in a perpetual beta (I update it whenever I want) over here: https://jeffreymaniac.github.io/JayBlockz/
@jeffreyrb03-gmail
If you didn’t know already, you might find this page of some interest:
https://scratch.mit.edu/developers“Scratch Blocks
Scratch Blocks is a new development project for the next generation of graphical programming blocks, based on a collaboration between Google and MIT’s Scratch Team — building on Google’s Blockly technology and informed by the Scratch Team’s expertise in developing creative learning tools for young people. Scratch Blocks will provide a framework for building programming blocks in both vertical (text-based) and horizontal (icon-based) formats. You can access the code (currently as a developer-preview) and documentation here…(https://github.com/scratchfoundation/scratch-blocks)…” lot more info on websites. -
@jeffreyrb03-gmail
If you didn’t know already, you might find this page of some interest:
https://scratch.mit.edu/developers“Scratch Blocks
Scratch Blocks is a new development project for the next generation of graphical programming blocks, based on a collaboration between Google and MIT’s Scratch Team — building on Google’s Blockly technology and informed by the Scratch Team’s expertise in developing creative learning tools for young people. Scratch Blocks will provide a framework for building programming blocks in both vertical (text-based) and horizontal (icon-based) formats. You can access the code (currently as a developer-preview) and documentation here…(https://github.com/scratchfoundation/scratch-blocks)…” lot more info on websites.@mod-squadacademy Thank you, I actually saw that already, but I just want to recreate Scratch and make it better. I 'll also give my other reasons for not wanting to fork Scratch or Blockly:
- GitHub is blocked by my school so I can’t build off of anything unless I use my phone which is a major pain in the butt (and I have no other computer to use atm)
- Alot of code requires something like build tools or React which is really annoying. Basically stuff that requires a web server and/or NodeJS, which is I guess “makes your life easier”? It also costs money and if you don’t pay then you have to deal with restrictions on a free platform (which I don’t mind for ones like Glitch but having your project go to sleep in annoying as well). A lot of stuff can usually just be client side and doesn’t even need an entire thing for devs to make client stuff using backend stuff rather than client stuff.
- All this stuff feels like bloatware and/or just not what I’m used to. I can read some normal (and formatted) code, but this is all minified and uses like a million JS prototypes and whatnot. Here’s literally google.com 's source:
Whatever they’re trying to achieve, I could probably do in 10-20 lines. I see no reason at all why they gotta useprototypes andclasses and all this fancy JS stuff. This is literally just the front page of their search engine. They just need to implement a few things.
Blockly’s source (like from its CDN) is like that, and with that, it’s not very usable/editable for me.
-
@jeffreyrb03-gmail I get this, if you haven’t (I think you probably have) you can either open that in a web browser side bar, then control a and control c the entire script since the web browser adds indentation to it in the script preview, or you can use something like npx prettier to make it readable (readable as in with new line characters and spaces), though I don’t know if your school has stuff like visual studio code blocked.
Google probably has their source page like that to format the search urls to have tracking stuff (or if google doesnt shove it in the url, probably session storage or just sends it straight to the server, or probably both of the latter ones)
Also what you can do for server testing (though ig you said you didnt want to use a server but just something to note if you ever want to switch to a server system) is use ngrok to expose your ports, ngrok is a free reverse proxy for development testing, and it’s limits are quite generous (doing some math says its monthly limits, if it was used constantly, are about 1 TCP connection, 1 TLS connection, and 4 http requests every 10 minutes or so, if used every 10 minutes for a month to do one of those, which is very generous for development purposes)
<div component="post/signature" data-uid="255" class="post-signature">Check out my chat room project so you ppl can not use forums as chat rooms! https://play.creaticode.com/projects/66f2e1dcd1be43d82b886fbd?version=1 <p dir="auto">
</div> -
@jeffreyrb03-gmail I get this, if you haven’t (I think you probably have) you can either open that in a web browser side bar, then control a and control c the entire script since the web browser adds indentation to it in the script preview, or you can use something like npx prettier to make it readable (readable as in with new line characters and spaces), though I don’t know if your school has stuff like visual studio code blocked.
Google probably has their source page like that to format the search urls to have tracking stuff (or if google doesnt shove it in the url, probably session storage or just sends it straight to the server, or probably both of the latter ones)
Also what you can do for server testing (though ig you said you didnt want to use a server but just something to note if you ever want to switch to a server system) is use ngrok to expose your ports, ngrok is a free reverse proxy for development testing, and it’s limits are quite generous (doing some math says its monthly limits, if it was used constantly, are about 1 TCP connection, 1 TLS connection, and 4 http requests every 10 minutes or so, if used every 10 minutes for a month to do one of those, which is very generous for development purposes)
@tyller_ Inspect is blocked on my chromebook for school and I don’t have any other devices for coding unfortunately. And formatting still wouldn’t make the code prettier because its obfuscated so it is made unreadable on purpose. Not that I need to use google.com’s code, but I just meant that either way it’d (Blockly) be unusuable for me given my current circumstances.
#LLJW
<span style="color:white;background-image:linear-gradient(to right, lightblue, navy)">My name is Jeff</span> -
@tyller_ Inspect is blocked on my chromebook for school and I don’t have any other devices for coding unfortunately. And formatting still wouldn’t make the code prettier because its obfuscated so it is made unreadable on purpose. Not that I need to use google.com’s code, but I just meant that either way it’d (Blockly) be unusuable for me given my current circumstances.
@jeffreyrb03-gmail I dont think it’s obfusc ated to make it unreadable intentionally, minifiers willl screw up vairable names but their still functional, if you do have visual studio code (or you can use vscode.dev, which I doubt your school will have blocked as mine doesnt) you can use the rename symbol function to go through and deobfusc ate, since it detects the scope (The reason to use it instead of renaming in symbols on your own is because compilers/builders will use same variable names for minified names often, but this preserveas scope), and Ik you dont have to read that code, but its a good trick to know (I only know it cus a small game I found that’s an electron app has a good small modding community, and the mod loader has a patch system for the bundle, so I had to learn how to read/make bundles more understandable)
PS: I have had to add a space in the middle of the second half of obfusc ate because it triggers the filter
<div component="post/signature" data-uid="255" class="post-signature">Check out my chat room project so you ppl can not use forums as chat rooms! https://play.creaticode.com/projects/66f2e1dcd1be43d82b886fbd?version=1 <p dir="auto">
</div> -
@jeffreyrb03-gmail I dont think it’s obfusc ated to make it unreadable intentionally, minifiers willl screw up vairable names but their still functional, if you do have visual studio code (or you can use vscode.dev, which I doubt your school will have blocked as mine doesnt) you can use the rename symbol function to go through and deobfusc ate, since it detects the scope (The reason to use it instead of renaming in symbols on your own is because compilers/builders will use same variable names for minified names often, but this preserveas scope), and Ik you dont have to read that code, but its a good trick to know (I only know it cus a small game I found that’s an electron app has a good small modding community, and the mod loader has a patch system for the bundle, so I had to learn how to read/make bundles more understandable)
PS: I have had to add a space in the middle of the second half of obfusc ate because it triggers the filter
@tyller_ Really? How odd.
-
@jeffreyrb03-gmail I dont think it’s obfusc ated to make it unreadable intentionally, minifiers willl screw up vairable names but their still functional, if you do have visual studio code (or you can use vscode.dev, which I doubt your school will have blocked as mine doesnt) you can use the rename symbol function to go through and deobfusc ate, since it detects the scope (The reason to use it instead of renaming in symbols on your own is because compilers/builders will use same variable names for minified names often, but this preserveas scope), and Ik you dont have to read that code, but its a good trick to know (I only know it cus a small game I found that’s an electron app has a good small modding community, and the mod loader has a patch system for the bundle, so I had to learn how to read/make bundles more understandable)
PS: I have had to add a space in the middle of the second half of obfusc ate because it triggers the filter
@tyller_ oh yeah sometimes putting an invisible HTML element in the middle of a word helps. That site actually isnt blocked and I’ll keep it in mind for file stuff, thank you!
-
I’m working on a new block language from scratch (no pun intended) that’s like Scratch but isn’t. It does not use blockly at all or any of the Scratch source, other than scraped SVGs for the blocks. Right now, it is does not work very well, as:- blocks don’t snap
- the Drag & drop is buggy
- you can’t delete blocks
- Running the project doesn’t actually do anything as the blocks aren’t mapped to any code
Right now the website isn’t available to the public so you can’t try it yet.
So, I decided to make this because I was curious if I could recreate Scratch and make it better rather than forking it. Now I know why it’s easier to just fork Scratch like CC and TurboWarp did: because HTML5 drag and drop is so awful. I had to use a library for dragging and it still sucks. And I don’t even have a plan for making the blocks snap. But when I get the blocks snapping, hopefully it’ll get easier and then I just have to make a blocks catalog and some UI improvements.
@jeffreyrb03-gmail said in New website I'm working on:
I’m working on a new block language from scratch (no pun intended) that’s like Scratch but isn’t. It does not use blockly at all or any of the Scratch source, other than scraped SVGs for the blocks. Right now, it is does not work very well, as:- blocks don’t snap
- the Drag & drop is buggy
- you can’t delete blocks
- Running the project doesn’t actually do anything as the blocks aren’t mapped to any code
Right now the website isn’t available to the public so you can’t try it yet.
So, I decided to make this because I was curious if I could recreate Scratch and make it better rather than forking it. Now I know why it’s easier to just fork Scratch like CC and TurboWarp did: because HTML5 drag and drop is so awful. I had to use a library for dragging and it still sucks. And I don’t even have a plan for making the blocks snap. But when I get the blocks snapping, hopefully it’ll get easier and then I just have to make a blocks catalog and some UI improvements.
where can I play it/use it
[■■■■■■■■■□] 90% now playing: at ease by ebaycarson
-
@jeffreyrb03-gmail said in New website I'm working on:
I’m working on a new block language from scratch (no pun intended) that’s like Scratch but isn’t. It does not use blockly at all or any of the Scratch source, other than scraped SVGs for the blocks. Right now, it is does not work very well, as:- blocks don’t snap
- the Drag & drop is buggy
- you can’t delete blocks
- Running the project doesn’t actually do anything as the blocks aren’t mapped to any code
Right now the website isn’t available to the public so you can’t try it yet.
So, I decided to make this because I was curious if I could recreate Scratch and make it better rather than forking it. Now I know why it’s easier to just fork Scratch like CC and TurboWarp did: because HTML5 drag and drop is so awful. I had to use a library for dragging and it still sucks. And I don’t even have a plan for making the blocks snap. But when I get the blocks snapping, hopefully it’ll get easier and then I just have to make a blocks catalog and some UI improvements.
where can I play it/use it
@dreamsmp_luck btw theres a game called mycopsycosys i think you would like to watch somebody play it lol
JUMPSCARE! ;3
-
@dreamsmp_luck btw theres a game called mycopsycosys i think you would like to watch somebody play it lol
@sayori-is-best-girl i mean mycopsychosys IDK MAN
-
@dreamsmp_luck btw theres a game called mycopsycosys i think you would like to watch somebody play it lol
@sayori-is-best-girl okay, what’s it about
[■■■■■■■■■□] 90% now playing: at ease by ebaycarson
-
@sayori-is-best-girl okay, what’s it about
@dreamsmp_luck it’s like about a spore infection, the starting scene is kindof like analog horror
JUMPSCARE! ;3
-
@dreamsmp_luck it’s like about a spore infection, the starting scene is kindof like analog horror
@sayori-is-best-girl and like if you get the spore infection you lose, it is also made in renpy
JUMPSCARE! ;3
-
@sayori-is-best-girl and like if you get the spore infection you lose, it is also made in renpy
@sayori-is-best-girl ooo cool
-
@tyller_ oh yeah sometimes putting an invisible HTML element in the middle of a word helps. That site actually isnt blocked and I’ll keep it in mind for file stuff, thank you!
@jeffreyrb03-gmail alright, also if you need to understand some minified code (though ig theres no way more so I can help you more than you could understand yourself) I can possibly help, again not sure how exactly to help with minified code but I can try! Only mentioning this cus I’ve been modding an electron game that is indeed minified to quite a bit of success
<div component="post/signature" data-uid="255" class="post-signature">Check out my chat room project so you ppl can not use forums as chat rooms! https://play.creaticode.com/projects/66f2e1dcd1be43d82b886fbd?version=1 <p dir="auto">
</div> -
@jeffreyrb03-gmail alright, also if you need to understand some minified code (though ig theres no way more so I can help you more than you could understand yourself) I can possibly help, again not sure how exactly to help with minified code but I can try! Only mentioning this cus I’ve been modding an electron game that is indeed minified to quite a bit of success
@tyller_ Oh ok thx, I’ll ask for help when I need I suppose, im not working with minified stuff anymore
-
@mod-squadacademy Thank you, I actually saw that already, but I just want to recreate Scratch and make it better. I 'll also give my other reasons for not wanting to fork Scratch or Blockly:
- GitHub is blocked by my school so I can’t build off of anything unless I use my phone which is a major pain in the butt (and I have no other computer to use atm)
- Alot of code requires something like build tools or React which is really annoying. Basically stuff that requires a web server and/or NodeJS, which is I guess “makes your life easier”? It also costs money and if you don’t pay then you have to deal with restrictions on a free platform (which I don’t mind for ones like Glitch but having your project go to sleep in annoying as well). A lot of stuff can usually just be client side and doesn’t even need an entire thing for devs to make client stuff using backend stuff rather than client stuff.
- All this stuff feels like bloatware and/or just not what I’m used to. I can read some normal (and formatted) code, but this is all minified and uses like a million JS prototypes and whatnot. Here’s literally google.com 's source:
Whatever they’re trying to achieve, I could probably do in 10-20 lines. I see no reason at all why they gotta useprototypes andclasses and all this fancy JS stuff. This is literally just the front page of their search engine. They just need to implement a few things.
Blockly’s source (like from its CDN) is like that, and with that, it’s not very usable/editable for me.
@jeffreyrb03-gmail what is the website called?
-
@jeffreyrb03-gmail what is the website called?
@dido_the_dino JayBlockz, scroll up if you want the link, it sucks tho and I havent worked on it for a while
#LLJW
<span style="color:white;background-image:linear-gradient(to right, lightblue, navy)">My name is Jeff</span> -
@dido_the_dino JayBlockz, scroll up if you want the link, it sucks tho and I havent worked on it for a while
@jeffreyrb03-gmail I cant find the link
Hello! It looks like you're interested in this conversation, but you don't have an account yet.
Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.
With your input, this post could be even better 💗
Register Login