What is the 4D Pocket

4D Pocket (四次元ポケット) is a 22nd-century gadget from the manga series Doraemon that has a four-dimensional space containing millions of gadgets.

In Gandi IDE, the 4D Pocket extension contains a set of utils to make your coding experience easier.

Best Practices

[ will be attached very soon ]

Modules

The latest version contains five modules:

Functions and Definitions

💛 General Utils

This module will include syntactic sugar and useful code snippets for Scratch.

Return a string

Get a static string.

It is the same as this:

In 4D Pocket, it can be used to match a regex (as will be explained in the next module).

Get a part of the current URL

Take the URL `https://cocrea.world/@wangjiaming/PicosworldMMO?kontakt=ZGF0YQ%3D%3D#main` as an example:

Q: What is this block for?

A: You can make a game with, for example, a god mode, which can only be enabled by a special URL `https://cocrea.world/@yourname/yourproject?godmode=1 `. Your code can be like this:

Generate a random string

Sometimes you want to generate a random string to store user configurations, to use as an archive code, or simply to represent a user. In that case, this block is for you:

The random ID (a string) contains a-z and 0-9, and is case-sensitive.

⭕️ Regex Utils

Regular expressions are very useful technologies for string-searching, matching, and find and replace.

4D Pocket brings regex into Scratch with many useful patterns.

String Match

If a given string matches with a specific regex, it will return true.

The built-in regex rules are shown in the following:

For advanced developers, if you are familiar with regex, you can combine two blocks to use customized regex, as shown below.

For example, the blocks below will match a valid US phone number:

Sample valid strings:

1237774820
(281)123-0380
(979) 123-0970
(281)123-2470
281-123-2452

Matches of a regex in a string

It will return a JSON array of the matches of a rule in a string.

For example, the block above returns this value:

["Gandi","is","an","in-browser","IDE","for","creating","and",
"running","Scratch","projects","Es","ist","großartig"]

The built-in regex patterns are shown below:

Split a string

Regex also can be used to split a string by a specific rule.

The block above returns a value like this, and you can keep or remove empty strings.

["1","2","3","","a","b","c","","e"]

["1","2","3","a","b","c","e"]

Built-in regex patterns include splitting a string by spaces, commas, periods, colons, semicolons, vertical bars |, and digits.

📑 Array Utils

Find Differences

Return the differences between two arrays.

In this case, the block returns ["a","d"].

Find by a k-v pair object in an array

In this case, the input JSON contains three objects, as shown on the left, and the block finds the object whose key "name" equals the value "Shawn”, as shown on the right.

[{"name":"Shawn", "score":80}, 
 {"name":"Arkos", "score":100}, 
 {"name":"yk1boy", "score":90}]

{"name":"Shawn","score":80}

Find the intersection

When you run the code above, the block returns ["b","c"].

Remove duplicate items

Example output: ["a","b","c","d",1,2,3]

Concat two arrays

You can choose either just concat or uniquify.

["a","b","c","d"]

["a","b","c","b","c","d"]

Sort items in an array

You can sort the items by ASC or DESC.

[1,3,200,"a","b","c","d"]

["d","c","b","a",200,3,1]

📐 Math Utils

Restrict a number within the range [min, max]

This block is a shortcut to the following code:

If the given number (120) is ≤ 0, return 0; if ≥ 100, return 100. In this case, return 100.

📈 Event Utils

Event-driven programming in Scratch is the most common way for sprites to communicate. But the problem is that Scratch doesn’t support passing a specific value from an event dispatcher to its listeners. Normally, scratchers have to use multiple global variables to pass data.

Now, you can use 4D events, as shown below:

Broadcast an event:

Listen to an event:

You can use eventName and eventData under the hat.

For example, you can listen to a 4D message like this:

And dispatch an event like this:

Change Logs

Credit