https://wiki.psl.dev/index.php?action=history&feed=atom&title=MathForTruants 2026-07-24T19:58:59Z Revision history for this page on the wiki MediaWiki 1.45.3 https://wiki.psl.dev/index.php?title=MathForTruants&diff=5867&oldid=prev 2010-11-05T10:38:14Z

<p><span class="autocomment">Keep in Mind</span></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 10:38, 5 November 2010</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l60">Line 60:</td> <td colspan="2" class="diff-lineno">Line 60:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Sine / Cosine==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Sine / Cosine==</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=====Keep in Mind=====</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=====Keep in Mind=====</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>For repeating <del style="font-weight: bold; text-decoration: none;">patterns</del>:</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>For repeating <ins style="font-weight: bold; text-decoration: none;">animation</ins>:</div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== (sin((frame+timeoffset)*frequency)*amplitude)+offset ===</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== (sin((frame+timeoffset)*frequency)*amplitude)+offset ===</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>For circular motion:</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>For circular motion:</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== X = sin(time) and Y = cos(time) ===</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== X = sin(time) and Y = cos(time) ===</div></td></tr> </table>

192.168.35.150 https://wiki.psl.dev/index.php?title=MathForTruants&diff=5866&oldid=prev 2010-11-04T17:18:28Z

<p></p> <p><b>New page</b></p><div>[[Category:Animation]]<br /> ==Math for truants==<br /> <br /> ===Purpose===<br /> This site is meant as a cookbook for people who skipped math classes in favour of Rock&#039;n&#039;Roll but might find some formulas handy for graphical or animation work.<br /> <br /> This is not meant to be super accurate or political correct, but as a cheat sheet which is easy to remember.<br /> <br /> ==Modulo==<br /> Modulo or &quot;mod&quot; in most scripting languages &quot;%&quot; returns the remaining number of a division.<br /> For example:<br /> <br /> &#039;&#039;25 / 25 = 1 -&gt; 0 remains&#039;&#039;<br /> <br /> So:<br /> <br /> &#039;&#039;25 % 25 = 0&#039;&#039;<br /> <br /> ... while:<br /> <br /> &#039;&#039;26 / 25 = 1.xx -&gt; 1 remains (25*1 + 1 = 26)&#039;&#039;<br /> <br /> So:<br /> <br /> &#039;&#039;26 % 25 = 1&#039;&#039;<br /> <br /> ... while:<br /> <br /> &#039;&#039;27 / 25 = 1.xx -&gt; 2 remains (25*1 + 2 = 27)&#039;&#039;<br /> <br /> So:<br /> <br /> &#039;&#039;27 % 25 = 2&#039;&#039;<br /> <br /> ===Purpose===<br /> ====Loops====<br /> Let&#039;s say you have 5 images and want to loop through them.<br /> frame defines the current frame: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12 ...<br /> imageframe is the frame we will use as frame for the current looped image.<br /> <br /> &#039;&#039;imageframe = frame % 5&#039;&#039;<br /> <br /> Results:<br /> <br /> &#039;&#039;frame = 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12 ...&#039;&#039;<br /> <br /> ... while:<br /> <br /> &#039;&#039;imageframe = 1, 2, 3, 4, 5, 1, 2, 3, 4, 5, 1, 2 ...&#039;&#039;<br /> <br /> Now we can use imageframe as frame for the image to have a infinite loop of 5 frames.<br /> If you need to offset the result just add or subtract your offset.<br /> <br /> =====Keep in Mind=====<br /> For loops:<br /> <br /> === imageframe = (frame % totalframes) + offset ===<br /> <br /> <br /> ==Sine / Cosine==<br /> =====Keep in Mind=====<br /> For repeating patterns:<br /> === (sin((frame+timeoffset)*frequency)*amplitude)+offset ===<br /> <br /> For circular motion:<br /> === X = sin(time) and Y = cos(time) ===</div>

192.168.35.150