Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • CreatiCode
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Brand Logo

CreatiCode Scratch Forum

  1. CreatiCode Forum
  2. General Discussion
  3. New website I'm working on

New website I'm working on

Scheduled Pinned Locked Moved General Discussion
41 Posts 10 Posters 7.6k Views 5 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • JaecadeJnightJ JaecadeJnight

    dad7b275-3cb2-4ad3-b4a4-bd5a853ac5cd-image.png
    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.

    TheNicknameGovT Offline
    TheNicknameGovT Offline
    TheNicknameGov
    trusted helpers
    wrote on last edited by
    #3

    @jeffreyrb03-gmail what is it called, and what coding language does it use?

    Please help all my projects are 3000+ blocks

    Tyller_T JaecadeJnightJ 2 Replies Last reply
    0
    • TheNicknameGovT TheNicknameGov

      @jeffreyrb03-gmail what is it called, and what coding language does it use?

      Tyller_T Offline
      Tyller_T Offline
      Tyller_
      trusted helpers
      wrote on last edited by
      #4

      @the_true_odst all websites have to use javascript, I dont know how much you have to use html stuff for drag and drop so I can’t answer that, but for main functionality it has to be js

      <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>

      TheNicknameGovT 1 Reply Last reply
      1
      • Tyller_T Tyller_

        @the_true_odst all websites have to use javascript, I dont know how much you have to use html stuff for drag and drop so I can’t answer that, but for main functionality it has to be js

        TheNicknameGovT Offline
        TheNicknameGovT Offline
        TheNicknameGov
        trusted helpers
        wrote on last edited by
        #5

        @tyller_ no I meant like what coding language are you setting up for people (like the blocks)

        Please help all my projects are 3000+ blocks

        1 Reply Last reply
        0
        • silvloveS Offline
          silvloveS Offline
          silvlove
          Mod Helper
          wrote on last edited by
          #6
          when game starsssssssssssssssts
                 forever
                 move (20) steps
          end
          

          my favorite line of code

          Forums Moderator.
          Trans girl :3 ~ 14yo
          Friendly and sometimes goofy~!

          JaecadeJnightJ 1 Reply Last reply
          2
          • TheNicknameGovT TheNicknameGov

            @jeffreyrb03-gmail what is it called, and what coding language does it use?

            JaecadeJnightJ Offline
            JaecadeJnightJ Offline
            JaecadeJnight
            Mod Helper
            wrote on last edited by
            #7

            @the_true_odst It’s made in JavaScript, but the block language im making is called JayBlockz

            #LLJW
            <span style="color:white;background-image:linear-gradient(to right, lightblue, navy)">My name is Jeff</span>

            TheNicknameGovT 1 Reply Last reply
            0
            • JaecadeJnightJ JaecadeJnight

              @the_true_odst It’s made in JavaScript, but the block language im making is called JayBlockz

              TheNicknameGovT Offline
              TheNicknameGovT Offline
              TheNicknameGov
              trusted helpers
              wrote on last edited by TAO
              #8

              @jeffreyrb03-gmail it could be cool if you made an option where you can choose what coding language is used in the blocks (e.g. js and c# since those are 2 I wanna learn but ig you would have to learn both of those languages before you do implement them in there)

              Please help all my projects are 3000+ blocks

              JaecadeJnightJ 1 Reply Last reply
              1
              • TheNicknameGovT TheNicknameGov

                @jeffreyrb03-gmail it could be cool if you made an option where you can choose what coding language is used in the blocks (e.g. js and c# since those are 2 I wanna learn but ig you would have to learn both of those languages before you do implement them in there)

                JaecadeJnightJ Offline
                JaecadeJnightJ Offline
                JaecadeJnight
                Mod Helper
                wrote on last edited by
                #9

                @the_true_odst Do you mean like how code.org lets you generate an equivalent of your current program but written in another language?
                like ?

                If so, that’s a cool feature, but not very do-able or realistic at the moment. I don’t think the features I plan to implement have an equivalent in every language, but they certainly would need libraries or whatever specific to that language. For example, I have blocks like alert() which are pretty browser specific, since alert() is the browser alert popup dialog, which doesn’t have an equivalent in other languages (not even NodeJS, as it doesn’t run in a browser). I think that would be a good feature though and I could just say that the code generated is syntactically correct (has right syntax) but may use functions that don’t exist or require libraries.

                I could do that later but I got bigger fish to fry with trying to make this work lol

                #LLJW
                <span style="color:white;background-image:linear-gradient(to right, lightblue, navy)">My name is Jeff</span>

                Mod. Squad TrainerM 1 Reply Last reply
                0
                • JaecadeJnightJ JaecadeJnight

                  @the_true_odst Do you mean like how code.org lets you generate an equivalent of your current program but written in another language?
                  like ?

                  If so, that’s a cool feature, but not very do-able or realistic at the moment. I don’t think the features I plan to implement have an equivalent in every language, but they certainly would need libraries or whatever specific to that language. For example, I have blocks like alert() which are pretty browser specific, since alert() is the browser alert popup dialog, which doesn’t have an equivalent in other languages (not even NodeJS, as it doesn’t run in a browser). I think that would be a good feature though and I could just say that the code generated is syntactically correct (has right syntax) but may use functions that don’t exist or require libraries.

                  I could do that later but I got bigger fish to fry with trying to make this work lol

                  Mod. Squad TrainerM Offline
                  Mod. Squad TrainerM Offline
                  Mod. Squad Trainer
                  wrote on last edited by
                  #10

                  @jeffreyrb03-gmail By the way, are you on Scratch? Due to a problem with our Scratch forum signature (which we’d thought we’d fixed), we’ve been blocked on Scratch. We’re trying to appeal that. Just wondering if you could find our studio and let people know?

                  JaecadeJnightJ 1 Reply Last reply
                  1
                  • Mod. Squad TrainerM Mod. Squad Trainer

                    @jeffreyrb03-gmail By the way, are you on Scratch? Due to a problem with our Scratch forum signature (which we’d thought we’d fixed), we’ve been blocked on Scratch. We’re trying to appeal that. Just wondering if you could find our studio and let people know?

                    JaecadeJnightJ Offline
                    JaecadeJnightJ Offline
                    JaecadeJnight
                    Mod Helper
                    wrote on last edited by
                    #11

                    @mod-squadacademy I don’t know if I’d be trustworthy to your fans/studio members, they might not believe me if I tell them whatever news you want me to tell them. I am on Scratch, but I also might not have the best reputation, since I said weird things on there when I was 11 (kinda embarrassing and I doubt it’d matter to anybody now).

                    If you still want me to, just give me the studio link and I’ll make a comment on the studio. I’m Jeffrey_the_much on there. It might also help my credibility if you post some blog article on your website that says you were blocked for me to link to so people don’t think I’m lying.

                    And if you don’t mind me asking, what happened with the forum signature? Did it contain some inappropriate outside link? Was it hacked?

                    #LLJW
                    <span style="color:white;background-image:linear-gradient(to right, lightblue, navy)">My name is Jeff</span>

                    Mod. Squad TrainerM 1 Reply Last reply
                    0
                    • silvloveS silvlove
                      when game starsssssssssssssssts
                             forever
                             move (20) steps
                      end
                      

                      my favorite line of code

                      JaecadeJnightJ Offline
                      JaecadeJnightJ Offline
                      JaecadeJnight
                      Mod Helper
                      wrote on last edited by jeffreyrb03-gmail
                      #12

                      @c gosh, C blocks for the forever and if/else are gonna be the biggest pain in the a**. I would have to use like a sortable.js nested nested nested list or some other ungodly and undeserved mistreatment of HTML. I’d be commiting hypertext markup abuse and some nerd would call the web development police on me.

                      Seriously though, I would have to deal with some horrors if I do C blocks then have to allow for C blocks inside C blocks. Idk how the OG Scratch authors did this (or at least without pulling their hair out):

                      I would definitely have to make it stretch and I can’t even make a stupid input box stretch, so yeah wish me luck I’m just taking a hiatus on this project and coding something else.

                      #LLJW
                      <span style="color:white;background-image:linear-gradient(to right, lightblue, navy)">My name is Jeff</span>

                      1 Reply Last reply
                      0
                      • JaecadeJnightJ JaecadeJnight

                        @mod-squadacademy I don’t know if I’d be trustworthy to your fans/studio members, they might not believe me if I tell them whatever news you want me to tell them. I am on Scratch, but I also might not have the best reputation, since I said weird things on there when I was 11 (kinda embarrassing and I doubt it’d matter to anybody now).

                        If you still want me to, just give me the studio link and I’ll make a comment on the studio. I’m Jeffrey_the_much on there. It might also help my credibility if you post some blog article on your website that says you were blocked for me to link to so people don’t think I’m lying.

                        And if you don’t mind me asking, what happened with the forum signature? Did it contain some inappropriate outside link? Was it hacked?

                        Mod. Squad TrainerM Offline
                        Mod. Squad TrainerM Offline
                        Mod. Squad Trainer
                        wrote on last edited by
                        #13

                        @jeffreyrb03-gmail I don’t think it was hacked. I’d recently edited part of it to say “Enquire now about our courses” from “Enquire now for 2025”. I was then told the signature violated community guidelines, and I’d guessed it was because it had links to where we could be found on YouTube and Facebook, so I then removed those links.
                        The most recent Scratch Team message says “Your Scratch account has been permanently blocked for abusing the Teacher Account feature. Teaching Accounts are for adult educators using Scratch with students. It’s important to be honest when interacting with others on Scratch.” I didn’t believe I had done this. We’ve contacted the Scratch team, and are looking for a way to resolve the issue.
                        The studio is called Propose an Asset to the Mod. Squad Asset Library!
                        As for evidence, click on the button to Scratch on our homepage.

                        JaecadeJnightJ 1 Reply Last reply
                        1
                        • Mod. Squad TrainerM Mod. Squad Trainer

                          @jeffreyrb03-gmail I don’t think it was hacked. I’d recently edited part of it to say “Enquire now about our courses” from “Enquire now for 2025”. I was then told the signature violated community guidelines, and I’d guessed it was because it had links to where we could be found on YouTube and Facebook, so I then removed those links.
                          The most recent Scratch Team message says “Your Scratch account has been permanently blocked for abusing the Teacher Account feature. Teaching Accounts are for adult educators using Scratch with students. It’s important to be honest when interacting with others on Scratch.” I didn’t believe I had done this. We’ve contacted the Scratch team, and are looking for a way to resolve the issue.
                          The studio is called Propose an Asset to the Mod. Squad Asset Library!
                          As for evidence, click on the button to Scratch on our homepage.

                          JaecadeJnightJ Offline
                          JaecadeJnightJ Offline
                          JaecadeJnight
                          Mod Helper
                          wrote on last edited by
                          #14

                          @mod-squadacademy That sucks

                          #LLJW
                          <span style="color:white;background-image:linear-gradient(to right, lightblue, navy)">My name is Jeff</span>

                          Mod. Squad TrainerM 1 Reply Last reply
                          0
                          • JaecadeJnightJ JaecadeJnight

                            @mod-squadacademy That sucks

                            Mod. Squad TrainerM Offline
                            Mod. Squad TrainerM Offline
                            Mod. Squad Trainer
                            wrote on last edited by
                            #15

                            @jeffreyrb03-gmail We still haven’t heard back from Scratch. (We’re in a completely different timezone to them, but it’s still been a few days.) Just wondering if anyone knows whether if your teaching account is blocked, whether that prevents you from creating a new teaching account.

                            1 Reply Last reply
                            1
                            • JaecadeJnightJ JaecadeJnight

                              dad7b275-3cb2-4ad3-b4a4-bd5a853ac5cd-image.png
                              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.

                              JaecadeJnightJ Offline
                              JaecadeJnightJ Offline
                              JaecadeJnight
                              Mod Helper
                              wrote on last edited by
                              #16

                              @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>

                              Mod. Squad TrainerM silvloveS 2 Replies Last reply
                              0
                              • JaecadeJnightJ JaecadeJnight

                                @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/

                                Mod. Squad TrainerM Offline
                                Mod. Squad TrainerM Offline
                                Mod. Squad Trainer
                                wrote on last edited by
                                #17

                                @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.

                                JaecadeJnightJ 1 Reply Last reply
                                0
                                • Mod. Squad TrainerM Mod. Squad Trainer

                                  @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.

                                  JaecadeJnightJ Offline
                                  JaecadeJnightJ Offline
                                  JaecadeJnight
                                  Mod Helper
                                  wrote on last edited by
                                  #18

                                  @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:
                                    ee26bf90-95ee-48fc-be23-4f8282a83a1c-image.png
                                    Whatever they’re trying to achieve, I could probably do in 10-20 lines. I see no reason at all why they gotta use prototypes and classes 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.

                                  #LLJW
                                  <span style="color:white;background-image:linear-gradient(to right, lightblue, navy)">My name is Jeff</span>

                                  NOT AN ACTIVE ACCOUNT!!!D 1 Reply Last reply
                                  0
                                  • Tyller_T Offline
                                    Tyller_T Offline
                                    Tyller_
                                    trusted helpers
                                    wrote on last edited by
                                    #19

                                    @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>

                                    JaecadeJnightJ 1 Reply Last reply
                                    1
                                    • Tyller_T Tyller_

                                      @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)

                                      JaecadeJnightJ Offline
                                      JaecadeJnightJ Offline
                                      JaecadeJnight
                                      Mod Helper
                                      wrote on last edited by
                                      #20

                                      @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_T 1 Reply Last reply
                                      0
                                      • JaecadeJnightJ JaecadeJnight

                                        @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.

                                        Tyller_T Offline
                                        Tyller_T Offline
                                        Tyller_
                                        trusted helpers
                                        wrote on last edited by
                                        #21

                                        @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>

                                        Mod. Squad TrainerM JaecadeJnightJ 2 Replies Last reply
                                        1
                                        • Tyller_T Tyller_

                                          @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

                                          Mod. Squad TrainerM Offline
                                          Mod. Squad TrainerM Offline
                                          Mod. Squad Trainer
                                          wrote on last edited by
                                          #22

                                          @tyller_ Really? How odd.

                                          1 Reply Last reply
                                          2

                                          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
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Categories
                                          • Recent
                                          • Tags
                                          • Popular
                                          • Users
                                          • Groups
                                          • CreatiCode