diff --git a/src/containers/tips-library.jsx b/src/containers/tips-library.jsx
index 5ed0beb9ba01ce8807bad443d24cf96bc7544755..56816c5dc114502a5b9c21599ce9061714177fc3 100644
--- a/src/containers/tips-library.jsx
+++ b/src/containers/tips-library.jsx
@@ -54,7 +54,7 @@ class TipsLibrary extends React.PureComponent {
eventually we will find a solution that doesn't involve loading a whole project
*/
if (item.requiredProjectId && (item.requiredProjectId !== this.props.projectId)) {
- const urlParams = `/projects/${item.requiredProjectId}/editor?tutorial=${item.urlId}`;
+ const urlParams = `/#${item.requiredProjectId}?tutorial=${item.urlId}`;
return window.open(window.location.origin + urlParams, '_blank');
}
diff --git a/src/lib/libraries/decks/en-steps.js b/src/lib/libraries/decks/en-steps.js
index ce74ef4c365866f4b31d8b6740f1a616461889f1..47dca3242aa5f0625ab3111e74e290eb9860f08b 100644
--- a/src/lib/libraries/decks/en-steps.js
+++ b/src/lib/libraries/decks/en-steps.js
@@ -170,6 +170,19 @@ import moveArrowKeysUpDown from './steps/move-arrow-keys-up-down.en.png';
import glideAroundBackAndForth from './steps/glide-around-back-and-forth.en.png';
import glideAroundPoint from './steps/glide-around-point.en.png';
+// Code a Cartoon
+import codeCartoonSaySomething from './steps/code-cartoon-01-say-something.jpg';
+import codeCartoonAnimate from './steps/code-cartoon-02-animate.gif';
+import codeCartoonSelectDifferentCharacter from './steps/code-cartoon-03-select-different-character.gif';
+import codeCartoonUseMinusSign from './steps/code-cartoon-04-use-minus-sign.gif';
+import codeCartoonGrowShrink from './steps/code-cartoon-05-grow-shrink.gif';
+import codeCartoonSelectAnotherDifferentCharacter from './steps/code-cartoon-06-select-another-different-character.gif';
+import codeCartoonJump from './steps/code-cartoon-07-jump.gif';
+import codeCartoonChangeScenes from './steps/code-cartoon-08-change-scenes.gif';
+import codeCartoonGlideAround from './steps/code-cartoon-09-glide-around.gif';
+import codeCartoonChangeCostumes from './steps/code-cartoon-10-change-costumes.gif';
+import codeCartoonChooseMoreCharacters from './steps/code-cartoon-11-choose-more-characters.jpg';
+
const enImages = {
// Intro
introMove: introMove,
@@ -341,7 +354,20 @@ const enImages = {
// Glide Around
glideAroundBackAndForth: glideAroundBackAndForth,
- glideAroundPoint: glideAroundPoint
+ glideAroundPoint: glideAroundPoint,
+
+ // Code a Cartoon
+ codeCartoonSaySomething: codeCartoonSaySomething,
+ codeCartoonAnimate: codeCartoonAnimate,
+ codeCartoonSelectDifferentCharacter: codeCartoonSelectDifferentCharacter,
+ codeCartoonUseMinusSign: codeCartoonUseMinusSign,
+ codeCartoonGrowShrink: codeCartoonGrowShrink,
+ codeCartoonSelectAnotherDifferentCharacter: codeCartoonSelectAnotherDifferentCharacter,
+ codeCartoonJump: codeCartoonJump,
+ codeCartoonChangeScenes: codeCartoonChangeScenes,
+ codeCartoonGlideAround: codeCartoonGlideAround,
+ codeCartoonChangeCostumes: codeCartoonChangeCostumes,
+ codeCartoonChooseMoreCharacters: codeCartoonChooseMoreCharacters
};
diff --git a/src/lib/libraries/decks/index.jsx b/src/lib/libraries/decks/index.jsx
index b7412abdb6d8d7968f7db400c5b3375b1ef839aa..d4b1cce682834913264a633ad5cbec77c3c04435 100644
--- a/src/lib/libraries/decks/index.jsx
+++ b/src/lib/libraries/decks/index.jsx
@@ -45,6 +45,9 @@ import libraryPong from './thumbnails/pong.jpg';
// Imagine a World
import libraryImagine from './thumbnails/imagine.jpg';
+// Code a Cartoon
+import libraryCodeCartoon from './thumbnails/code-a-cartoon.jpg'
+
// Videos
import recordASound from './thumbnails/record-a-sound.jpg';
import glideAroundThumb from './thumbnails/glide-around.jpg';
@@ -97,7 +100,128 @@ export default {
],
urlId: 'getStarted'
},
-
+
+ 'code-cartoon': {
+ name: (
+ <FormattedMessage
+ defaultMessage="Code a Cartoon"
+ description="Name for the 'Code a Cartoon' how-to"
+ id="gui.howtos.code-cartoon"
+ />
+ ),
+ tags: ['code-cartoon'],
+// requiredProjectId: '331474033',
+ img: libraryCodeCartoon,
+ steps: [
+ {
+ title: (
+ <FormattedMessage
+ defaultMessage="Say Something When You Click the Green Flag"
+ description="Step name for 'Say Something When You Click the Green Flag' step"
+ id="gui.howtos.code-cartoon.step_codeCartoonSaySomething"
+ />
+ ),
+ image: 'codeCartoonSaySomething'
+ }, {
+ title: (
+ <FormattedMessage
+ defaultMessage="Animate a Character When You Click It"
+ description="Step name for 'Animate a Character When You Click It' step"
+ id="gui.howtos.code-cartoon.step_codeCartoonAnimate"
+ />
+ ),
+ image: 'codeCartoonAnimate'
+ }, {
+ title: (
+ <FormattedMessage
+ defaultMessage="Select a Different Character"
+ description="Step name for 'Select a Different Character' step"
+ id="gui.howtos.code-cartoon.step_codeCartoonSelectDifferentCharacter"
+ />
+ ),
+ image: 'codeCartoonSelectDifferentCharacter'
+ }, {
+ title: (
+ <FormattedMessage
+ defaultMessage="Use a Minus Sign to Get Smaller"
+ description="Step name for 'Use a Minus Sign to Get Smaller' step"
+ id="gui.howtos.code-cartoon.step_codeCartoonUseMinusSign"
+ />
+ ),
+ image: 'codeCartoonUseMinusSign'
+ }, {
+ title: (
+ <FormattedMessage
+ defaultMessage="Make a Character Grow and Shrink"
+ description="Step name for 'Make a Character Grow and Shrink' step"
+ id="gui.howtos.code-cartoon.step_codeCartoonGrowShrink"
+ />
+ ),
+ image: 'codeCartoonGrowShrink'
+ }, {
+ title: (
+ <FormattedMessage
+ defaultMessage="Select a Different Character"
+ description="Step name for 'Select a Different Character' step"
+ id="gui.howtos.code-cartoon.step_codeCartoonSelectAnotherDifferentCharacter"
+ />
+ ),
+ image: 'codeCartoonSelectAnotherDifferentCharacter'
+ }, {
+ title: (
+ <FormattedMessage
+ defaultMessage="Jump Up and Down"
+ description="Step name for 'Jump Up and Down' step"
+ id="gui.howtos.code-cartoon.step_codeCartoonJump"
+ />
+ ),
+ image: 'codeCartoonJump'
+ }, {
+ title: (
+ <FormattedMessage
+ defaultMessage="Click a Character to Change Scenes"
+ description="Step name for 'Click a Character to Change Scenes' step"
+ id="gui.howtos.code-cartoon.step_codeCartoonChangeScenes"
+ />
+ ),
+ image: 'codeCartoonChangeScenes'
+ }, {
+ title: (
+ <FormattedMessage
+ defaultMessage="Glide Around"
+ description="Step name for 'Glide Around' step"
+ id="gui.howtos.code-cartoon.step_codeCartoonGlideAround"
+ />
+ ),
+ image: 'codeCartoonGlideAround'
+ }, {
+ title: (
+ <FormattedMessage
+ defaultMessage="Change Costumes"
+ description="Step name for 'Change Costumes' step"
+ id="gui.howtos.code-cartoon.step_codeCartoonChangeCostumes"
+ />
+ ),
+ image: 'codeCartoonChangeCostumes'
+ }, {
+ title: (
+ <FormattedMessage
+ defaultMessage="Choose More Characters to Add to Your Cartoon"
+ description="Step name for 'Choose More Characters to Add to Your Cartoon' step"
+ id="gui.howtos.code-cartoon.step_codeCartoonChooseMoreCharacters"
+ />
+ ),
+ image: 'codeCartoonChooseMoreCharacters'
+ }, {
+ deckIds: [
+ 'Chase-Game',
+ 'Tell-A-Story'
+ ]
+ }
+ ],
+ urlId: 'code-cartoon'
+ },
+
'animate-a-name': {
name: (
<FormattedMessage
diff --git a/src/lib/libraries/decks/steps/code-cartoon-01-say-something.jpg b/src/lib/libraries/decks/steps/code-cartoon-01-say-something.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..6e10b57016c3aa5ced2b725565ce2af076b0235f
Binary files /dev/null and b/src/lib/libraries/decks/steps/code-cartoon-01-say-something.jpg differ
diff --git a/src/lib/libraries/decks/steps/code-cartoon-02-animate.gif b/src/lib/libraries/decks/steps/code-cartoon-02-animate.gif
new file mode 100644
index 0000000000000000000000000000000000000000..c27dc871454fd592c6fc6e5642e33c90fd4621d1
Binary files /dev/null and b/src/lib/libraries/decks/steps/code-cartoon-02-animate.gif differ
diff --git a/src/lib/libraries/decks/steps/code-cartoon-03-select-different-character.gif b/src/lib/libraries/decks/steps/code-cartoon-03-select-different-character.gif
new file mode 100644
index 0000000000000000000000000000000000000000..9881aac5d22c16cef25c4c15b53a20acdb7db13c
Binary files /dev/null and b/src/lib/libraries/decks/steps/code-cartoon-03-select-different-character.gif differ
diff --git a/src/lib/libraries/decks/steps/code-cartoon-04-use-minus-sign.gif b/src/lib/libraries/decks/steps/code-cartoon-04-use-minus-sign.gif
new file mode 100644
index 0000000000000000000000000000000000000000..f862d33a7dcfea4a0ddbdabc1efd1d969534efa4
Binary files /dev/null and b/src/lib/libraries/decks/steps/code-cartoon-04-use-minus-sign.gif differ
diff --git a/src/lib/libraries/decks/steps/code-cartoon-05-grow-shrink.gif b/src/lib/libraries/decks/steps/code-cartoon-05-grow-shrink.gif
new file mode 100644
index 0000000000000000000000000000000000000000..c1988f58285647a1631eb82c59dee4adc5d1bdc1
Binary files /dev/null and b/src/lib/libraries/decks/steps/code-cartoon-05-grow-shrink.gif differ
diff --git a/src/lib/libraries/decks/steps/code-cartoon-06-select-another-different-character.gif b/src/lib/libraries/decks/steps/code-cartoon-06-select-another-different-character.gif
new file mode 100644
index 0000000000000000000000000000000000000000..6aa589a6751268a6ab05ad2e0027a78197992cf7
Binary files /dev/null and b/src/lib/libraries/decks/steps/code-cartoon-06-select-another-different-character.gif differ
diff --git a/src/lib/libraries/decks/steps/code-cartoon-07-jump.gif b/src/lib/libraries/decks/steps/code-cartoon-07-jump.gif
new file mode 100644
index 0000000000000000000000000000000000000000..f5b8c1932d5b3223789a9e042243ffdb2d66c298
Binary files /dev/null and b/src/lib/libraries/decks/steps/code-cartoon-07-jump.gif differ
diff --git a/src/lib/libraries/decks/steps/code-cartoon-08-change-scenes.gif b/src/lib/libraries/decks/steps/code-cartoon-08-change-scenes.gif
new file mode 100644
index 0000000000000000000000000000000000000000..fb27d72112262354de6227526994928158afa854
Binary files /dev/null and b/src/lib/libraries/decks/steps/code-cartoon-08-change-scenes.gif differ
diff --git a/src/lib/libraries/decks/steps/code-cartoon-09-glide-around.gif b/src/lib/libraries/decks/steps/code-cartoon-09-glide-around.gif
new file mode 100644
index 0000000000000000000000000000000000000000..2a63ac116b5258c76a1ced3e5f0c9660ad0de59c
Binary files /dev/null and b/src/lib/libraries/decks/steps/code-cartoon-09-glide-around.gif differ
diff --git a/src/lib/libraries/decks/steps/code-cartoon-10-change-costumes.gif b/src/lib/libraries/decks/steps/code-cartoon-10-change-costumes.gif
new file mode 100644
index 0000000000000000000000000000000000000000..257977bf0da5740af960e377400a63e83e6894bd
Binary files /dev/null and b/src/lib/libraries/decks/steps/code-cartoon-10-change-costumes.gif differ
diff --git a/src/lib/libraries/decks/steps/code-cartoon-11-choose-more-characters.jpg b/src/lib/libraries/decks/steps/code-cartoon-11-choose-more-characters.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..d8ea77eefd189bb828b5c6c6ed4de2dc10d45b3a
Binary files /dev/null and b/src/lib/libraries/decks/steps/code-cartoon-11-choose-more-characters.jpg differ
diff --git a/src/lib/libraries/decks/thumbnails/code-a-cartoon.jpg b/src/lib/libraries/decks/thumbnails/code-a-cartoon.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..b043b3f5e3374aef7b7a99f0a335cdde7a670387
Binary files /dev/null and b/src/lib/libraries/decks/thumbnails/code-a-cartoon.jpg differ