Scratch-gui: Normal Stage Size/Small Stage Size Toggle

Created on 31 Jan 2017  路  10Comments  路  Source: LLK/scratch-gui

image

critical feature

Most helpful comment

@thisandagain cool! I'm glad it may be of help. I re-factored this a bit to move the zoom control to a separate component. Now the stage menu is separate and is zoomed along with the stage. Also, moved the zoom icon to the correct position using a re-created Scratch 2.0 icon set.

I fixed the two outstanding bugs that I was aware of with zooming. First, I now resize the renderer so the mouse positions are not off any more. Second, the sprites are now drag-able in zoom mode as you would expect:

demo3-stage-zoomed

What are you guys looking for with testing before I submit a pull request? I already ran the test suite and fixed the errors.

All 10 comments

Design for this is available in #1

I implemented a zoomed stage feature into Scratch GUI 3.0.

Are you guys still interested in a feature like this?

demo2-stage-zoomed

Code diff:

https://github.com/LLK/scratch-gui/compare/develop...josiahneuberger:add-full-screen-render-view?expand=1

Thanks @josiahneuberger. We are very interested in this.

/cc @rschamp @paulkaplan @cwillisf

/cc @carljbowman

@thisandagain cool! I'm glad it may be of help. I re-factored this a bit to move the zoom control to a separate component. Now the stage menu is separate and is zoomed along with the stage. Also, moved the zoom icon to the correct position using a re-created Scratch 2.0 icon set.

I fixed the two outstanding bugs that I was aware of with zooming. First, I now resize the renderer so the mouse positions are not off any more. Second, the sprites are now drag-able in zoom mode as you would expect:

demo3-stage-zoomed

What are you guys looking for with testing before I submit a pull request? I already ran the test suite and fixed the errors.

Thanks! @rschamp, @paulkaplan, and @cwillisf could one of you follow-up with @josiahneuberger on this?

Note to self: needed for workshops / testing (CSF)

To clarify scope here. For release / this issue we would like to hook up the "small stage" / "large stage" toggle button on the top right corner of the stage.

image

Here are some sketches

Large Stage

lg stage toggle

Small Stage

The only major UI consideration here is the Sprite Info area. We already have some responsive behavior for this section, so I imagine extend those to hide a majority of the information.

sm stage toggle

Looks good. Thanks @carljbowman

Was this page helpful?
0 / 5 - 0 ratings