Snap! (programming language)
{{Short description|Block-based programming language}}
{{About|the blocks-based programming language|the 1960s educational language|SNAP (programming language)}}
{{DISPLAYTITLE:Snap! (programming language)}}
{{Infobox programming language
| name = Snap!
| logo = 200px
| logo size = 90PX
| paradigm = object-oriented, educational, event-driven
| year = {{start date and age|2011}}
| designer = Brian Harvey and [https://github.com/jmoenig/ Jens Mönig]
| developer = [https://github.com/jmoenig/ Jens Mönig]
| latest release version = 10.4.5
| latest release date = {{Start date and age|2025|1|24}} {{cite web|url=https://github.com/jmoenig/Snap/releases|title=jmoenig/Snap|website=GitHub|access-date=Jan 30, 2025}}
| typing = dynamic
| implementations =
| programming language = Morphic.js{{cite web |last1=Mönig |first1=Jens |title=morphic.js |url=https://github.com/jmoenig/morphic.js/blob/master/morphic.txt |website=GitHub |accessdate=7 June 2023}} (written in JavaScript); {{#tag:ref|BYOB was written in Squeak.|group=Note}}
| dialects =
| influenced by = Scratch, Scheme, Logo, Smalltalk, APL
| influenced = Scratch, BeetleBlocks, NetsBlox, Dragme IDE, Turtlestitch
| operating system = Cross-platform
| license = AGPL
| website = {{URL|snap.berkeley.edu}}
| file ext = .xml (Snap!)
}}
Snap! (formerly Build Your Own Blocks) is a free block-based educational graphical programming language and online community. Snap allows students to explore, create, and remix interactive animations, games, stories, and more, while learning about mathematical and computational ideas. While inspired by Scratch, Snap! has many advanced features. The Snap! editor, and programs created in it, are web applications that run in the browser (like Scratch) without requiring installation.{{#tag:ref|BYOB, Snap!{{'}}s predecessor, was a modification of Scratch and could export projects as Windows executables.|group=Note}} It is built on top of Morphic.js,{{cite web |last1=Mönig |first1=Jens |title=morphic.js |url=https://github.com/jmoenig/morphic.js/blob/master/morphic.txt |website=GitHub |accessdate=7 June 2023}} a Morphic GUI, written by Jens Mönig as 'middle layer' between Snap! itself and 'bare' JavaScript.
User interface
In Snap!, the screen is organized in three resizable columns containing five regions: the block group selector (top of left column), the blocks palette (left column), the main area (middle column), and the stage area (top of right column) with the sprite selector (also called the sprite corral) showing sprite thumbnails below it.{{#tag:ref|The way pre-2.0 Scratch version's screen was organized.|group=Note}}
In the interactively resizable stage area are shown the graphical results of the scripts running in the script area and/or interactively double-clicked individual blocks in any palette. Individual blocks can be dragged from the palette onto the scripts area to be associated with the selected sprite.
class="wikitable floatright" style="text-align: left" | |||||
colspan="2" style="background: #efefef;" | Category | Notes | colspan="2" style="background: #efefef;" | Category | Notes | ||
---|---|---|---|---|---|
valign="top"
| bgcolor="#4A6CD4"| | Motion | Moves and turns sprites | bgcolor="#E1A91A" | | Control | If statements, events, loop structures, scenes, OOP, metaprogramming |
valign="top"
| bgcolor="#8A55D7"| | Looks | Controls visibility, costumes, and output | bgcolor="#2CA5E2"| | Sensing | All sprite hit detection and user input |
valign="top"
| bgcolor="#BB42C3"| | Sound | Plays audio files and programmable sequenced audio | bgcolor="#5CB712"| | Operators | Mathematical, text, and Boolean operators; lambda |
valign="top"
| bgcolor="#0E9A6C"| | Pen | Write, draw, or stamp on stage | bgcolor="#C88330"| | Variables | Variables, lists, including lists of lists, lists of blocks, etc |
File:Snap! Default interface.png at startup]]
Snap!'s blocks are divided into eight groups: Motion, Looks, Sound, Pen, Control, Sensing, Operators, and Variables. The layout of these groups in the block group selector is shown in the table below.
The central area can show scripts, costumes/backdrops, or sounds associated with the selected sprite. What that area shows depends on the selected tab.
{{clear}}
Features
The most important features that Snap! offers, but Scratch does not, include:
- Expressions using anonymous functions, represented by a block inside a gray ring, having one or more empty slot(s)/argument(s) that are filled by a "higher order function" (the one that is calling the anonymous one). (Their computer-science theoretical basis is first class functions, which in turn have lambda calculus as their even more abstract and mathematical foundation)
- Lists that are first class (including lists of lists/arrays)
- First class sprites (or in other words, prototype-based programming)
- "Hyperblocks": functions whose natural domain is scalars (text or numbers), extended to accept lists as inputs and apply the underlying function to the scalars in the list or a sublist
- Nestable sprites
- Codification of Snap! programs to text languages such as Python, JavaScript, C, etc.
- Metaprogramming, reflection, and macros
Mascot
Alonzo, the mascot of Snap!, bears the name of Alonzo Church, the inventor of a model of computation in which a universal function, represented by lambda, can create any function behavior by calling it on itself in various combinations. The mascot is a modified version of Gobo from Scratch, with permission of the Scratch Team. Because Alonzo Church's work is called lambda calculus, the mascot's hair is shaped as the Greek letter lambda.
Special-purpose blocks (libraries)
Extended sets of blocks can be found in Snap! libraries, such as the 'streams' library that enables one to make the complete, infinite Fibonacci sequence, for example, using the special blocks ('stream', 'show stream', 'tail of stream', and 'map ( ) over stream' block) from the library.
Many other libraries are available, such as the 'list utilities' library, the 'words, sentences' library, the 'iterations' library, the 'animation' library, the 'frequency distribution' library, the 'audio computation' library, the 'bar charts' library, the 'world map' library, the 'colors and crayons' library, the 'strings and multi-line input' library, the 'parallelization' library, etc. for other special purposes.
Limitations
While the software itself has little restraints, it does have some limitations.
These include:
- No native cloud variables
- 10 megabyte file cap for uploading (Snap! Cloud only)
- Users have to manually enable Javascript when loading a project that uses inline bits of JS, due to a hack a few years ago.
History
The web-based Snap! and older desktop-based BYOB were both developed by Jens Mönig for Windows, OS X and Linux{{cite web|url=http://scratch.mit.edu/users/Jens|title=Scratch - Imagine, Program, Share|website=scratch.mit.edu|access-date=21 May 2017}} with design ideas and documentation provided by Brian Harvey{{cite web|url=https://people.eecs.berkeley.edu/~bh/|title=HomePage for Brian Harvey (bh@cs.Berkeley.EDU)|website=people.eecs.berkeley.edu/~bh/|access-date=19 January 2019}} from University of California, Berkeley and have been used to teach "The Beauty and Joy of Computing" introductory course in computer science (CS) for non-CS-major students.{{cite web|url=http://inst.eecs.berkeley.edu/~cs10/fa11/|title=UC Berkeley EECS - CS10 : The Beauty and Joy of Computing - Fall 2011|website=inst.eecs.berkeley.edu|access-date=21 May 2017}} Jens was a member of the Scratch Team before creating Snap!.{{cite web |url=https://forum.snap.berkeley.edu/t/relationship-with-the-scratch-team/1277/2 |title=Relationship With the Scratch Team - Politics - Snap! Forums |website=forum.snap.berkeley.edu |url-status=dead |archive-url=https://web.archive.org/web/20200102174250/https://forum.snap.berkeley.edu/t/relationship-with-the-scratch-team/1277/2 |archive-date=2020-01-02}} BYOB is still available for downloading.
License
The source code of Snap! is GNU Affero General Public License (AGPL) licensed and is hosted on GitHub.{{cite web|url=https://github.com/jmoenig/Snap/|title=jmoenig/Snap|website=GitHub|access-date=21 May 2017}} The earlier, desktop-based 3.x version's code is available under a license that allows modification for only non-commercial uses and can be downloaded from the UC Berkeley website{{cite web|url=http://snap.berkeley.edu/|title=Snap! (Build Your Own Blocks) 4.0|website=snap.berkeley.edu|access-date=21 May 2017}} or CNET's download.com and TechTracker download page.CNET Download.com and CNET TechTracker's [http://download.cnet.com/BYOB-Build-Your-Own-Blocks/3000-20415_4-75629466.html BYOB for Windows] download pageCNET's Download.com and TechTracker [http://download.cnet.com/BYOB-Build-Your-Own-Blocks/3000-20415_4-75629082.html BYOB for Mac] download page
Platforms
Implementation
Snap! is built on top of Morphic.js,{{cite web |last1=Mönig |first1=Jens |title=morphic.js |url=https://github.com/jmoenig/morphic.js/blob/master/morphic.txt |website=GitHub |accessdate=7 June 2023}} a Morphic GUI, which serves as 'middle layer' between Snap! itself and 'bare' JavaScript. It uses an HTML5 Canvas application programming interface (API).
All things visible in Snap! are morphs themselves, i.e. all buttons, sliders, dialog boxes, menus, entry fields, text rendering, blinking cursors etc. are created with morphic.js rather than using HTML DOM elements. Snap! caches the shapes of sprites so the sprite doesn't have to be re-drawn onto a new Canvas element every time the mouse moves over its bounding box. It does not cache blocks, however. Instead it manages the insides of C-shaped blocks through the morphic "holes" mechanism.
All user interaction is triggered by events, which are passed on from the root element "the world" to its submorphs. Dropping a morph causes it to become embedded in a new 'owner' ('parent') morph. In Morphic the preferred way to run an animation is to register it with the World by adding it to the World's animation queue. The World steps each registered animation once per display cycle independently of the Morphic stepping mechanism.
Recognition
Snap! has been recognized by the Logo Foundation,{{cite web|url=http://el.media.mit.edu/logo-foundation/what_is_logo/history.html|title=Logo History|website=el.media.mit.edu|access-date=21 May 2017}} and reviewed in an online magazine for programmers.{{cite web|url=http://www.i-programmer.info/news/98-languages/8628-visual-language-snap-version-40-released.html|title=Visual Language Snap! Version 4.0 Released|first = Sue|last=Gee|website=i-programmer.info|access-date=21 May 2017}} As of December 2014, 100 New York City (NYC) high schools introduced University of California, Berkeley's “Beauty and Joy of Computing” as a new AP Computer Science Principles course, using Snap!.{{cite web|url=https://obamawhitehouse.archives.gov/the-press-office/2014/12/08/fact-sheet-new-commitments-support-computer-science-education|title=FACT SHEET: New Commitments to Support Computer Science Education|date=8 December 2014|website=obamawhitehouse.archives.gov|access-date=20 January 2019}} Jens and Brian received the National Technology Leadership Summit (NTLS) 2020 Educational Leadership Award for lifetime achievement based in part on Snap!.
Notes
{{Reflist|group=Note}}
References
{{Reflist}}
External links
- {{Official website|snap.berkeley.edu}}
{{Video game engines |state=collapsed}}
{{DEFAULTSORT:Snap! (Programming Language)}}
Category:American children's websites
Category:Educational programming languages
Category:Free educational software
Category:Pedagogic integrated development environments
Category:Smalltalk programming language family
Category:Video game development software
Category:Software developer communities