2016-01-08 14:31:04 -05:00
## Overview
This is the official git repository hosting the source code for the
[ScratchJr ](http://scratchjr.org/ ) project.
2016-02-09 12:49:21 -05:00
ScratchJr can be built both for iOS and Android.
2016-01-08 14:31:04 -05:00
A pure-web version or Chrome-app version is planned to follow at some point in the future.
Platform | Status
-------- | -------------
iOS | Released in App Store
2016-02-09 12:49:21 -05:00
Android | Released in Google Play and Amazon store
2016-01-08 14:31:04 -05:00
## Release Schedule
As of this writing, the Android version now supports Android 4.2
and above.
## Architecture Overview
The diagram below illustrates the architecture of ScratchJr and
how the iOS (functional), Android (functional) and pure HTML5 (future)
versions share a common client.
![Scratch Jr. Architecture Diagram ](doc/scratchjr_architecture.png )
## Directory Structure and Projects
This repository has the following directory structure:
* < tt > src/</ tt > - Shared Javasript code for iOS and Android common client. This is where most changes should be made for features, bug fixes, UI, etc.
* < tt > editions/</ tt > - Assembly directories for each "flavor" of ScratchJr. These symlink to src for common code, and could diverge in settings and assets.
2017-05-05 11:39:07 -04:00
* < tt > free/</ tt > - Free edition JavaScript, including all shared code for all releases
2016-01-08 14:31:04 -05:00
* < tt > android/</ tt > - Android port of Scratch Jr. (Java, Android Studio Projects)
* < tt > ScratchJr/</ tt > - Android Studio Project for ScratchJr Android Application
* < tt > bin/</ tt > - Build scripts and other executables
* < tt > doc/</ tt > - Developer Documentation
2017-05-05 11:39:07 -04:00
* < tt > ios/</ tt > - XCode project for iOS build. (Make sure to open < tt > ScratchJr.xcworkspace</ tt > not < tt > ScratchJr.xcodeproj</ tt > )
2016-01-08 14:31:04 -05:00
## Building ScratchJr
To build the Android version, you need to have a system equipped with Android Studio. To build the iOS version, you need to have a Mac with XCode.
2016-02-09 12:49:21 -05:00
Ensure you have node and npm [installed ](http://blog.npmjs.org/post/85484771375/how-to-install-npm ).
With all of the code checked out, you must install npm dependencies for bundling the JavaScript:
* < tt > npm install</ tt >
2016-01-08 14:31:04 -05:00
The build caches .png files out of the .svg files to improve performance. To enable this build step, you need to install a few dependencies.
On Ubuntu:
* Run < tt > sudo easy_install pysvg</ tt > to install python svg libraries
* Run < tt > sudo apt-get install librsvg2-bin</ tt > to install rsvg-convert
* Run < tt > sudo apt-get install imagemagick</ tt > to install ImageMagick
On OS X:
* Install [Homebrew ](http://brew.sh ).
* Run < tt > sudo easy_install pysvg</ tt > to install python svg libraries
* Run < tt > brew install librsvg</ tt > to install rsvg-convert
* Run < tt > brew install imagemagick</ tt > to install ImageMagick
2016-05-02 16:42:50 -04:00
Once these are installed, select the appropriate target in XCode or the appropriate flavor/build variant in Android Studio. To build in Android Studio, open the project < tt > android/ScratchJr< / tt > . To build for iOS in XCode, open < tt > ios/ScratchJr.xcworkspace< / tt > as ScratchJr uses CocoaPods.
2016-01-08 14:31:04 -05:00
2016-02-09 12:49:21 -05:00
## Where and how to make changes
All changes should be made in a fork. Before making a pull request, ensure all changes pass our linter:
* < tt > npm run lint</ tt >
For more information, see [CONTRIBUTING.md ](CONTRIBUTING.md ).
2016-01-08 14:31:04 -05:00
## Code credits
ScratchJr would not be possible without free and open source libraries, including:
* [Snap.svg ](https://github.com/adobe-webplatform/Snap.svg/ )
* [JSZip ](https://github.com/Stuk/jszip )
* [Intl.js ](https://github.com/andyearnshaw/Intl.js )
* [Yahoo intl-messageformat ](https://github.com/yahoo/intl-messageformat )
## Acknowledgments
ScratchJr is a collaborative effort between:
* [Tufts DevTech Research Group ](http://ase.tufts.edu/devtech/ )
* [Lifelong Kindergarten group at MIT Media Lab ](http://llk.media.mit.edu/ )
* [Playful Invention Company ](http://www.playfulinvention.com/ )
* [Two Sigma Investments ](http://twosigma.com )