Get picture of almost any Snap! UI element

[codingisfun2831t]

Have you ever needed to take a screenshot of a certain element on Snap!? And you want it to be exactly that UI element (transparency)? Well here it is!

First, hold the Shift key and click the Snap! logo. This should pop up:

Press the Switch to dev mode option, and now the Snap! interface will look a bit different (grey area at the left top, (development mode) text on the project name, but that doesnt matter. Finally, find the UI element you want to screenshot, and the right click it.

Now, you have to find the “Morph” that makes most sense for the UI element. In this case, a variable monitor would be WatcherMorph, so choosing the second option in the list:

Now, finally, in that menu that pops up, click the pic… option. This should popup a little browser window:

Finally, right click image and either save or copy it. Boom! You have the screenshot of any UI element, at high quality, and nothing else!

List of extra Morph names for other UI elements

UI element	Morph name
Variable Watcher	WatcherMorph
Command Block	CommandBlockMorph or CustomCommandBlockMorph
Reporter Block	ReporterBlockMorph or CustomReporterBlockMorph
Labels	StringMorph or TextMorph
Buttons	PushButtonMorph, ToggleButtonMorph, or TriggerMorph

If theres any more element that you cant intuitively figure out the morph name of, simply ask here!

[mobility212]

(might be advanced!)

@jens

Instead, here are examples of topics I consider to be “advanced”:
Questions, hints, calls for help, tales about surprising insights, changed minds re:

• Recursion, especially branching recursion
• Higher order functions, inventing your own ones to solve interesting challenges
• Lambda calculus (I cherished the recent project someone shared here on this, it’s awesome stuff like that that’s really advanced and impresses me!)
• Parallelism and concurrency, semaphores, sharing resources, race conditions and protected regions
• Linear algebra, using Hyperblocks to make cool things
• Media computation, data science, machine learning, music
• Connecting to external web services and hardware peripherals
• first-class-ness
• prototypal inheritance, classes, nested sprites
• in short: Anything related to abstraction

See, I’m perfectly fine if you don’t talk about “advanced” stuff here. I love browsing new projects and reading all your posts about just regular experiences in Snap, and I love, love, love how y’all are helping each other with your questions!

Examples of subjects that I don’t consider to be “advanced”:

• exposing some already existing feature in the source code through JS (e.g. a color input slot, variadic slot options, adding primitives to the palette, adding a button to the tool bar)
• hacking HTML using JS in Snap
• using JS and XHR to freeload someone else’s server for “cloud variables”
• trying to access the Snap cloud in Snap projects
• editing the sources to change Snap’s settings, like colors (“dark mode”), fonts etc. (of course you can do it, but c’mon, anybody can do it!)
• converting blocks to text
• in short: Anything related to Javascript or the Snap sources probably isn’t advanced

[codingisfun2831t]

So.. are you saying it IS advanced or it ISN’T? Giving two quote blocks is not the exact helpful reply… However, what I think from this is that its probably not advanced? Ill remove the text from the title.

[sathvikrias]

nah this shouldn’t be considered advanced, because even though it includes dev mode, it’s possibly useful for an average and even very beginner snap coder.

[codingisfun2831t]

True. Well, the “(might be advanced!)” text is gone now, atleast.