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

Deploying to gh-pages from @ 9d71dd9454 🚀

Browse source
This commit is contained in:
Lemmih 2020-09-06 09:26:31 +00:00
commit 1f9c151965
2 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

2
playground/snippets.js
View file

@ -9,4 +9,4 @@ const snippets = [{"title": "Hello World","url": "https://reanimate.clozecards.c
,{"title": "Object Positions","url": "https://reanimate.clozecards.com/Mf4zcImo+I7/195.svg","code": "env =\n addStatic (mkBackground \"white\") .\n mapA (withStrokeColor \"black\")\n\nanimation :: Animation\nanimation = env $\n sceneAnimation $ do\n -- Configure objects\n txt <- newText \"Center\"\n top <- newText \"Top\"\n oModifyS top $ \n oTopY .= screenTop\n topR <- newText \"Top right\"\n oModifyS topR $ do\n oTopY .= screenTop\n oRightX .= screenRight\n botR <- newText \"Bottom right\"\n oModifyS botR $ do\n oTranslate .= (0, screenBottom+0.5)\n oRightX .= screenRight\n botL <- newText \"Bottom left\"\n oModifyS botL $ do\n oTranslate .= (0, screenBottom+0.5)\n oLeftX .= screenLeft\n topL <- newText \"Top left\"\n oModifyS topL $ do\n oTopY .= screenTop\n oLeftX .= screenLeft\n -- Show objects\n oShow txt\n wait 1\n switchTo txt top\n switchTo top topR\n switchTo topR botR\n switchTo botR botL\n switchTo botL topL\n switchTo topL txt\n\nswitchTo src dst = do\n fork $ oHideWith src oFadeOut\n oShowWith dst oFadeIn\n wait 1\n\nnewText txt =\n newObject $ scale 1.5 $ centerX $ latex txt\n"}
,{"title": "Camera","url": "https://reanimate.clozecards.com/Hcx00P+aeph/150.svg","code": "animation :: Animation\nanimation = docEnv $ mapA (withFillOpacity 1) $ sceneAnimation $ do\n cam <- newObject Camera\n\n txt <- newObject $ center $ latex \"Fixed (non-cam)\"\n oModifyS txt $ do\n oTopY .= screenTop \n oZIndex .= 2\n\n circle <- newObject $ withFillColor \"blue\" $ mkCircle 1\n cameraAttach cam circle\n circleRight <- oRead circle oRightX\n\n box <- newObject $ withFillColor \"green\" $ mkRect 2 2\n cameraAttach cam box\n oModify box $ oLeftX .~ circleRight\n boxCenter <- oRead box oCenterXY\n\n small <- newObject $ center $ latex \"This text is very small\"\n cameraAttach cam small\n oModifyS small $ do\n oCenterXY .= boxCenter\n oScale .= 0.1\n \n oShow txt\n oShow small\n oShow circle\n oShow box\n\n wait 1\n\n cameraFocus cam boxCenter\n waitOn $ do\n fork $ cameraPan cam 3 boxCenter\n fork $ cameraZoom cam 3 15\n \n wait 2\n cameraZoom cam 3 1\n cameraPan cam 1 (0,0)\n"}
];
const playgroundVersion = "2020-09-05 (e8343)";
const playgroundVersion = "2020-09-06 (9d71d)";

12
reanimate-0.4.3.0-inplace/Reanimate.Scene.hs.html
View file

@ -417,7 +417,7 @@ span.spaces { background: white }
<span class="lineno"> 398 </span>--
<span class="lineno"> 399 </span>-- @
<span class="lineno"> 400 </span>-- do var \&lt;- 'simpleVar' 'mkCircle' 0
<span class="lineno"> 401 </span>-- 'tweenVar' var 2 $ \val -&gt; 'fromToS' val ('Reanimate.Constants.screenHeight'/2)
<span class="lineno"> 401 </span>-- 'tweenVar' var 2 $ \\val -&gt; 'fromToS' val ('Reanimate.Constants.screenHeight'/2)
<span class="lineno"> 402 </span>-- @
<span class="lineno"> 403 </span>--
<span class="lineno"> 404 </span>-- &lt;&lt;docs/gifs/doc_simpleVar.gif&gt;&gt;
@ -460,8 +460,8 @@ span.spaces { background: white }
<span class="lineno"> 441 </span>-- @
<span class="lineno"> 442 </span>-- do v \&lt;- 'newVar' 0
<span class="lineno"> 443 </span>-- 'newSprite' $ 'mkCircle' \&lt;$\&gt; 'unVar' v
<span class="lineno"> 444 </span>-- 'tweenVar' v 1 $ \val -&gt; 'fromToS' val 3
<span class="lineno"> 445 </span>-- 'tweenVar' v 1 $ \val -&gt; 'fromToS' val 0
<span class="lineno"> 444 </span>-- 'tweenVar' v 1 $ \\val -&gt; 'fromToS' val 3
<span class="lineno"> 445 </span>-- 'tweenVar' v 1 $ \\val -&gt; 'fromToS' val 0
<span class="lineno"> 446 </span>-- @
<span class="lineno"> 447 </span>--
<span class="lineno"> 448 </span>-- &lt;&lt;docs/gifs/doc_unVar.gif&gt;&gt;
@ -582,7 +582,7 @@ span.spaces { background: white }
<span class="lineno"> 563 </span>-- do s \&lt;- 'fork' $ 'newSpriteA' 'Reanimate.Builtin.Documentation.drawBox'
<span class="lineno"> 564 </span>-- v \&lt;- 'newVar' 0
<span class="lineno"> 565 </span>-- 'applyVar' v s 'rotate'
<span class="lineno"> 566 </span>-- 'tweenVar' v 2 $ \val -&gt; 'fromToS' val 90
<span class="lineno"> 566 </span>-- 'tweenVar' v 2 $ \\val -&gt; 'fromToS' val 90
<span class="lineno"> 567 </span>-- @
<span class="lineno"> 568 </span>--
<span class="lineno"> 569 </span>-- &lt;&lt;docs/gifs/doc_applyVar.gif&gt;&gt;
@ -645,7 +645,7 @@ span.spaces { background: white }
<span class="lineno"> 626 </span>--
<span class="lineno"> 627 </span>-- @
<span class="lineno"> 628 </span>-- do s \&lt;- 'fork' $ 'newSpriteA' 'Reanimate.Builtin.Documentation.drawCircle'
<span class="lineno"> 629 </span>-- 'spriteTween' s 1 $ \val -&gt; 'translate' ('Reanimate.Constants.screenWidth'*0.3*val) 0
<span class="lineno"> 629 </span>-- 'spriteTween' s 1 $ \\val -&gt; 'translate' ('Reanimate.Constants.screenWidth'*0.3*val) 0
<span class="lineno"> 630 </span>-- @
<span class="lineno"> 631 </span>--
<span class="lineno"> 632 </span>-- &lt;&lt;docs/gifs/doc_spriteTween.gif&gt;&gt;
@ -669,7 +669,7 @@ span.spaces { background: white }
<span class="lineno"> 650 </span>-- @
<span class="lineno"> 651 </span>-- do s \&lt;- 'fork' $ 'newSpriteA' 'Reanimate.Builtin.Documentation.drawBox'
<span class="lineno"> 652 </span>-- v \&lt;- 'spriteVar' s 0 'rotate'
<span class="lineno"> 653 </span>-- 'tweenVar' v 2 $ \val -&gt; 'fromToS' val 90
<span class="lineno"> 653 </span>-- 'tweenVar' v 2 $ \\val -&gt; 'fromToS' val 90
<span class="lineno"> 654 </span>-- @
<span class="lineno"> 655 </span>--
<span class="lineno"> 656 </span>-- &lt;&lt;docs/gifs/doc_spriteVar.gif&gt;&gt;