turbowarp / scratch-gui

TurboWarp GUI and addons

scratch-gui modified for use in TurboWarp

Setup

See https://docs.turbowarp.org/development/getting-started to setup the complete TurboWarp environment.

If you just want to play with the GUI then it's the same process as upstream scratch-gui.

License

TurboWarp's modifications to Scratch are licensed under the GNU General Public License v3.0. See LICENSE or https://www.gnu.org/licenses/ for details.

The following is the original license for scratch-gui, which we are required to retain. This is NOT the license of this project.

Copyright (c) 2016, Massachusetts Institute of Technology
All rights reserved.

Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:

1. Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.

2. Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.

3. Neither the name of the copyright holder nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

src/lib/default-project/dango.svg is based on Twemoji and is licensed under CC BY 4.0 https://creativecommons.org/licenses/by/4.0/

scratch-gui's Issues

Cloud Variables Get Reset

Expected Behavior

Like Scratch, cloud variables should be stored for an indefinite amount of time.

Actual Behavior

Instead, everything gets wiped.

Steps to Reproduce

Store a cloud variable. Over time, it will reset everything.

Operating System and Browser

_e.g. Mac OS 10.13.6

Set compiler options when vm listener mounts

Would make it easier to do builds w/ warp timer enabled by default, for example

Reloading project without interrupting user

A button on the navbar, which when pressed, will reload the project from its source (scratch.mit.edu/projects/00000000) But without the "Loading" screen. This isn't really a necessary feature, but will be useful for anyone who's using TurboWarp for their own project (Like me).

Or, is there any way to use a chrome extension to reload without the "Loading" Screen
Thanks!

embedded player has a thicker border than the normal player

Expected Behavior

embedded player's grey border thickness matches the normal player page

Actual Behavior

the embedded player has a thicker border.
embedded player:

player from the normal page:

Steps to Reproduce

https://turbowarp.org/ vs https://turbowarp.org/embed.html

Operating System and Browser

Windows 10 1909 running Chrome

Display project description

Since we already fetch project titles, displaying other project info shouldn't be hard.

Move docs off of GH wiki

GH wikis:

• Cannot be translated
• Are very limited
• Cannot be included in desktop app to work offline
• Poor SEO

Turn on stuck checking in editor to avoid potential data loss

Change URL parsing/generation to not use location.hash

because it becomes a hashtag when includes in a project description

Disable audio compression

Embed fullscreen does not work in Safari

macOS Safari - fullscreen button does not work in embeds

No warning should appear when embedding TurboWarp editor

When you embed the TurboWarp editor, a warning appears blocking the parent page.

That warning should be removed.

Autosave to IndexedDB

bug of music extention

With a built Gui for an offline usage, the music extension block makes no more sounds

I use Windows 10 with Edge and Firefox

Variable value glitch/bug on the TurboWarp editor

I found a bug/glitch on TurboWarp (with an addon enabled), I will put a video here so we can see. (This is a common glitch/bug for any website or software.)

default.mp4

Add Javascript Exporting

Since Turbowarp compiles Scratch projects to Javascript, can we download projects as Javascript?

Add HTMLier-like HTML download too?

Transparency for embeds?

Feature suggestion

Currently, all embeds have a white background.

It would be incredible to have embeds use a transparent background. This would create a much more unified effect in external applications. Something like this:

Project should not be marked as changed immediately after loading from file

Binding touch inputs to keys

like what mobile games do

update to new issue template

make a new issue template

Disable tw extension by default

Extensions in TW are in a weird state

Considering converting the current TW extension into an off-by-default thing. Unclear yet. Don't worry -- the blocks will keep on working just fine.

"htmlifier" support

Support real fullscreen

As in, make the browser go fullscreen.

Also needs to be added to the embed.

TurboWarp should have a logo in the editor

TurboWarp should have a logo in the editor, like scratch has:

I think is should look like this (I just inserted the picture to the scratch website, it's just an example):

Files:

svg: https://superscratch444tre.000webhostapp.com/turbowarp.svg

png:

Edit: https://superscratch444tre.000webhostapp.com/new-turbowarp.svg

Outline:

svg: https://superscratch444tre.000webhostapp.com/outline.svg

URL parameter to control turbo mode

Embed fullscreen resizing only works when width changes

Expected Behavior

Width and height should both cause it to resize

Actual Behavior

Only width changes cause a resize

Hiding mouse/custom cursors

can you add a feature in turbowarp which makes the user's mouse hidden inside the project window

New Logo?

I made a logo for Turbowarp in SVE. Here's the logo

here's the original .svg file https://drive.google.com/file/d/1BDPmE11N_ApXn5A85FJnnSiXC76yvYDB/view?usp=sharing

It's of course based on the Javascript logo. Hope you like it!

How can you clone turbowarp to GitHub Pages?

I don't want to install Node.js and repl.it doesnt work for me

embed colour options

feature

so, i was thinking, it would be pretty neat for the embedded player to have some options for things like the colours.

reason

i'm currently using the embedded player on my website, and it's working great except for it not really fitting well into the design.

it would be nice to be able to change the turbowarp red (perhaps with a URL query or something) to the pink i'm using in my site. it would also be nice to be able to remove the light blue from thhe top bar in the player or replace the colour with something else

pros

more customizable stuff (cooler)

cons

i guess being able to change the turbowarp red would be bad for the brand of turbowarp?

Dark mode

Add a dark mode.

Considering using another existing dark mode userscript/style for Scratch similar to what we do with the Scratch 3 dev tools.

Controller support

Maybe we can add support for controllers, game pads and things like that.

Not clear what the blocks for this would look like.

Standalone Desktop App

How about making a standalone desktop app that works oflfine?

Electron would be good for this.

"Last key pressed" can't detect control key

Expected Behavior

Setting the last key pressed thing to control

Actual Behavior

It doesn't set last key pressed to control

Steps to Reproduce

Just go to editor and click on red circle, then click on check near last key pressed. If that doesn't work, then it only affects chromebooks.

Operating System and Browser

ChromeOS/Chrome Book, Version 87.0.4280.109

Translations

Expected Behavior

Messages added or changed by TurboWarp should be translated into the local language

Actual Behavior

The messages are always in english

Backpack

Make the backpack work

Remove fullscreen border

I think it looks quite ugly, especially in embeds (#18) or with dark mode enabled

Never read local username when embedded

The concern is that this could be used to track users cross-site when a site embeds a project with cloud variables.

Load extension from URL

Probably depends on TurboWarp/scratch-vm#28

Broken X and Y

Expected Behavior

Not allowing to go past max x and max y.

Actual Behavior

Going past the limits(X max 568 Y max 456)

Steps to Reproduce

1. Search up on scratch " MathMathMath ".
2. Click on " 3D Graphics Part 1 " ( Has to be by MathMathMath.)
   3.Look at remixes. There should be one that has fixed on it, click on it.
   4.Scroll down. There should be a studio with the same thumbnail. Click on it.
   5.Do all the tutorials.
   6 . Now move to the left or right a lot and there it is! Glitch reproduced.

Operating System and Browser

Chrome Book, Version 87.0.4280.109

Credits page

Make a credits page to thank everyone who makes this project possible at all

• fosshost
• translators
• addon people
• ???

Support autostart in embed

Enable tests

Improve fullscreen to be more like forkphorus

Lots of people have mentioned this. Probably something about dark mode and dynamic resizing

Embedding support

Expected Behavior

Projects should be embeddable

Actual Behavior

Projects cannot be embedded

Alt+click to toggle 60 fps mode does not work on chromebooks

Expected Behavior

it should work

Actual Behavior

it opens the context menu instead

Will probably just make it so that "right clicking" on the flag will also toggle 60 fps mode

monospaced fonts

please add this feature!

There should be a button to set lists and variables to a monospaced font so that users can view and create lists look better.

current methods:

hard	easy (need to add)
go into browser settings	advanced button
change primary font	new monospaced font toggle

• hard way (on most browsers)
• easy way (add this)

Add This Please

I bring a gift. 🎁

If you need anything else (e.g. svg files, more designs), just ask me. My Discord is Speedblocks#0678.
I used the right colours and the font is DM Sans.

Create our own version of the Scratch Cat

You know how every new Scratch project has the Scratch Cat? We need something like that to replace our empty sprite.

It doesn't even need to be an animal (see Snap!)

It could just be something from Scratch's builtin sprite library

Expose VM on window

Similar to window.player in forkphorus

There are already some tricks people use to get access to the VM, so this might not be necessary anyways.

Remove option to disable cloud variables

It is unnecessary and can already be done by opening the editor.