Navigation

    CreatiCode Scratch Forum

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • CreatiCode
    1. Home
    2. info-creaticode
    • Profile
    • Following 0
    • Followers 15
    • Topics 441
    • Posts 1209
    • Best 412
    • Groups 6

    CreatiCode

    @info-creaticode

    571
    Reputation
    382
    Profile views
    1209
    Posts
    15
    Followers
    0
    Following
    Joined Last Online
    Website creaticode.com/

    info-creaticode Unfollow Follow
    Mod Helper trusted helpers china users premium-teachers Global Moderator administrators

    Best posts made by info-creaticode

    • "Remote Edit" - 2 users working on the same project remotely

      Introduction

       

      When 2 users are using their own computers, they can collaborate on the same project remotely, using a new feature called “remote edit”. This is a fun experience that allows 2 people to write code together. When one person makes a change, such as adding a block or changing an input value, the other person sees the change right away. This is similar to how 2 people can edit the same Google Doc at the same time.

       
       

      How to start a “remote edit” session

       

      Here are the 4 steps for two users to start a remote edit session:

      1. Owner User shares a new project. There are a few ways to share a project, such as sharing with everyone, sharing with friends only and sharing unlisted (no one can see it unless they have the project URL). The owner user then gives the project URL to the guest user, maybe through email or text message.

      2. Guest User opens the project and clicks “Look inside” to open the project in the playground. The guest user selects the “Edit” menu on top, and then select “Request to edit”, then wait for the owner user to accept the request.

      3. Owner User receives a request from the guest user, and clicks “Accept” button.

      4. Guest User will receive the approval, and their project will automatically reload. This is to make sure the guest user starts with exactly the same project content as the owner user.

      Here is a screen recording for what the 2 users would see on their computers (the left half is for the owner user and the right half is for the guest user):

      remoteeditstart.gif

       
      After the 4 steps above, both users will be able to see and change the same project at the same time.

       
       

      Making Changes

       

      After the remote edit session has started, both users can make changes, such as adding/removing blocks, changing input values, etc. When one user is changing a block, that block will become greyed out on the other user’s screen, which indicates the remote user is making some changes. Users should try to avoid making changes to the same block at the same time, since the changes may conflict with each other, and only one change will be saved.

      remoteeditsync.gif

       
       

      Limitations

       

      There are some limits put in place to ensure the 2 users are always in sync:

      1. No New Sprites: Currently, neither user can add new sprites once the session has started, and the “add sprite” button is hidden. Therefore, it is suggested that the owner user first creates all the sprites they need before starting the session.

      2. Only Owner can save the project: Only the owner user can save the project, since that user still owns the project. The owner user should save the project whenever some important changes have been completed.

       
       

      How to end a “remote edit” session

       

      To end a “remote edit” session, either the owner or the guest user can click the red “End” button at the bottom.

      80f475bd-a3c5-43e9-b597-fce413e428ba-image.png

       
       

      Best Practices

       

      Here are some suggestions on how to make use of this feature effectively:

      1. Voice Communication: When the 2 users are not in the same room, it is better to have a voice communication channel, such as a zoom meeting or a phone call on the side. This can make it much easier for the 2 users to decide who will do what.

      2. Division of Work: Although these 2 users can both make changes at the same time, they can not change exactly the same block at the same time. For example, if one user is updating the input parameters in a block, and the other user is deleting that block, then the result may be unexpected. It is recommended that the 2 users work on different blocks or stacks of blocks to avoid conflicts.

      posted in Tools
      info-creaticode
      CreatiCode
    • RE: Some avatars aren't shown to select until searched for

      FYI this issue is fixed now.

      posted in Feedback
      info-creaticode
      CreatiCode
    • RE: Current error with accessing the website

      Hi all,

      Sorry there was an outage on our platform earlier this morning. Sorry about the inconvenience. Now we are back online.

      CreatiCode

      posted in Feedback
      info-creaticode
      CreatiCode
    • RE: What is this?

      @tyller_

      Please give it a try. I would love to hear your feedback. It is always a challenge to know when to give out the answer and when to hold it back, even for human teachers. Our current setting is to make the AI keep providing more hints when the user struggles. Hopefully, that will be good enough for most situations.

      posted in Help
      info-creaticode
      CreatiCode
    • How to record and share screen recordings as gifs

      Introduction

       

      When you need to explain how a project should work, the best way is to make a screen recording of the stage. This short article will explain which tools you can use to record the screen, and also how to share the gif file to get a URL for it.

       
       

      Screen Recording on Windows

       

      If you are using a Windows computer, we recommend a free tool named “ScreenToGif”, which you can download here: https://www.screentogif.com/

      Here is a short video explaining how to use it: https://www.yo utube.com/watch?v=ELfCBzN1Mtc

       
       

      Screen Recording on Macbook

       

      If you are using a Macbook, you can use a free tool called “Giphy Capture”: https://giphy.com/apps/giphycapture

      Here is a short video showing how to use it: https://www.yo utube.com/watch?v=m-4cJMBGfS4

       
       

      Share your gif file

       

      Once your gif file is ready, you can share it this way:

      1. Go to the “My Stuff” page at https://play.creaticode.com/mystuff, and make sure you are logged in.

      2. Select “My Files” tab on the bottom left

      3. Click the “+Share a New File” button on the top right

      4. In the pop up window, click “Click to upload file”, and then select the gif file from your computer.

      5. Click the green button that says “upload and share with the CC Attribution license” at the bottom.

      After that, you will see the new file in the list of files, and then you can click “Copy file URL” button for that file, which will copy the URL to the clipboard, which would look like this: https://ccdncreaticodecom.b-cdn.net/user-files/BfemEPCxatY6MMAPs/castfireball.gif

      posted in Tools
      info-creaticode
      CreatiCode
    • RE: Some avatars aren't shown to select until searched for

      @jeffreyrb03-gmail

      Acknowledged. This will be fixed soon. Thanks

      posted in Feedback
      info-creaticode
      CreatiCode
    • Magic Wand Selector in the Costume Editor

      Introduction

       

      In the costumer editor, when the costume is in bitmap mode (as opposed to vector mode), you can use the magic wand tool to select an area with similar colors, then delete the designated area or fill it with a new color.

       
       

      Making a Selection

       

      To make a selection, you simply need to select the magic wand tool, then click on the area you would like to select. It can be of any shape, and may even contain holes in it:

       
      selectmagic.gif

       
      Behind the scenes, it uses a “flood fill” algorithm to expand the selected area into neighboring points, so long as their colors are similar to the point you have clicked.

      Note that if your computer is slow or if the costume is big, then it will take longer for this tool to determine the selected area.

       
       

      Changing the Tolerance Threshold

       

      When the magic wand is selected, you can specify a tolerance threshold value. Its value is between 1 and 255, and by default, it is 5. This value represents how much difference in color it would tolerate when it tries to expand the selection area:

      • When the value is low, it will make sure the selected area only contains points very similar to the point you have clicked;
      • As the value increases, it will include more points even if they are more different from the starting point.

      As shown, when you change this value, the selected area will be updated automatically:

       
      magicthreshold.gif

       
       

      Delete or Fill the Selected Area

       

      After you have made the selection, there are 2 operations you can do with those points:

      • You can click the “Delete” button or press the DELETE key to delete all of those points;
      • You can also pick a color from the “Fill” dropdown, then click the “Fill” button to fill the selected area with that color.

       
      magicfill.gif

      posted in Tools
      info-creaticode
      CreatiCode
    • RE: Code block presets?

      @jeffreyrb03-gmail

      You are right. We should allow users to submit new extensions.

      However, the code snippet library should be more like backpack than extension, since it will allow users to modify the code blocks after a snippet is imported. If it is an extension, then users won’t see its implementation and also won’t be able to customize it.

      posted in Feedback
      info-creaticode
      CreatiCode
    • RE: [Community Project] Let's Build a CreatiCode Project Packager!

      @jeffreyrb03-gmail

      There are already packagers like Turbowarp, which works well for generic Scratch projects. And since most of the new CreatiCode blocks don’t work offline, most likely this new packager won’t do much more compared to a Turbowarp packager, right?

      So the question is whether it will be justified to dedicate manpower on this feature (as opposed to others) if it is not going to add much additional value.

      posted in Test
      info-creaticode
      CreatiCode
    • AI - The T.I.R.E. Prompting Method (Difficulty: 3)

      Introduction

       

      Prompting AI models like ChatGPT can be frustrating and intimidating sometimes. You may not get what you expect, and don’t know what to do.

      In this tutorial, we will introduce a straightforward method for prompting: the TIRE method. Hopefully, it will give you a “tire” for your journey of learning to write effective prompts.

      33a8b41a-11f7-4930-905c-078b9443de35-image.png

       
       

      The TIRE Prompting Method

       

      Here is an overview of the TIRE method. We will walk through an example task later.

      “TIRE” stands for these 4 words: Task, Instruction, Refinement, and Example.

       

      1. Task

       
      The task is simply what you want the AI to do. It usually starts with a verb and may include the result you expect. For example:

      • Write a short story about a dog
      • Explain this question for me
      • Give me some feedback on this essay
      • Calculate this equation
      • Answer this question
      • Recommend a few recipes.

      If you don’t clearly tell the AI what you want, it has to guess, and it might guess wrong. For example, if you say “my teacher gave me a B on this essay”, then the AI has to guess what’s its task, which can be “explain where the essary needs to be improved”, “how to argue with my teacher” or “give me your rating on my essay”.

       

      2. Instruction

       

      The second key component of the prompt is your instruction, which tells the AI model how to carry out the task. You can also think of this part as your specific requirements.

      Why do we need instructions? While an AI may grasp what needs to be done, there are still countless ways of how it could be done. Instructions help you get the style and details you need.

      Below are some common ways to give instructions:

      • Length: You can tell the AI to give a detailed or concise answer, or even specify the number of words. It will be hard for the AI to use the exact number of words, but it will be pretty close. Therefore, limiting word count is one of the most effective ways to control AI’s response length.

      • Tone: You can ask the AI to use a formal or informal tone, a casual or serious tone, a plain or technical tone, etc.

      • Output Format: Depending on the task, you can ask AI to respond in various formats, like “return the data as a table”, “give me a CSV file”, “use markdown format”, “give me bullet points”, “format your answer in 4 paragraphs”, etc.

      • AI’s Role: You can often tell AI its role, which will greatly influence how it answers, such as “Asnwer as if you are a 5th grade teacher”, “Pretend you are a corporate lawyer”, “You are a professor”, etc.

      • Your Role: You can also tell AI who you are, which is equally effective. Note that it does not have to be really who you are, but think of it as a technique to get different results from the AI. For example, you can say “I am 5-year old”, “I am retired”, “I am an expert in this topic”, etc.

       
      There are many other types of instructions, which are highly dependent on the specific task. You can write them in the format of “Do-It-This-Way” or “Don’t-Do-It-That-Way” rules. Below are some examples:

      • Write a story about a dog. The dog must be 2 years old, has no home, enjoys eating fish and playing with rocks. I don’t like sad stories.
      • Summarize this article. focus on the key problem the author is addressing, and skip the discussion on the solution.
      • Help me solve this math problem. don’t tell me the answer directly. I want to walk through it myself. Just give me some hints on the first step.

       

      Task + Instruction Examples

       

      In many situations, you might find that “task + instruction” is all that you need to get a good response. Below are some more examples of them. Try to identify which part is the task and which part is the instruction.

      • Example 1
        Write a short story about a dog character that learned how to fly an airplane.

      • Example 2
        You are teaching me how to make salads. Give me instructions step by step, and keep it slow. Don’t give me too many numbers.

      • Example 3
        I’m taking a physics class and I need you to help me understand friction better. Can you explain to me like I’m 10 years old? I hate complex equations.

      • Example 4
        Translate the article below into Spanish. Make sure you use simple words, but don’t change the meaning of the original:
        <The content of the article…>
        Now give me the translation and say nothing else.

      • Example 5
        Let’s play a word game. You think of a secret word and I’ll guess. I can ask for hints, but you should never give me the answer directly.

      • Example 6
        You are General Eisenhower. Describe what you did during the Normandy Landings on D-day. Include all details, and write it like a friction. Keep it interesting.

       

      3. Refinement

       

      After you have the task and instructions, you can start using them to get an initial response. If the response is perfect, then you can stop here.

      However, most of the time, you may find some issues in the response. When that happens, many people will simply think, “This AI is not smart enough,” or “This is the best I can get, so I will accept it.”

      Such thoughts will leave a lot on the table. Instead, this is the time to refine your task description or instruction and keep trying until you get a high-quality response. Think of the AI as a gold mine—keep digging, and you’ll strike gold (the perfect prompt).

       

      4. Example

       

      Most of the time, you only need the task and the instructions, and keep refining them. However, there are times when you don’t know how to describe your requirements in words.

      When this happens, you can try to provide some examples in your prompt, since AI models are very good at following examples.

      For instance, suppose you are asking the AI to write a multiple-choice question, but you don’t know how to describe the format of the response you need. This would be a good time to provide an example for the format, like this:

      Give me a multiple-choice question for 6th-grade history. 
      
      Use this format:
      
      QUESTION
      (The quiz question)
      
      CHOICES
      A) ...
      B) ...
      C) ...
      D) ...
      
      ANSWER
      C
      
      

      This example ensures the AI responds in the exact format we prefer, which is especially useful if we plan to parse the AI response in code. It will be much harder to explain such a format in words, right?

       
       

      A Detailed Example - Writing a “How-To” Guide

       

      Now let’s walk through a detailed example to illustrate how to apply the TIRE method. Suppose our task is to create a simple tool that allows the user to specify a goal, such as “becoming great at coding” or “making more friends,” and we will use AI to generate a “how-to” guide.

       
       

      Step 1 - Describe the Task

       

      Based on our TIRE method, we will start with the task. Since we will allow the user to input any goal, we need to dynamically insert the user goal like this:

      Write a how-to guide for the following goal:
      (insert user input here)
      
      

       
       

      Step 2 - First Set of Instructions

       

      Next, suppose our target users are middle-school students, we might want to add a few instructions like this:

      
      Write a how-to guide for the following goal:
      (insert user input here)
      
      Instructions:
      1. You are talking to a middle-school student.
      2. Be concise and humorous. Use no more than 200 words.
      3. Reject any inappropriate topic
      
      

       
       

      Step 3 - Test and Evaluate

       

      Now we have both the task and some initial instructions, let’s write a simple program to test it out:

      play.creaticode.com/projects/679f826a69f04bc3c7cc081e

      Open this project, and click “See Inside”, and you will find it only has 3 blocks:

      3378d5dc-9b70-4119-a18c-ccf194f9e7b9-image.png

       
      To use it, we just need to add our prompt in the LLM block, and then click the green flag to run it. The response will be printed out in the console panel below. For example, suppose we use “how to become great at coding” as the user goal, then our prompt will look like this:

      7cea7f4f-94ec-4a28-b301-08d609c23d55-image.png

       
      If you run it a few times, you might get responses like these:

      ac0a280c-10c9-4d29-a422-259246375ede-image.png

      a4be1e26-eef4-4174-a92c-115c9fc3f905-image.png

       
       

      Step 4 - First Refinement of the Instructions

       

      The responses above are pretty good, but we should not stop here. Instead, we should try to identify any issues in the response and then refine our prompt accordingly.

      For example, one issue is that the AI model tends to number the bullet points from 1 to 5. This may be misleading since the actions may not have to be done in the given order. Also, 5 points may be too many. To fix these issues, we can update the prompt by adding an additional instruction:

      f3811889-5c03-4ac7-bb73-71a19a179c69-image.png

       
      This time, you should get a response that reflects changes in our instructions pretty well:

      e854b60d-ddea-4c64-b2b0-0555a52265da-image.png

       
       

      Step 5 - Second Refinement of the Instructions

       

      Now let’s review the response above, and see if we can improve it further. One idea is to list 3 “Do’s” and 3 “Don’ts”. This contrast often makes it easier for the user. We can refine the prompt into this:

      a3b364cc-bebd-4828-85f7-958845466ba8-image.png

       

      Here is an example output:

      d2e3f07b-a734-4120-bdab-9dbd78d0fbee-image.png

       
       

      Step 6 - Add an Example

       

      Lastly, to precisely control the output format, we can give the AI an example format like this:

      
      Write a how-to guide for the following goal:
      how to become great at coding
      
      Instructions:
      1. You are talking to a middle-school student.
      2. Be concise and humorous. Use no more than 200 words.
      3. Reject any inappropriate topic
      4. Give me 3 Do's and 3 Don'ts as bullet points
      
      use this format:
      
      3 Do's:
      * Do this ... (in 10 words)
      * Do this ... (in 10 words)
      * Do this ... (in 10 words)
      
      3 Don'ts
      * Don't do this ... (in 10 words)
      * Don't do this ... (in 10 words)
      * Don't do this ... (in 10 words)
      
      
      

       
      Here is what you will likely get, which matches our example format pretty well:

      2b0861fc-58c3-441a-85d2-acdbf9f70034-image.png

       
       

      Practice

       

      You have now learned the basics of the TIRE prompting method. It is very easy to understand, but it will take a lot of practice to master, especially with the continued refinement of the instructions.

      For more practice, here are some tasks. You can still use the same project for testing your prompts: play.creaticode.com/projects/679f826a69f04bc3c7cc081e

      Please try to compose the best prompt using the TIRE method. Feel free to provide more details to make it fun.

      • Ask AI to write an engaging introduction to the city/state/country you live in to attract foreign visitors.

      • Ask AI to write a short science fiction story that is engaging to read.

      • Ask AI to explain a complex concept that you are learning

      posted in Tutorials
      info-creaticode
      CreatiCode

    Latest posts made by info-creaticode

    • RE: Costume editor request -- feedback

      @白刃の亡霊

      Have you tried to hold down the SHIFT key and select multiple items?

      posted in Feedback
      info-creaticode
      CreatiCode
    • RE: Cloud Variables

      @notjaldolfyt
      See this: https://www.forum.creaticode.com/topic/1997/newly-enhanced-cloud-variables

      posted in Help
      info-creaticode
      CreatiCode
    • RE: Help w/ code

      @dreamsmp_luck

      Great

      posted in Help
      info-creaticode
      CreatiCode
    • RE: Help w/ code

      @dreamsmp_luck

      Have you tried to use our AI assistant?

      https://www.forum.creaticode.com/topic/1093/creaticode-xo-ai-assistant-explain-to-me

      posted in Help
      info-creaticode
      CreatiCode
    • RE: How would i split by emoji?

      @jeffreyrb03-gmail

      How about this?

      ffec8e60-42cd-49c8-923b-55b8bcaae518-image.png

      posted in Help
      info-creaticode
      CreatiCode
    • RE: AI image generation will not work

      @sirbots

      Very likely that’s the reason.

      posted in Feedback
      info-creaticode
      CreatiCode
    • RE: AI image generation will not work

      @sirbots

      The image generation tool is working fine, but it has a strict safetey check, so it might be your requests are failing the test.

      posted in Feedback
      info-creaticode
      CreatiCode
    • RE: How would i split by emoji?

      @jeffreyrb03-gmail

      Maybe you can split each item in the list by SPACE, then the first part will be the emoji? And the rest of the item will be the name?

      posted in Help
      info-creaticode
      CreatiCode
    • RE: can my project be restored?

      @jeffreyrb03-gmail

      We will look into it.

      posted in Help
      info-creaticode
      CreatiCode
    • RE: Chatbot self-censorship

      @jeffreyrb03-gmail

      We will look into this.

      posted in Help
      info-creaticode
      CreatiCode