hashirama/reanimate
Watch
1
0
Fork
You've already forked reanimate
 0
mirror of https://github.com/reanimate/reanimate.git synced 2026-09-14 01:22:20 +00:00
Code Issues Projects Releases Wiki Activity

Deploying to gh-pages from @ dc5401b454 🚀

Browse source
This commit is contained in:
Lemmih 2020-08-22 09:11:42 +00:00
commit ad77a37d91
2 changed files with 9 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

12
playground/index.html
View file

@ -133,12 +133,13 @@
var myCodeMirror = CodeMirror(document.querySelector('#editor'), {
lineNumbers: true,
value: "animation :: Animation\nanimation = docEnv $\n drawBox\n",
value: '',
mode: "haskell",
lineWrapping: true
});
app.newCode(myCodeMirror.getValue());
myCodeMirror.setValue(snippets[0].code);
app.newCode(snippets[0].code);
const mediaButtons = document.querySelector('.media-buttons');
@ -192,13 +193,14 @@
};
configureModal(examplesModal)
</script>
<script>
Split({ // gutters specified in options
columnGutters: [{
track: 1,
element: document.querySelector('.gutter-column-1'),
}]
}],
onDragEnd: function () {
myCodeMirror.refresh();
}
});
</script>
</body>

4
playground/snippets.js
View file

@ -1,2 +1,2 @@
const snippets = [{"title": "Composition","url": "https://reanimate.clozecards.com/ATcv1$xjG06/30.svg","code": "animation :: Animation\nanimation = docEnv $\n drawBox `parA` drawCircle\n\n"},{"title": "Color Maps","url": "https://reanimate.clozecards.com/HPNi7PpImrc/15.svg","code": "animation :: Animation\nanimation = docEnv $ staticFrame 1 $\n showColorMap parula\n"}];
const playgroundVersion = "2020-08-22 (42d23)";
const snippets = [{"title": "Hello World","url": "https://reanimate.clozecards.com/LMvAjyzwwRi/30.svg","code": "-- This is the interactive Reanimate Playground\n\n-- Here you can write Haskell code and have it\n-- render directly to your browser.\n\n-- There are more examples available if you click\n-- on the 'collections' icon to the far right\n\nanimation :: Animation\nanimation = docEnv drawBox\n"},{"title": "Composition","url": "https://reanimate.clozecards.com/ECv3cbsbuMV/150.svg","code": "animation :: Animation\nanimation = docEnv $ sceneAnimation $ do\n play $ drawBox `parA` drawCircle\n & label \"parA\"\n play $ drawBox `seqA` drawCircle\n & label \"seqA\"\n play $ drawBox `andThen` drawCircle\n & label \"andThen\"\n\nlabel txt = addStatic $\n withFillOpacity 1 $ withStrokeWidth 0 $\n withFillColor \"black\" $\n translate screenLeft (screenBottom+0.2) $\n latex txt\n"},{"title": "Color Maps","url": "https://reanimate.clozecards.com/Ezuf27J2YrF/60.svg","code": "animation :: Animation\nanimation = docEnv $ sceneAnimation $ do\n play $ staticFrame 1 (showColorMap parula)\n & label \"Parula\"\n play $ staticFrame 1 (showColorMap viridis)\n & label \"Viridis\"\n play $ staticFrame 1 (showColorMap turbo)\n & label \"Turbo\"\n play $ staticFrame 1 (showColorMap greyscale)\n & label \"Greyscale\"\n\nlabel txt = overlay $\n withFillOpacity 1 $ withStrokeWidth 0 $\n withFillColor \"white\" $\n translate screenLeft (screenBottom+0.2) $\n latex txt\n\noverlay svg ani = ani `parA` staticFrame (duration ani) svg\n"}];
const playgroundVersion = "2020-08-22 (dc540)";