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. Feedback
  3. make it so you can drag and drop images into backdrop/sprite editor

make it so you can drag and drop images into backdrop/sprite editor

Scheduled Pinned Locked Moved Feedback
editorimages
13 Posts 3 Posters 3.1k Views 2 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 Offline
    JaecadeJnightJ Offline
    JaecadeJnight
    Mod Helper
    wrote on last edited by jeffreyrb03-gmail
    #1

    Right now although it is easier that you can put images saved to your clipboard to upload as a costume, it would also be good for accessibility and convenience if you could drag and drop images you have anywhere else into the Scratch editor where backdrops, sprite costumes, or sprites reside, and it would understand it and add it in.
    This is a good example of what I mean:


    I also wish that you could upload and use .webp images in the CreatiCode editor, since that's pretty common image format you see on the internet (thanks to Google), and it's a bit of a hassle to have to convert it to .png everytime I find a good one to use. Maybe you guys could get away with just converting it automatically (ex:webp -> png) and not having to actually support it?
    Is it also possible to allow for alternatively using the default HTML5/browser color picker when selecting color in the costume editor? I mean like `<input type="color"/>` =>

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

    CreatiCodeI silvloveS 2 Replies Last reply
    0
    • JaecadeJnightJ JaecadeJnight

      Right now although it is easier that you can put images saved to your clipboard to upload as a costume, it would also be good for accessibility and convenience if you could drag and drop images you have anywhere else into the Scratch editor where backdrops, sprite costumes, or sprites reside, and it would understand it and add it in.
      This is a good example of what I mean:


      I also wish that you could upload and use .webp images in the CreatiCode editor, since that's pretty common image format you see on the internet (thanks to Google), and it's a bit of a hassle to have to convert it to .png everytime I find a good one to use. Maybe you guys could get away with just converting it automatically (ex:webp -> png) and not having to actually support it?
      Is it also possible to allow for alternatively using the default HTML5/browser color picker when selecting color in the costume editor? I mean like `<input type="color"/>` =>
      CreatiCodeI Offline
      CreatiCodeI Offline
      CreatiCode
      wrote on last edited by
      #2

      @jeffreyrb03-gmail

      Thank you. We can add these to our to-do list.

      For the color picker, it would be confusing to have 2 color pickers, right? The existing color picker matches well with how color is presented in Scratch. Any reason you don’t want to use it?

      silvloveS JaecadeJnightJ 2 Replies Last reply
      1
      • JaecadeJnightJ JaecadeJnight

        Right now although it is easier that you can put images saved to your clipboard to upload as a costume, it would also be good for accessibility and convenience if you could drag and drop images you have anywhere else into the Scratch editor where backdrops, sprite costumes, or sprites reside, and it would understand it and add it in.
        This is a good example of what I mean:


        I also wish that you could upload and use .webp images in the CreatiCode editor, since that's pretty common image format you see on the internet (thanks to Google), and it's a bit of a hassle to have to convert it to .png everytime I find a good one to use. Maybe you guys could get away with just converting it automatically (ex:webp -> png) and not having to actually support it?
        Is it also possible to allow for alternatively using the default HTML5/browser color picker when selecting color in the costume editor? I mean like `<input type="color"/>` =>
        silvloveS Offline
        silvloveS Offline
        silvlove
        Mod Helper
        wrote on last edited by
        #3

        @jeffreyrb03-gmail
        how did you setup a color picker with html XD

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

        JaecadeJnightJ 1 Reply Last reply
        1
        • CreatiCodeI CreatiCode

          @jeffreyrb03-gmail

          Thank you. We can add these to our to-do list.

          For the color picker, it would be confusing to have 2 color pickers, right? The existing color picker matches well with how color is presented in Scratch. Any reason you don’t want to use it?

          silvloveS Offline
          silvloveS Offline
          silvlove
          Mod Helper
          wrote on last edited by silvlove
          #4

          @info-creaticode
          It’s buggy. Sometimes it won’t even register the color you chose, and will go off and not render the costume that’s there. I would show you but again, my school blocked this site, and my phone is not a mouse cursor.


          Wait I think I can in vr... cant replicate.

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

          CreatiCodeI 1 Reply Last reply
          1
          • silvloveS silvlove

            @info-creaticode
            It’s buggy. Sometimes it won’t even register the color you chose, and will go off and not render the costume that’s there. I would show you but again, my school blocked this site, and my phone is not a mouse cursor.


            Wait I think I can in vr... cant replicate.
            CreatiCodeI Offline
            CreatiCodeI Offline
            CreatiCode
            wrote on last edited by
            #5

            @catty

            We will need more info on exactly what is the bug, and we can fix it.

            1 Reply Last reply
            1
            • CreatiCodeI CreatiCode

              @jeffreyrb03-gmail

              Thank you. We can add these to our to-do list.

              For the color picker, it would be confusing to have 2 color pickers, right? The existing color picker matches well with how color is presented in Scratch. Any reason you don’t want to use it?

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

              @info-creaticode Users would prefer the browser default as it allows for using hex codes and RGB easier because in Scratch, seeing a color from somewhere and then wanting to put it in your project is hard, since it uses a different color system with color, saturation, brightness, and doesn’t easily allow that conversion and makes you do it yourself. I still think the original should be kept but browser html5 one should be alternative as well offered I meant earlier

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

              CreatiCodeI 1 Reply Last reply
              0
              • silvloveS silvlove

                @jeffreyrb03-gmail
                how did you setup a color picker with html XD

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

                @catty an input tag with type=“color”

                #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

                  @info-creaticode Users would prefer the browser default as it allows for using hex codes and RGB easier because in Scratch, seeing a color from somewhere and then wanting to put it in your project is hard, since it uses a different color system with color, saturation, brightness, and doesn’t easily allow that conversion and makes you do it yourself. I still think the original should be kept but browser html5 one should be alternative as well offered I meant earlier

                  CreatiCodeI Offline
                  CreatiCodeI Offline
                  CreatiCode
                  wrote on last edited by
                  #8

                  @jeffreyrb03-gmail

                  You can paste the image as a costume, then use the color sampler tool at the bottom right to get its exact color values right?

                  5aa5d02c-9926-4164-82db-a37129802245-image.png

                  silvloveS JaecadeJnightJ 2 Replies Last reply
                  0
                  • CreatiCodeI CreatiCode

                    @jeffreyrb03-gmail

                    You can paste the image as a costume, then use the color sampler tool at the bottom right to get its exact color values right?

                    5aa5d02c-9926-4164-82db-a37129802245-image.png

                    silvloveS Offline
                    silvloveS Offline
                    silvlove
                    Mod Helper
                    wrote on last edited by
                    #9

                    @info-creaticode
                    Yeah but that takes more time than just grabbing the hex code.

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

                    1 Reply Last reply
                    1
                    • CreatiCodeI CreatiCode

                      @jeffreyrb03-gmail

                      You can paste the image as a costume, then use the color sampler tool at the bottom right to get its exact color values right?

                      5aa5d02c-9926-4164-82db-a37129802245-image.png

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

                      @info-creaticode image pasting doesnt always work for me, in fact I don’t think the clipboard costume paste ever really worked when I tried it on my chromebook. Also what Catty said too, since it’s just for accessibilty and personal preference

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

                      CreatiCodeI 1 Reply Last reply
                      0
                      • JaecadeJnightJ JaecadeJnight

                        @info-creaticode image pasting doesnt always work for me, in fact I don’t think the clipboard costume paste ever really worked when I tried it on my chromebook. Also what Catty said too, since it’s just for accessibilty and personal preference

                        CreatiCodeI Offline
                        CreatiCodeI Offline
                        CreatiCode
                        wrote on last edited by
                        #11

                        @jeffreyrb03-gmail

                        So let’s discuss the exact UX design. Suppose we add another color picker doprdown, you want to be able to type in a hex code for a color directly?

                        JaecadeJnightJ 1 Reply Last reply
                        1
                        • CreatiCodeI CreatiCode

                          @jeffreyrb03-gmail

                          So let’s discuss the exact UX design. Suppose we add another color picker doprdown, you want to be able to type in a hex code for a color directly?

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

                          @info-creaticode Honestly, that’s perfect, and that popup color picker could have like a tab on top to choose your choice of color picker, with it already being on the normal scratch one, and another tab to switch it to being able to put in a hex code directly (with transparency)

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

                          CreatiCodeI 1 Reply Last reply
                          0
                          • JaecadeJnightJ JaecadeJnight

                            @info-creaticode Honestly, that’s perfect, and that popup color picker could have like a tab on top to choose your choice of color picker, with it already being on the normal scratch one, and another tab to switch it to being able to put in a hex code directly (with transparency)

                            CreatiCodeI Offline
                            CreatiCodeI Offline
                            CreatiCode
                            wrote on last edited by
                            #13

                            @jeffreyrb03-gmail

                            We will put that on our list. Thank you.

                            1 Reply Last reply
                            1

                            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