Recent Projects in GUI Widgets

Graffiti

[old] improved LifeBar V1.0

*~ newest version: 1.1 ~* http://scratch.mit.edu/projects/Morrogh/173745 This Version will be deleted soon.

Widget - Buttons

Just two basic button widgets. The one on the left broadcasts a message when clicked. The one on the right is a toggle button that changes state when clicked. Both become highlighted during a mouseover. Both also have built in help, in the paddle2see fashion: hold down the "h" key during a mouseover to display.

Widget - x and y sliders

Two slider widgets for both x and y dimensions, by Paddle2See.

Widget - Object Cursor

Unusual cursor widget by fullmoon. From original project: Just an interesting way to interact with Scratch projects...the extremely responsive crosshair cursor would make a great FPS system...

Widget - Progress bar

Basic progress bar widget Change Progress variable from 0 to 100. Window automatically closes after reaching 100.

Widget - Piano Keyboard

Piano Keyboard by Kevin_Karplus From original project: This is a minimal 3-octave electric piano, using just one sprite and 3 scripts. It can easily be customized and incorporated into larger projects. I took the photos of the keyboard myself, so they are copyright-free.

Widget - Spinner

"Spinner" widget where clicking arrows increases/decreases value, recirculating through values from min to max (in this example, 0-7).

Widget - Media Player

Music-playing widget by fullmoon. It is a nice one-sprite project that plays sound files.

Widget - Window1

Window widget by fullmoon for his Scratch Window System (SWS). From original project: A scratch window... Red button: close Double-click title bar: shade Drag title bar to move.

Widget - Spinning 3D Menu

A menu that consists of seven spinning objects. Click on an object to choose it, which broadcasts the messages "s1", "s2", etc. depending upon the choice. Based on Chalkmarrow's NIN project. Advanced: You can change the number of spheres by copying one of the existing sphere sprites then changing the "dtheta" variable in the "Main" sprite (equal to about 371/n, where n is the number of choices). You'll have to play with it, though, to see what looks right.

Widget - Combo Box

Combo Box widget by AddZero. From original project: Combo boxes are selectors you often see in website forms and applications. They make it easy to select information. I made this combo box for a tutorial system and other projects I'm working on. I wanted it to be all-in-one so it's easy to drop into projects. It's pretty easy to modify, just change the costumes. If you change the number of choices or location, change the values above the script then double-click to run it. -----Feel free to use this in your projects. Please let me know if you improve it HOW IT WORKS: Everything is in one sprite. There are costumes for each of the options, There's also a check-mark and a blue selection highlight costume. When clicked, it stamps so that the current option stays at the bottom, then it moves up, changes costumes and stamps for each of the options. So that it draws all of the options. then moves to and stamps a check mark at the current selection. The sprite then changes to the blue highlight, and turns on the ghost effect so it's partially transparent. While the cursor is still over the menu, it moves at 16px increments up and down. so that it highlights an option. If the blue selection costume is clicked, it changes the "value" variable of the combo box to the current selection and broadcasts "changed" When the combo box is done, it clears the screen. For the calculator: There's a script waiting for the "changed" broadcast. When it receives that, it does the math based on the values in the combo boxes. KNOWN ISSUES: If you move your mouse far after clicking, it can break or select the wrong thing. It's hard coded to 16 pixels tall. Because it stamps the menu, it will be behind objects in the way. Some of the code is hackish, I don't know the cleanest/best way to do it. I've never done this before! I'm open to suggestions!

Widget - Angle Select

Angle selector widget by Paddle2See. Click anywhere in the circle and drag to change angle.

Widget - Picture Manipulator

Picture Manipulator Widget by Paddle2See. From original project: This was inspired by Chalkmarrow's delightful project "Pictures with Handles". I loved the way the photos could be moved and scaled but I wanted a simpler interface. To move the pictures, drag from near the photo's center. To scale and rotate, drag from near the photo's edge. This project can easily be scaled to use more photo's, just import them as a sprite and copy the code from one of the other photo's. There is some odd behaviour that shows up when the photos are overlapped. Despite bringing the last sprite to the front, there seems to be some sort of intrinsic order occasionally resulting in the photo from behind being selected. I would appreciate help with this "feature".

Widget - Hourglass wait indicator

Simple hourglass widget that follows mouse (for indicating that the program is thinking). Broadcast $Hourglass.start to start, and $Hourglass.stop to stop.