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

Update tut text.

Browse source 
Former-commit-id: ad9266b099effe06059d4b390ac6d90f8a271477
This commit is contained in:
David Himmelstrup 2019-12-06 17:46:00 +08:00
commit ec77c38ea2
3 changed files with 6 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

15
docs/gallery.md
View file

@ -256,18 +256,3 @@ This file is auto-generated by docs/render_all.sh. DO NOT EDIT.
<br/><hr><br/>
## tut_glue_povray_ortho
<details>
<summary>View tut_glue_povray_ortho.hs</summary>
<pre><code class="haskell">
{!examples/tut_glue_povray_ortho.hs!}
</code></pre>
</details>
<br/>
<video width="640" height="360" autoplay loop>
<source src="https://github.com/Lemmih/reanimate/raw/master/docs/rendered/tut_glue_povray_ortho.mp4">
</video>
<br/><hr><br/>

5
docs/glue_tut.md
View file

@ -120,7 +120,7 @@ The resulting SVGs can be manipulated just like any other. The below examples il
## Pillar III: povray
TODO: Draw text and animate shapes, zoom out so it looks like a piece of paper (still animated).
Although incredibly expressive, SVGs are strictly limited to 2D graphics. This limitation can be overcome with a 3D renderer such as povray: povray is a nearly 30 year-old raytracer with a relatively small but solid set of features. Reanimate offers convenient functions for importing povray scenes as well as exporting animations to be used as textures. In the video below, the LaTeX animation is projected upon a plane which is then rotated and translated in 3D space. A key thing to note is that both the 2D and 3D elements are managed entirely through code.
<details>
<summary>Toggle source code.</summary>
@ -134,7 +134,8 @@ TODO: Draw text and animate shapes, zoom out so it looks like a piece of paper (
<source src="https://github.com/Lemmih/reanimate/raw/master/docs/rendered/tut_glue_povray.mp4">
</video>
TODO: Talk about orthographic projection. Draw circle, fade in rotating sphere.
The video above uses a perspective camera, ie. objects further away appears to be smaller. This gives the appearance of three dimensions but it also makes it difficult to interlace SVG objects and 3D objects with pixel-perfect precision. For example, aligning a cube and a square requires the exact position of the pinhole camera. All of this can be dramatically simplified with an orthographic projection where 'x' an 'y' coordinates in 3D space always map to the same 'x' and 'y' coordinates on the screen. Shapes lose their perspective but in many cases, especially when illustrating mathematical concepts, drawing "idealized" shapes is perfectly fine. The video below shows an orthographic projection of a sphere. The sphere (3D shape) could be completely eclipsed by a circle (2D shape) of the same radius with pixel-perfection.
<details>
<summary>Toggle source code.</summary>