Guide to Modding Scratch 3.0

LuckyLucky7

How do I add a button that changes the stage's dimensions(specifically next to the stage size buttons)? How do I add higher stage resolutions?

Last edited by LuckyLucky7 (Jan. 9, 2019 21:01:15)

I have about 3450 posts, 90 shared projects, 180 total created/followed topics, and 425 followers.

LuckyLucky7

What file do I paste:

document.querySelector("[class^=target-pane_target-pane]").style.flexDirection = "row-reverse",document.querySelector("[class^=gui_flex-wrapper]").style.flexDirection = "row-reverse";

into what file so the stage will successfully move to the left?

I have about 3450 posts, 90 shared projects, 180 total created/followed topics, and 425 followers.

Sheep_maker

LuckyLucky7 wrote:
What file do I paste:
document.querySelector("[class^=target-pane_target-pane]").style.flexDirection = "row-reverse",document.querySelector("[class^=gui_flex-wrapper]").style.flexDirection = "row-reverse";
into what file so the stage will successfully move to the left?

Here and here, changing “row” to “row-reverse” I believe should work

- Sheep_maker This is a kumquat-free signature. :P
This is my signature. It appears below all my posts. Discuss it on my profile, not the forums. Here's how to make your own.
.postsignature { overflow: auto; } .scratchblocks { overflow-x: auto; overflow-y: hidden; }

JGames101

LuckyLucky7 wrote:
What file do I paste:
document.querySelector("[class^=target-pane_target-pane]").style.flexDirection = "row-reverse",document.querySelector("[class^=gui_flex-wrapper]").style.flexDirection = "row-reverse";
into what file so the stage will successfully move to the left?

That's code to reverse the stage once the page has been built and deployed. Follow what Sheep_maker said above to change the value of flexDirection in your mod.

Scratch 3 Modding

LuckyLucky7

Sheep_maker wrote:
LuckyLucky7 wrote:
What file do I paste:
document.querySelector("[class^=target-pane_target-pane]").style.flexDirection = "row-reverse",document.querySelector("[class^=gui_flex-wrapper]").style.flexDirection = "row-reverse";
into what file so the stage will successfully move to the left?
Here and here, changing “row” to “row-reverse” I believe should work

It didn't change anything.

I have about 3450 posts, 90 shared projects, 180 total created/followed topics, and 425 followers.

OTSFan203

irrelevant

Last edited by OTSFan203 (Feb. 19, 2019 21:36:13)

WHATS UR RESUME

MINE IS THE GRINCH

infinitytec

OTSFan203 wrote:
2. I really hate using cmd prompt for some strange reason because it really annoys me rip I could spend hours on stackoverflow but like… yeah…

I don't think there is a way to get around that, but that's OK. Terminals are pretty nice once you learn how to use them.

Not here much, but sometimes I lurk.
God has a plan. He has a plan for everything, and everyone.

LuckyLucky7

infinitytec wrote:
OTSFan203 wrote:
2. I really hate using cmd prompt for some strange reason because it really annoys me rip I could spend hours on stackoverflow but like… yeah…
I don't think there is a way to get around that, but that's OK. Terminals are pretty nice once you learn how to use them.

You can use the GIT Bash terminal if you have it installed.

I have about 3450 posts, 90 shared projects, 180 total created/followed topics, and 425 followers.

infinitytec

LuckyLucky7 wrote:
infinitytec wrote:
OTSFan203 wrote:
2. I really hate using cmd prompt for some strange reason because it really annoys me rip I could spend hours on stackoverflow but like… yeah…
I don't think there is a way to get around that, but that's OK. Terminals are pretty nice once you learn how to use them.
You can use the GIT Bash terminal if you have it installed.

And BASH is the best terminal anyway.

Not here much, but sometimes I lurk.
God has a plan. He has a plan for everything, and everyone.

OTSFan203

irrelevant

Last edited by OTSFan203 (Feb. 19, 2019 13:35:00)

WHATS UR RESUME

MINE IS THE GRINCH

LEGO1022

You can mod scratch??????????

JGames101

LEGO1022 wrote:
You can mod scratch??????????

Yes

Scratch 3 Modding

1-UP-Pancakestudios

I want to do this with Scratch 2.

Put /Remixtree/ in a Scratch project url to get remixtrees. They are still there!

Youtube Chanel

JGames101

1-UP-Pancakestudios wrote:
I want to do this with Scratch 2.

This guide is only for Scratch 3. If you'd like to mod Scratch 2, check out this tutorial.

Last edited by JGames101 (Feb. 2, 2019 06:33:23)

Scratch 3 Modding

OTSFan203

How do I remove block padding?

WHATS UR RESUME

MINE IS THE GRINCH

Sheep_maker

OTSFan203 wrote:
How do I remove block padding?

Maybe messing with these values could work?

I did something like that here

- Sheep_maker This is a kumquat-free signature. :P
This is my signature. It appears below all my posts. Discuss it on my profile, not the forums. Here's how to make your own.
.postsignature { overflow: auto; } .scratchblocks { overflow-x: auto; overflow-y: hidden; }

OTSFan203

Sheep_maker wrote:
OTSFan203 wrote:
How do I remove block padding?
Maybe messing with these values could work?

I did something like that here

Where's the source code for that?

WHATS UR RESUME

MINE IS THE GRINCH

OTSFan203

How do I move pen and music out of extension and put them in the default array?

WHATS UR RESUME

MINE IS THE GRINCH

Sheep_maker

OTSFan203 wrote:
Sheep_maker wrote:
OTSFan203 wrote:
How do I remove block padding?
Maybe messing with these values could work?

I did something like that here
Where's the source code for that?

You can see what I changed here

- Sheep_maker This is a kumquat-free signature. :P
This is my signature. It appears below all my posts. Discuss it on my profile, not the forums. Here's how to make your own.
.postsignature { overflow: auto; } .scratchblocks { overflow-x: auto; overflow-y: hidden; }

MDCCCLXVII

I get the following error when trying to use the “npm start” command: (I have added a new block already)

> scratch-gui@0.1.0 start C:\Users\...\scratch-gui
> webpack-dev-server

i ?wds?: Project is running at http://0.0.0.0:8601/
i ?wds?: webpack output is served from /
i ?wds?: Content not from webpack is served from C:\Users\...\scratch-gui\build
i ?wdm?: wait until bundle finished: /
(node:4264) DeprecationWarning: Tapable.apply is deprecated. Call apply on the plugin directly instead
× ?wdm?: Hash: 57d7b5b698ec0d863a37
Version: webpack 4.29.2
Child
    Hash: 57d7b5b698ec0d863a37
    Time: 149853ms
    Built at: 02/19/2019 10:10:08 PM
                                                                  Asset        Size                Chunks             Chunk Names
                                                       blocks-only.html   462 bytes                        [emitted]
                                                          blocksonly.js     6.2 KiB            blocksonly  [emitted]  blocksonly
                                                      blocksonly.js.map    3.41 KiB            blocksonly  [emitted]  blocksonly
                                             compatibility-testing.html   474 bytes                        [emitted]
                                                compatibilitytesting.js    6.71 KiB  compatibilitytesting  [emitted]  compatibilitytesting
                                            compatibilitytesting.js.map    2.22 KiB  compatibilitytesting  [emitted]  compatibilitytesting
                                                    extension-worker.js    51.8 KiB                        [emitted]
                                                extension-worker.js.map    42.4 KiB                        [emitted]
                                                                 gui.js    12.7 KiB                   gui  [emitted]  gui
                                                             gui.js.map    7.48 KiB                   gui  [emitted]  gui
                                                             index.html   434 bytes                        [emitted]
                                                             lib.min.js    19.3 MiB               lib.min  [emitted]  lib.min
                                                         lib.min.js.map    18.3 MiB               lib.min  [emitted]  lib.min
                                                            player.html   453 bytes                        [emitted]
                                                              player.js    8.53 KiB                player  [emitted]  player
                                                          player.js.map    4.55 KiB                player  [emitted]  player

…

                           static/blocks-media/icons/wedo_when-tilt.svg    4.01 KiB                        [emitted]
                                         static/blocks-media/repeat.svg    1.23 KiB                        [emitted]
                                    static/blocks-media/rotate-left.svg    1.04 KiB                        [emitted]
                                   static/blocks-media/rotate-right.svg    1.03 KiB                        [emitted]
                                        static/blocks-media/sprites.png    4.05 KiB                        [emitted]
                                        static/blocks-media/sprites.svg    1.81 KiB                        [emitted]
                               static/blocks-media/status-not-ready.svg    1.17 KiB                        [emitted]
                                   static/blocks-media/status-ready.svg     1.1 KiB                        [emitted]
                                        static/blocks-media/zoom-in.svg   634 bytes                        [emitted]
                                       static/blocks-media/zoom-out.svg   582 bytes                        [emitted]
                                     static/blocks-media/zoom-reset.svg   501 bytes                        [emitted]
                                 static/extensions/example-extension.js    9.76 KiB                        [emitted]
                                                     static/favicon.ico    33.7 KiB                        [emitted]
    Entrypoint gui = lib.min.js lib.min.js.map gui.js gui.js.map
    Entrypoint blocksonly = lib.min.js lib.min.js.map blocksonly.js blocksonly.js.map
    Entrypoint compatibilitytesting = lib.min.js lib.min.js.map compatibilitytesting.js compatibilitytesting.js.map
    Entrypoint player = lib.min.js lib.min.js.map player.js player.js.map
     [0] multi (webpack)-dev-server/client?http://0.0.0.0:8601 react react-dom 52 bytes {lib.min} [built]
     [1] multi (webpack)-dev-server/client?http://0.0.0.0:8601 ./src/playground/index.jsx 40 bytes {gui} [built]
    [11] multi (webpack)-dev-server/client?http://0.0.0.0:8601 ./src/playground/blocks-only.jsx 40 bytes {blocksonly} [built]
    [12] multi (webpack)-dev-server/client?http://0.0.0.0:8601 ./src/playground/compatibility-testing.jsx 40 bytes {compatibilitytesting} [built]
    [13] multi (webpack)-dev-server/client?http://0.0.0.0:8601 ./src/playground/player.jsx 40 bytes {player} [built]
     [./node_modules/classnames/index.js] 1.17 KiB {lib.min} [built]
     [./node_modules/core-js/fn/array/includes.js] 109 bytes {lib.min} [built]
     [./node_modules/core-js/fn/promise/finally.js] 166 bytes {lib.min} [built]
     [./node_modules/react-dom/index.js] 1.33 KiB {lib.min} [built]
     [./node_modules/react/index.js] 190 bytes {lib.min} [built]
     [./node_modules/webpack-dev-server/client/index.js?http://0.0.0.0:8601] (webpack)-dev-server/client?http://0.0.0.0:8601 7.78 KiB {lib.min} [built]
     [./src/playground/blocks-only.jsx] 1.04 KiB {blocksonly} [built]
     [./src/playground/compatibility-testing.jsx] 4.19 KiB {compatibilitytesting} [built]
     [./src/playground/index.jsx] 1.17 KiB {gui} [built]
     [./src/playground/player.jsx] 2.7 KiB {player} [built]
        + 1897 hidden modules

    WARNING in ./src/components/alerts/inline-message.css (./node_modules/css-loader??ref--5-1!./node_modules/postcss-loader/src??postcss!./src/components/alerts/inline-message.css)
    Module Warning (from ./node_modules/postcss-loader/src/index.js):
    Warning

    (8:5) end value has mixed support, consider using flex-end instead
     @ ./src/components/alerts/inline-message.css 2:14-158
     @ ./src/components/alerts/inline-message.jsx
     @ ./src/containers/inline-messages.jsx
     @ ./src/components/menu-bar/save-status.jsx
     @ ./src/components/menu-bar/menu-bar.jsx
     @ ./src/components/gui/gui.jsx
     @ ./src/containers/gui.jsx
     @ ./src/playground/player.jsx
     @ multi (webpack)-dev-server/client?http://0.0.0.0:8601 ./src/playground/player.jsx

    WARNING in ./src/components/menu-bar/author-info.css (./node_modules/css-loader??ref--5-1!./node_modules/postcss-loader/src??postcss!./src/components/menu-bar/author-info.css)
    Module Warning (from ./node_modules/postcss-loader/src/index.js):
    Warning

    (8:5) start value has mixed support, consider using flex-start instead
     @ ./src/components/menu-bar/author-info.css 2:14-155
     @ ./src/components/menu-bar/author-info.jsx
     @ ./src/components/menu-bar/menu-bar.jsx
     @ ./src/components/gui/gui.jsx
     @ ./src/containers/gui.jsx
     @ ./src/playground/player.jsx
     @ multi (webpack)-dev-server/client?http://0.0.0.0:8601 ./src/playground/player.jsx

    ERROR in ./node_modules/scratch-blocks/shim/blockly_compressed_vertical.js
    Module not found: Error: Can't resolve '../blockly_compressed_vertical' in 'C:\Users\...\scratch-gui\node_modules\scratch-blocks\shim'
     @ ./node_modules/scratch-blocks/shim/blockly_compressed_vertical.js 1:17-114
     @ ./node_modules/scratch-blocks/shim/blockly_compressed_vertical.goog.js
     @ ../scratch-blocks/node_modules/imports-loader?Blockly=../shim/blocks_compressed_vertical-blockly_compressed_vertical-messages,goog=../shim/blockly_compressed_vertical.goog!../scratch-blocks/node_modules/exports-loader?Blockly!./node_modules/scratch-blocks/msg/scratch_msgs.js
     @ ./node_modules/scratch-blocks/shim/vertical.js
     @ ./src/lib/blocks.js
     @ ./src/containers/blocks.jsx
     @ ./src/playground/blocks-only.jsx
     @ multi (webpack)-dev-server/client?http://0.0.0.0:8601 ./src/playground/blocks-only.jsx

    ERROR in ./node_modules/scratch-blocks/shim/blocks_compressed_vertical.js
    Module not found: Error: Can't resolve '../blocks_compressed_vertical' in 'C:\Users\...\scratch-gui\node_modules\scratch-blocks\shim'
     @ ./node_modules/scratch-blocks/shim/blocks_compressed_vertical.js 1:17-201
     @ ../scratch-blocks/node_modules/imports-loader?Blockly=../shim/blocks_compressed_vertical,goog=../shim/blockly_compressed_vertical.goog!../scratch-blocks/node_modules/exports-loader?Blockly!./node_modules/scratch-blocks/msg/messages.js
     @ ./node_modules/scratch-blocks/shim/blocks_compressed_vertical-blockly_compressed_vertical-messages.js
     @ ../scratch-blocks/node_modules/imports-loader?Blockly=../shim/blocks_compressed_vertical-blockly_compressed_vertical-messages,goog=../shim/blockly_compressed_vertical.goog!../scratch-blocks/node_modules/exports-loader?Blockly!./node_modules/scratch-blocks/msg/scratch_msgs.js
     @ ./node_modules/scratch-blocks/shim/vertical.js
     @ ./src/lib/blocks.js
     @ ./src/containers/blocks.jsx
     @ ./src/playground/blocks-only.jsx
     @ multi (webpack)-dev-server/client?http://0.0.0.0:8601 ./src/playground/blocks-only.jsx
    Child html-webpack-plugin for "blocks-only.html":
         1 asset
        Entrypoint undefined = blocks-only.html
        [./node_modules/html-webpack-plugin/lib/loader.js!./src/playground/index.ejs] 1.1 KiB {0} [built]
        [./node_modules/lodash/lodash.js] 527 KiB {0} [built]
        [./node_modules/webpack/buildin/global.js] (webpack)/buildin/global.js 472 bytes {0} [built]
        [./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 497 bytes {0} [built]
    Child html-webpack-plugin for "compatibility-testing.html":
         1 asset
        Entrypoint undefined = compatibility-testing.html
        [./node_modules/html-webpack-plugin/lib/loader.js!./src/playground/index.ejs] 1.1 KiB {0} [built]
        [./node_modules/lodash/lodash.js] 527 KiB {0} [built]
        [./node_modules/webpack/buildin/global.js] (webpack)/buildin/global.js 472 bytes {0} [built]
        [./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 497 bytes {0} [built]
    Child html-webpack-plugin for "index.html":
         1 asset
        Entrypoint undefined = index.html
        [./node_modules/html-webpack-plugin/lib/loader.js!./src/playground/index.ejs] 1.1 KiB {0} [built]
        [./node_modules/lodash/lodash.js] 527 KiB {0} [built]
        [./node_modules/webpack/buildin/global.js] (webpack)/buildin/global.js 472 bytes {0} [built]
        [./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 497 bytes {0} [built]
    Child html-webpack-plugin for "player.html":
         1 asset
        Entrypoint undefined = player.html
        [./node_modules/html-webpack-plugin/lib/loader.js!./src/playground/index.ejs] 1.1 KiB {0} [built]
        [./node_modules/lodash/lodash.js] 527 KiB {0} [built]
        [./node_modules/webpack/buildin/global.js] (webpack)/buildin/global.js 472 bytes {0} [built]
        [./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 497 bytes {0} [built]
    Child worker:
                          Asset      Size  Chunks             Chunk Names
            extension-worker.js  51.8 KiB    main  [emitted]  main
        extension-worker.js.map  42.4 KiB    main  [emitted]  main
        Entrypoint main = extension-worker.js extension-worker.js.map
        [./node_modules/babel-loader/lib/index.js?!./node_modules/scratch-vm/src/extension-support/extension-worker.js] ./node_modules/babel-loader/lib??ref--4!./node_modules/scratch-vm/src/extension-support/extension-worker.js 3.5 KiB {main} [built]
        [./node_modules/minilog/lib/common/filter.js] 1.36 KiB {main} [built]
        [./node_modules/minilog/lib/common/minilog.js] 1.55 KiB {main} [built]
        [./node_modules/minilog/lib/web/array.js] 319 bytes {main} [built]
        [./node_modules/minilog/lib/web/console.js] 925 bytes {main} [built]
        [./node_modules/minilog/lib/web/index.js] 1.28 KiB {main} [built]
        [./node_modules/minilog/lib/web/jquery_simple.js] 2.16 KiB {main} [built]
        [./node_modules/minilog/lib/web/localstorage.js] 530 bytes {main} [built]
        [./node_modules/scratch-vm/src/dispatch/shared-dispatch.js] 13.8 KiB {main} [built]
        [./node_modules/scratch-vm/src/dispatch/worker-dispatch.js] 6.69 KiB {main} [built]
        [./node_modules/scratch-vm/src/extension-support/argument-type.js] 605 bytes {main} [built]
        [./node_modules/scratch-vm/src/extension-support/block-type.js] 929 bytes {main} [built]
        [./node_modules/scratch-vm/src/extension-support/target-type.js] 308 bytes {main} [built]
        [./node_modules/scratch-vm/src/util/log.js] 84 bytes {main} [built]
        [./node_modules/webpack/buildin/global.js] (webpack)/buildin/global.js 472 bytes {main} [built]
            + 5 hidden modules
i ?wdm?: Failed to compile.

Discuss Scratch