mirror of
https://github.com/reanimate/reanimate.git
synced 2026-09-14 09:32:22 +00:00
Deploying to gh-pages from @ a5f643dd91 🚀
This commit is contained in:
Lemmih
parent
103dbe49f3
commit
41ccaf574b
3 changed files with 1002 additions and 956 deletions
|
|
@ -9,4 +9,4 @@ const snippets = [{"title": "Hello World","url": "https://reanimate.clozecards.c
|
|||
,{"title": "Object Positions","url": "https://reanimate.clozecards.com/PHaVM0ar3yF/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 $ oFadeOut src 1\n oModify dst $ oOpacity .~ 1\n oFadeIn dst 1\n wait 1\n\nnewText txt =\n newObject $ scale 1.5 $ center $ latex txt\n"}
|
||||
,{"title": "Camera","url": "https://reanimate.clozecards.com/CD5Bg7AwVkF/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 $ Circle 1\n cameraAttach cam circle\n oModify circle $ oContext .~ withFillColor \"blue\"\n circleRight <- oRead circle oRightX\n\n box <- newObject $ Rectangle 2 2\n cameraAttach cam box\n oModify box $ oContext .~ withFillColor \"green\"\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-08-27 (f93b6)";
|
||||
const playgroundVersion = "2020-08-27 (a5f64)";
|
||||
|
|
|
|||
|
|
@ -116,7 +116,7 @@ span.spaces { background: white }
|
|||
<span class="lineno"> 97 </span>--
|
||||
<span class="lineno"> 98 </span>-- Example:
|
||||
<span class="lineno"> 99 </span>--
|
||||
<span class="lineno"> 100 </span>-- > drawBox `seqA` drawCircle
|
||||
<span class="lineno"> 100 </span>-- @'Reanimate.Builtin.Documentation.drawBox' `'seqA'` 'Reanimate.Builtin.Documentation.drawCircle'@
|
||||
<span class="lineno"> 101 </span>--
|
||||
<span class="lineno"> 102 </span>-- <<docs/gifs/doc_seqA.gif>>
|
||||
<span class="lineno"> 103 </span>seqA :: Animation -> Animation -> Animation
|
||||
|
|
@ -133,7 +133,7 @@ span.spaces { background: white }
|
|||
<span class="lineno"> 114 </span>--
|
||||
<span class="lineno"> 115 </span>-- Example:
|
||||
<span class="lineno"> 116 </span>--
|
||||
<span class="lineno"> 117 </span>-- > drawBox `parA` adjustDuration (*2) drawCircle
|
||||
<span class="lineno"> 117 </span>-- @'Reanimate.Builtin.Documentation.drawBox' `'parA'` 'adjustDuration' (*2) 'Reanimate.Builtin.Documentation.drawCircle'@
|
||||
<span class="lineno"> 118 </span>--
|
||||
<span class="lineno"> 119 </span>-- <<docs/gifs/doc_parA.gif>>
|
||||
<span class="lineno"> 120 </span>parA :: Animation -> Animation -> Animation
|
||||
|
|
@ -152,7 +152,7 @@ span.spaces { background: white }
|
|||
<span class="lineno"> 133 </span>--
|
||||
<span class="lineno"> 134 </span>-- Example:
|
||||
<span class="lineno"> 135 </span>--
|
||||
<span class="lineno"> 136 </span>-- > drawBox `parLoopA` adjustDuration (*2) drawCircle
|
||||
<span class="lineno"> 136 </span>-- @'Reanimate.Builtin.Documentation.drawBox' `'parLoopA'` 'adjustDuration' (*2) 'Reanimate.Builtin.Documentation.drawCircle'@
|
||||
<span class="lineno"> 137 </span>--
|
||||
<span class="lineno"> 138 </span>-- <<docs/gifs/doc_parLoopA.gif>>
|
||||
<span class="lineno"> 139 </span>parLoopA :: Animation -> Animation -> Animation
|
||||
|
|
@ -171,7 +171,7 @@ span.spaces { background: white }
|
|||
<span class="lineno"> 152 </span>--
|
||||
<span class="lineno"> 153 </span>-- Example:
|
||||
<span class="lineno"> 154 </span>--
|
||||
<span class="lineno"> 155 </span>-- > drawBox `parLoopA` adjustDuration (*2) drawCircle
|
||||
<span class="lineno"> 155 </span>-- @'Reanimate.Builtin.Documentation.drawBox' `'parLoopA'` 'adjustDuration' (*2) 'Reanimate.Builtin.Documentation.drawCircle'@
|
||||
<span class="lineno"> 156 </span>--
|
||||
<span class="lineno"> 157 </span>-- <<docs/gifs/doc_parDropA.gif>>
|
||||
<span class="lineno"> 158 </span>parDropA :: Animation -> Animation -> Animation
|
||||
|
|
@ -189,7 +189,7 @@ span.spaces { background: white }
|
|||
<span class="lineno"> 170 </span>--
|
||||
<span class="lineno"> 171 </span>-- Example:
|
||||
<span class="lineno"> 172 </span>--
|
||||
<span class="lineno"> 173 </span>-- > pause 1 `seqA` drawProgress
|
||||
<span class="lineno"> 173 </span>-- @'pause' 1 `'seqA'` 'Reanimate.Builtin.Documentation.drawProgress'@
|
||||
<span class="lineno"> 174 </span>--
|
||||
<span class="lineno"> 175 </span>-- <<docs/gifs/doc_pause.gif>>
|
||||
<span class="lineno"> 176 </span>pause :: Duration -> Animation
|
||||
|
|
@ -200,7 +200,7 @@ span.spaces { background: white }
|
|||
<span class="lineno"> 181 </span>--
|
||||
<span class="lineno"> 182 </span>-- Example:
|
||||
<span class="lineno"> 183 </span>--
|
||||
<span class="lineno"> 184 </span>-- > drawBox `andThen` drawCircle
|
||||
<span class="lineno"> 184 </span>-- @'Reanimate.Builtin.Documentation.drawBox' `'andThen'` 'Reanimate.Builtin.Documentation.drawCircle'@
|
||||
<span class="lineno"> 185 </span>--
|
||||
<span class="lineno"> 186 </span>-- <<docs/gifs/doc_andThen.gif>>
|
||||
<span class="lineno"> 187 </span>andThen :: Animation -> Animation -> Animation
|
||||
|
|
@ -242,7 +242,7 @@ span.spaces { background: white }
|
|||
<span class="lineno"> 223 </span>--
|
||||
<span class="lineno"> 224 </span>-- Example:
|
||||
<span class="lineno"> 225 </span>--
|
||||
<span class="lineno"> 226 </span>-- > mapA (scale 0.5) drawCircle
|
||||
<span class="lineno"> 226 </span>-- @'mapA' ('scale' 0.5) 'Reanimate.Builtin.Documentation.drawCircle'@
|
||||
<span class="lineno"> 227 </span>--
|
||||
<span class="lineno"> 228 </span>-- <<docs/gifs/doc_mapA.gif>>
|
||||
<span class="lineno"> 229 </span>
|
||||
|
|
@ -253,7 +253,7 @@ span.spaces { background: white }
|
|||
<span class="lineno"> 234 </span>--
|
||||
<span class="lineno"> 235 </span>-- Example:
|
||||
<span class="lineno"> 236 </span>--
|
||||
<span class="lineno"> 237 </span>-- > pauseAtEnd 1 drawProgress
|
||||
<span class="lineno"> 237 </span>-- @'pauseAtEnd' 1 'Reanimate.Builtin.Documentation.drawProgress'@
|
||||
<span class="lineno"> 238 </span>--
|
||||
<span class="lineno"> 239 </span>-- <<docs/gifs/doc_pauseAtEnd.gif>>
|
||||
<span class="lineno"> 240 </span>pauseAtEnd :: Duration -> Animation -> Animation
|
||||
|
|
@ -263,7 +263,7 @@ span.spaces { background: white }
|
|||
<span class="lineno"> 244 </span>--
|
||||
<span class="lineno"> 245 </span>-- Example:
|
||||
<span class="lineno"> 246 </span>--
|
||||
<span class="lineno"> 247 </span>-- > pauseAtBeginning 1 drawProgress
|
||||
<span class="lineno"> 247 </span>-- @'pauseAtBeginning' 1 'Reanimate.Builtin.Documentation.drawProgress'@
|
||||
<span class="lineno"> 248 </span>--
|
||||
<span class="lineno"> 249 </span>-- <<docs/gifs/doc_pauseAtBeginning.gif>>
|
||||
<span class="lineno"> 250 </span>pauseAtBeginning :: Duration -> Animation -> Animation
|
||||
|
|
@ -274,7 +274,7 @@ span.spaces { background: white }
|
|||
<span class="lineno"> 255 </span>--
|
||||
<span class="lineno"> 256 </span>-- Example:
|
||||
<span class="lineno"> 257 </span>--
|
||||
<span class="lineno"> 258 </span>-- > pauseAround 1 1 drawProgress
|
||||
<span class="lineno"> 258 </span>-- @'pauseAround' 1 1 'Reanimate.Builtin.Documentation.drawProgress'@
|
||||
<span class="lineno"> 259 </span>--
|
||||
<span class="lineno"> 260 </span>-- <<docs/gifs/doc_pauseAround.gif>>
|
||||
<span class="lineno"> 261 </span>pauseAround :: Duration -> Duration -> Animation -> Animation
|
||||
|
|
@ -300,7 +300,7 @@ span.spaces { background: white }
|
|||
<span class="lineno"> 281 </span>--
|
||||
<span class="lineno"> 282 </span>-- Example:
|
||||
<span class="lineno"> 283 </span>--
|
||||
<span class="lineno"> 284 </span>-- > reverseA drawCircle
|
||||
<span class="lineno"> 284 </span>-- @'reverseA' 'Reanimate.Builtin.Documentation.drawCircle'@
|
||||
<span class="lineno"> 285 </span>--
|
||||
<span class="lineno"> 286 </span>-- <<docs/gifs/doc_reverseA.gif>>
|
||||
<span class="lineno"> 287 </span>reverseA :: Animation -> Animation
|
||||
|
|
@ -311,7 +311,7 @@ span.spaces { background: white }
|
|||
<span class="lineno"> 292 </span>--
|
||||
<span class="lineno"> 293 </span>-- Example:
|
||||
<span class="lineno"> 294 </span>--
|
||||
<span class="lineno"> 295 </span>-- > playThenReverseA drawCircle
|
||||
<span class="lineno"> 295 </span>-- @'playThenReverseA' 'Reanimate.Builtin.Documentation.drawCircle'@
|
||||
<span class="lineno"> 296 </span>--
|
||||
<span class="lineno"> 297 </span>-- <<docs/gifs/doc_playThenReverseA.gif>>
|
||||
<span class="lineno"> 298 </span>playThenReverseA :: Animation -> Animation
|
||||
|
|
@ -323,7 +323,7 @@ span.spaces { background: white }
|
|||
<span class="lineno"> 304 </span>--
|
||||
<span class="lineno"> 305 </span>-- Example:
|
||||
<span class="lineno"> 306 </span>--
|
||||
<span class="lineno"> 307 </span>-- > repeatA 1.5 drawCircle
|
||||
<span class="lineno"> 307 </span>-- @'repeatA' 1.5 'Reanimate.Builtin.Documentation.drawCircle'@
|
||||
<span class="lineno"> 308 </span>--
|
||||
<span class="lineno"> 309 </span>-- <<docs/gifs/doc_repeatA.gif>>
|
||||
<span class="lineno"> 310 </span>repeatA :: Double -> Animation -> Animation
|
||||
|
|
@ -344,7 +344,7 @@ span.spaces { background: white }
|
|||
<span class="lineno"> 325 </span>--
|
||||
<span class="lineno"> 326 </span>-- Example:
|
||||
<span class="lineno"> 327 </span>--
|
||||
<span class="lineno"> 328 </span>-- > addStatic (mkBackground "lightblue") drawCircle
|
||||
<span class="lineno"> 328 </span>-- @'addStatic' ('mkBackground' "lightblue") 'Reanimate.Builtin.Documentation.drawCircle'@
|
||||
<span class="lineno"> 329 </span>--
|
||||
<span class="lineno"> 330 </span>-- <<docs/gifs/doc_addStatic.gif>>
|
||||
<span class="lineno"> 331 </span>addStatic :: SVG -> Animation -> Animation
|
||||
|
|
@ -354,7 +354,7 @@ span.spaces { background: white }
|
|||
<span class="lineno"> 335 </span>--
|
||||
<span class="lineno"> 336 </span>-- Example:
|
||||
<span class="lineno"> 337 </span>--
|
||||
<span class="lineno"> 338 </span>-- > signalA (fromToS 0.25 0.75) drawCircle
|
||||
<span class="lineno"> 338 </span>-- @'signalA' ('fromToS' 0.25 0.75) 'Reanimate.Builtin.Documentation.drawCircle'@
|
||||
<span class="lineno"> 339 </span>--
|
||||
<span class="lineno"> 340 </span>-- <<docs/gifs/doc_signalA.gif>>
|
||||
<span class="lineno"> 341 </span>signalA :: Signal -> Animation -> Animation
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
Loading…
Reference in a new issue