methods / circ-functions.htmlon commit physics cheatsheet - diffraction, huygen etc (54edf2c)
   1<!DOCTYPE html>
   2<html>
   3  <head>
   4    <meta charset="utf-8" />
   5    <title>circ-functions</title><script type="text/x-mathjax-config">
   6  MathJax.Hub.Config({
   7    jax: ["input/TeX","output/HTML-CSS"],
   8    extensions: ["[a11y]/accessibility-menu.js"],
   9    'HTML-CSS': {
  10      availableFonts: [],
  11      webFont: 'TeX',
  12      undefinedFamily: "serif",
  13      mtextFontInherit: true,
  14    },
  15    TeX: {
  16  "Macros": {},
  17  "equationNumbers": {
  18    "autoNumber": "AMS",
  19    "useLabelIds": false
  20  },
  21  "extensions": [
  22    "AMSmath.js",
  23    "AMSsymbols.js",
  24    "noErrors.js",
  25    "noUndefined.js",
  26    "AMSmath.js"
  27  ]
  28},
  29    showMathMenu: true
  30  });
  31</script>
  32<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js"></script>
  33    <style>body { padding: 0; margin: 0; }
  34.markdown-preview-plus-view:not([data-use-github-style]) {
  35  padding: 2em;
  36  font-size: 1.2em;
  37  color: #abb2bf;
  38  background-color: #282c34;
  39}
  40.markdown-preview-plus-view:not([data-use-github-style]) span.critic.comment > span {
  41  background-color: #282c34;
  42}
  43.markdown-preview-plus-view:not([data-use-github-style]) > :first-child {
  44  margin-top: 0;
  45}
  46.markdown-preview-plus-view:not([data-use-github-style]) h1,
  47.markdown-preview-plus-view:not([data-use-github-style]) h2,
  48.markdown-preview-plus-view:not([data-use-github-style]) h3,
  49.markdown-preview-plus-view:not([data-use-github-style]) h4,
  50.markdown-preview-plus-view:not([data-use-github-style]) h5,
  51.markdown-preview-plus-view:not([data-use-github-style]) h6 {
  52  line-height: 1.2;
  53  margin-top: 1.5em;
  54  margin-bottom: 0.5em;
  55  color: #ffffff;
  56}
  57.markdown-preview-plus-view:not([data-use-github-style]) h1 {
  58  font-size: 2.4em;
  59  font-weight: 300;
  60}
  61.markdown-preview-plus-view:not([data-use-github-style]) h2 {
  62  font-size: 1.8em;
  63  font-weight: 400;
  64}
  65.markdown-preview-plus-view:not([data-use-github-style]) h3 {
  66  font-size: 1.5em;
  67  font-weight: 500;
  68}
  69.markdown-preview-plus-view:not([data-use-github-style]) h4 {
  70  font-size: 1.2em;
  71  font-weight: 600;
  72}
  73.markdown-preview-plus-view:not([data-use-github-style]) h5 {
  74  font-size: 1.1em;
  75  font-weight: 600;
  76}
  77.markdown-preview-plus-view:not([data-use-github-style]) h6 {
  78  font-size: 1em;
  79  font-weight: 600;
  80}
  81.markdown-preview-plus-view:not([data-use-github-style]) strong {
  82  color: #ffffff;
  83}
  84.markdown-preview-plus-view:not([data-use-github-style]) del {
  85  color: #7c879c;
  86}
  87.markdown-preview-plus-view:not([data-use-github-style]) a,
  88.markdown-preview-plus-view:not([data-use-github-style]) a code {
  89  color: #528bff;
  90}
  91.markdown-preview-plus-view:not([data-use-github-style]) img {
  92  max-width: 100%;
  93}
  94.markdown-preview-plus-view:not([data-use-github-style]) > p {
  95  margin-top: 0;
  96  margin-bottom: 1.5em;
  97}
  98.markdown-preview-plus-view:not([data-use-github-style]) > ul,
  99.markdown-preview-plus-view:not([data-use-github-style]) > ol {
 100  margin-bottom: 1.5em;
 101}
 102.markdown-preview-plus-view:not([data-use-github-style]) blockquote {
 103  margin: 1.5em 0;
 104  font-size: inherit;
 105  color: #7c879c;
 106  border-color: #4b5362;
 107  border-width: 4px;
 108}
 109.markdown-preview-plus-view:not([data-use-github-style]) hr {
 110  margin: 3em 0;
 111  border-top: 2px dashed #4b5362;
 112  background: none;
 113}
 114.markdown-preview-plus-view:not([data-use-github-style]) table {
 115  margin: 1.5em 0;
 116}
 117.markdown-preview-plus-view:not([data-use-github-style]) th {
 118  color: #ffffff;
 119}
 120.markdown-preview-plus-view:not([data-use-github-style]) th,
 121.markdown-preview-plus-view:not([data-use-github-style]) td {
 122  padding: 0.66em 1em;
 123  border: 1px solid #4b5362;
 124}
 125.markdown-preview-plus-view:not([data-use-github-style]) pre,
 126.markdown-preview-plus-view:not([data-use-github-style]) code {
 127  color: #ffffff;
 128  background-color: #3a3f4b;
 129}
 130.markdown-preview-plus-view:not([data-use-github-style]) pre,
 131.markdown-preview-plus-view:not([data-use-github-style]) pre.editor-colors {
 132  margin: 1.5em 0;
 133  padding: 1em;
 134  font-size: 0.92em;
 135  border-radius: 3px;
 136  background-color: #31363f;
 137}
 138.markdown-preview-plus-view:not([data-use-github-style]) kbd {
 139  color: #ffffff;
 140  border: 1px solid #4b5362;
 141  border-bottom: 2px solid #3e4451;
 142  background-color: #3a3f4b;
 143}
 144
 145@include 'style-variables';
 146.markdown-preview-plus-view {
 147  display: block;
 148  overflow-x: hidden;
 149}
 150.markdown-preview-plus-view .emoji {
 151  max-width: 1em !important;
 152}
 153.markdown-preview-plus-view del {
 154  text-decoration: none;
 155  position: relative;
 156}
 157.markdown-preview-plus-view del::after {
 158  border-bottom: 1px solid black;
 159  content: '';
 160  left: 0;
 161  position: absolute;
 162  right: 0;
 163  top: 50%;
 164}
 165.markdown-preview-plus-view .flash {
 166  -webkit-animation: flash 1s ease-out;
 167  -webkit-animation-iteration-count: 1;
 168  outline: 1px solid rgba(255, 0, 0, 0);
 169}
 170@-webkit-keyframes flash {
 171  0% {
 172    outline-color: rgba(255, 0, 0, 0);
 173  }
 174  50% {
 175    outline-color: #ff0000;
 176  }
 177  100% {
 178    outline-color: rgba(255, 0, 0, 0);
 179  }
 180}
 181.markdown-preview-plus-view pre.editor-colors {
 182  display: block;
 183  overflow: auto;
 184  white-space: pre-line;
 185}
 186.markdown-preview-plus-view pre.editor-colors .line {
 187  display: inline;
 188}
 189@media print {
 190  .markdown-preview-plus-view pre.editor-colors {
 191    overflow: visible !important;
 192  }
 193  .markdown-preview-plus-view pre.editor-colors .line {
 194    white-space: pre-wrap !important;
 195  }
 196}
 197.markdown-preview-plus-view ul.contains-task-list li.task-list-item {
 198  position: relative;
 199  list-style-type: none;
 200}
 201.markdown-preview-plus-view ul.contains-task-list li.task-list-item input.task-list-item-checkbox {
 202  position: absolute;
 203  transform: translateX(-100%);
 204  width: 30px;
 205}
 206.markdown-preview-plus-view span.critic.comment {
 207  position: relative;
 208}
 209.markdown-preview-plus-view span.critic.comment::before {
 210  content: '\1f4ac';
 211  position: initial;
 212}
 213.markdown-preview-plus-view span.critic.comment > span {
 214  display: none;
 215}
 216.markdown-preview-plus-view span.critic.comment:hover > span {
 217  display: initial;
 218  position: absolute;
 219  top: 100%;
 220  left: 0;
 221  border: 1px solid;
 222  border-radius: 5px;
 223  max-height: 4em;
 224  overflow: auto;
 225}
 226.markdown-preview-plus-view span.critic.comment:focus > span {
 227  display: initial;
 228  text-decoration: underline;
 229  position: initial;
 230  top: auto;
 231  left: auto;
 232  border: initial;
 233  border-radius: initial;
 234}
 235
 236body.markdown-preview-plus-view[data-use-github-style] {
 237  overflow: initial !important;
 238}
 239.markdown-preview-plus-view[data-use-github-style] {
 240  overflow: hidden;
 241  font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;
 242  line-height: 1.6;
 243  word-wrap: break-word;
 244  padding: 30px;
 245  font-size: 16px;
 246  color: #333;
 247  background-color: #fff;
 248}
 249.markdown-preview-plus-view[data-use-github-style] > *:first-child {
 250  margin-top: 0 !important;
 251}
 252.markdown-preview-plus-view[data-use-github-style] > *:last-child {
 253  margin-bottom: 0 !important;
 254}
 255.markdown-preview-plus-view[data-use-github-style] a:not([href]) {
 256  color: inherit;
 257  text-decoration: none;
 258}
 259.markdown-preview-plus-view[data-use-github-style] .absent {
 260  color: #c00;
 261}
 262.markdown-preview-plus-view[data-use-github-style] .anchor {
 263  position: absolute;
 264  top: 0;
 265  left: 0;
 266  display: block;
 267  padding-right: 6px;
 268  padding-left: 30px;
 269  margin-left: -30px;
 270}
 271.markdown-preview-plus-view[data-use-github-style] .anchor:focus {
 272  outline: none;
 273}
 274.markdown-preview-plus-view[data-use-github-style] h1,
 275.markdown-preview-plus-view[data-use-github-style] h2,
 276.markdown-preview-plus-view[data-use-github-style] h3,
 277.markdown-preview-plus-view[data-use-github-style] h4,
 278.markdown-preview-plus-view[data-use-github-style] h5,
 279.markdown-preview-plus-view[data-use-github-style] h6 {
 280  position: relative;
 281  margin-top: 1em;
 282  margin-bottom: 16px;
 283  font-weight: bold;
 284  line-height: 1.4;
 285}
 286.markdown-preview-plus-view[data-use-github-style] h1 .octicon-link,
 287.markdown-preview-plus-view[data-use-github-style] h2 .octicon-link,
 288.markdown-preview-plus-view[data-use-github-style] h3 .octicon-link,
 289.markdown-preview-plus-view[data-use-github-style] h4 .octicon-link,
 290.markdown-preview-plus-view[data-use-github-style] h5 .octicon-link,
 291.markdown-preview-plus-view[data-use-github-style] h6 .octicon-link {
 292  display: none;
 293  color: #000;
 294  vertical-align: middle;
 295}
 296.markdown-preview-plus-view[data-use-github-style] h1:hover .anchor,
 297.markdown-preview-plus-view[data-use-github-style] h2:hover .anchor,
 298.markdown-preview-plus-view[data-use-github-style] h3:hover .anchor,
 299.markdown-preview-plus-view[data-use-github-style] h4:hover .anchor,
 300.markdown-preview-plus-view[data-use-github-style] h5:hover .anchor,
 301.markdown-preview-plus-view[data-use-github-style] h6:hover .anchor {
 302  padding-left: 8px;
 303  margin-left: -30px;
 304  text-decoration: none;
 305}
 306.markdown-preview-plus-view[data-use-github-style] h1:hover .anchor .octicon-link,
 307.markdown-preview-plus-view[data-use-github-style] h2:hover .anchor .octicon-link,
 308.markdown-preview-plus-view[data-use-github-style] h3:hover .anchor .octicon-link,
 309.markdown-preview-plus-view[data-use-github-style] h4:hover .anchor .octicon-link,
 310.markdown-preview-plus-view[data-use-github-style] h5:hover .anchor .octicon-link,
 311.markdown-preview-plus-view[data-use-github-style] h6:hover .anchor .octicon-link {
 312  display: inline-block;
 313}
 314.markdown-preview-plus-view[data-use-github-style] h1 tt,
 315.markdown-preview-plus-view[data-use-github-style] h2 tt,
 316.markdown-preview-plus-view[data-use-github-style] h3 tt,
 317.markdown-preview-plus-view[data-use-github-style] h4 tt,
 318.markdown-preview-plus-view[data-use-github-style] h5 tt,
 319.markdown-preview-plus-view[data-use-github-style] h6 tt,
 320.markdown-preview-plus-view[data-use-github-style] h1 code,
 321.markdown-preview-plus-view[data-use-github-style] h2 code,
 322.markdown-preview-plus-view[data-use-github-style] h3 code,
 323.markdown-preview-plus-view[data-use-github-style] h4 code,
 324.markdown-preview-plus-view[data-use-github-style] h5 code,
 325.markdown-preview-plus-view[data-use-github-style] h6 code {
 326  font-size: inherit;
 327}
 328.markdown-preview-plus-view[data-use-github-style] h1 {
 329  padding-bottom: 0.3em;
 330  font-size: 2.25em;
 331  line-height: 1.2;
 332  border-bottom: 1px solid #eee;
 333}
 334.markdown-preview-plus-view[data-use-github-style] h1 .anchor {
 335  line-height: 1;
 336}
 337.markdown-preview-plus-view[data-use-github-style] h2 {
 338  padding-bottom: 0.3em;
 339  font-size: 1.75em;
 340  line-height: 1.225;
 341  border-bottom: 1px solid #eee;
 342}
 343.markdown-preview-plus-view[data-use-github-style] h2 .anchor {
 344  line-height: 1;
 345}
 346.markdown-preview-plus-view[data-use-github-style] h3 {
 347  font-size: 1.5em;
 348  line-height: 1.43;
 349}
 350.markdown-preview-plus-view[data-use-github-style] h3 .anchor {
 351  line-height: 1.2;
 352}
 353.markdown-preview-plus-view[data-use-github-style] h4 {
 354  font-size: 1.25em;
 355}
 356.markdown-preview-plus-view[data-use-github-style] h4 .anchor {
 357  line-height: 1.2;
 358}
 359.markdown-preview-plus-view[data-use-github-style] h5 {
 360  font-size: 1em;
 361}
 362.markdown-preview-plus-view[data-use-github-style] h5 .anchor {
 363  line-height: 1.1;
 364}
 365.markdown-preview-plus-view[data-use-github-style] h6 {
 366  font-size: 1em;
 367  color: #777;
 368}
 369.markdown-preview-plus-view[data-use-github-style] h6 .anchor {
 370  line-height: 1.1;
 371}
 372.markdown-preview-plus-view[data-use-github-style] p,
 373.markdown-preview-plus-view[data-use-github-style] blockquote,
 374.markdown-preview-plus-view[data-use-github-style] ul,
 375.markdown-preview-plus-view[data-use-github-style] ol,
 376.markdown-preview-plus-view[data-use-github-style] dl,
 377.markdown-preview-plus-view[data-use-github-style] table,
 378.markdown-preview-plus-view[data-use-github-style] pre {
 379  margin-top: 0;
 380  margin-bottom: 16px;
 381}
 382.markdown-preview-plus-view[data-use-github-style] hr {
 383  height: 4px;
 384  padding: 0;
 385  margin: 16px 0;
 386  background-color: #e7e7e7;
 387  border: 0 none;
 388}
 389.markdown-preview-plus-view[data-use-github-style] ul,
 390.markdown-preview-plus-view[data-use-github-style] ol {
 391  padding-left: 2em;
 392}
 393.markdown-preview-plus-view[data-use-github-style] ul.no-list,
 394.markdown-preview-plus-view[data-use-github-style] ol.no-list {
 395  padding: 0;
 396  list-style-type: none;
 397}
 398.markdown-preview-plus-view[data-use-github-style] ul ul,
 399.markdown-preview-plus-view[data-use-github-style] ul ol,
 400.markdown-preview-plus-view[data-use-github-style] ol ol,
 401.markdown-preview-plus-view[data-use-github-style] ol ul {
 402  margin-top: 0;
 403  margin-bottom: 0;
 404}
 405.markdown-preview-plus-view[data-use-github-style] li > p {
 406  margin-top: 16px;
 407}
 408.markdown-preview-plus-view[data-use-github-style] dl {
 409  padding: 0;
 410}
 411.markdown-preview-plus-view[data-use-github-style] dl dt {
 412  padding: 0;
 413  margin-top: 16px;
 414  font-size: 1em;
 415  font-style: italic;
 416  font-weight: bold;
 417}
 418.markdown-preview-plus-view[data-use-github-style] dl dd {
 419  padding: 0 16px;
 420  margin-bottom: 16px;
 421}
 422.markdown-preview-plus-view[data-use-github-style] blockquote {
 423  padding: 0 15px;
 424  color: #777;
 425  border-left: 4px solid #ddd;
 426}
 427.markdown-preview-plus-view[data-use-github-style] blockquote > :first-child {
 428  margin-top: 0;
 429}
 430.markdown-preview-plus-view[data-use-github-style] blockquote > :last-child {
 431  margin-bottom: 0;
 432}
 433.markdown-preview-plus-view[data-use-github-style] table {
 434  display: block;
 435  width: 100%;
 436  overflow: auto;
 437  word-break: normal;
 438  word-break: keep-all;
 439}
 440.markdown-preview-plus-view[data-use-github-style] table th {
 441  font-weight: bold;
 442}
 443.markdown-preview-plus-view[data-use-github-style] table th,
 444.markdown-preview-plus-view[data-use-github-style] table td {
 445  padding: 6px 13px;
 446  border: 1px solid #ddd;
 447}
 448.markdown-preview-plus-view[data-use-github-style] table tr {
 449  background-color: #fff;
 450  border-top: 1px solid #ccc;
 451}
 452.markdown-preview-plus-view[data-use-github-style] table tr:nth-child(2n) {
 453  background-color: #f8f8f8;
 454}
 455.markdown-preview-plus-view[data-use-github-style] img {
 456  max-width: 100%;
 457  -moz-box-sizing: border-box;
 458  box-sizing: border-box;
 459}
 460.markdown-preview-plus-view[data-use-github-style] .emoji {
 461  max-width: none;
 462}
 463.markdown-preview-plus-view[data-use-github-style] span.frame {
 464  display: block;
 465  overflow: hidden;
 466}
 467.markdown-preview-plus-view[data-use-github-style] span.frame > span {
 468  display: block;
 469  float: left;
 470  width: auto;
 471  padding: 7px;
 472  margin: 13px 0 0;
 473  overflow: hidden;
 474  border: 1px solid #ddd;
 475}
 476.markdown-preview-plus-view[data-use-github-style] span.frame span img {
 477  display: block;
 478  float: left;
 479}
 480.markdown-preview-plus-view[data-use-github-style] span.frame span span {
 481  display: block;
 482  padding: 5px 0 0;
 483  clear: both;
 484  color: #333;
 485}
 486.markdown-preview-plus-view[data-use-github-style] span.align-center {
 487  display: block;
 488  overflow: hidden;
 489  clear: both;
 490}
 491.markdown-preview-plus-view[data-use-github-style] span.align-center > span {
 492  display: block;
 493  margin: 13px auto 0;
 494  overflow: hidden;
 495  text-align: center;
 496}
 497.markdown-preview-plus-view[data-use-github-style] span.align-center span img {
 498  margin: 0 auto;
 499  text-align: center;
 500}
 501.markdown-preview-plus-view[data-use-github-style] span.align-right {
 502  display: block;
 503  overflow: hidden;
 504  clear: both;
 505}
 506.markdown-preview-plus-view[data-use-github-style] span.align-right > span {
 507  display: block;
 508  margin: 13px 0 0;
 509  overflow: hidden;
 510  text-align: right;
 511}
 512.markdown-preview-plus-view[data-use-github-style] span.align-right span img {
 513  margin: 0;
 514  text-align: right;
 515}
 516.markdown-preview-plus-view[data-use-github-style] span.float-left {
 517  display: block;
 518  float: left;
 519  margin-right: 13px;
 520  overflow: hidden;
 521}
 522.markdown-preview-plus-view[data-use-github-style] span.float-left span {
 523  margin: 13px 0 0;
 524}
 525.markdown-preview-plus-view[data-use-github-style] span.float-right {
 526  display: block;
 527  float: right;
 528  margin-left: 13px;
 529  overflow: hidden;
 530}
 531.markdown-preview-plus-view[data-use-github-style] span.float-right > span {
 532  display: block;
 533  margin: 13px auto 0;
 534  overflow: hidden;
 535  text-align: right;
 536}
 537.markdown-preview-plus-view[data-use-github-style] code,
 538.markdown-preview-plus-view[data-use-github-style] tt {
 539  padding: 0;
 540  padding-top: 0.2em;
 541  padding-bottom: 0.2em;
 542  margin: 0;
 543  font-size: 85%;
 544  background-color: rgba(0, 0, 0, 0.04);
 545  border-radius: 3px;
 546}
 547.markdown-preview-plus-view[data-use-github-style] code:before,
 548.markdown-preview-plus-view[data-use-github-style] tt:before,
 549.markdown-preview-plus-view[data-use-github-style] code:after,
 550.markdown-preview-plus-view[data-use-github-style] tt:after {
 551  letter-spacing: -0.2em;
 552  content: "\00a0";
 553}
 554.markdown-preview-plus-view[data-use-github-style] code br,
 555.markdown-preview-plus-view[data-use-github-style] tt br {
 556  display: none;
 557}
 558.markdown-preview-plus-view[data-use-github-style] del code {
 559  text-decoration: inherit;
 560}
 561.markdown-preview-plus-view[data-use-github-style] pre > code {
 562  padding: 0;
 563  margin: 0;
 564  font-size: 100%;
 565  word-break: normal;
 566  white-space: pre;
 567  background: transparent;
 568  border: 0;
 569}
 570.markdown-preview-plus-view[data-use-github-style] .highlight {
 571  margin-bottom: 16px;
 572}
 573.markdown-preview-plus-view[data-use-github-style] .highlight pre,
 574.markdown-preview-plus-view[data-use-github-style] pre {
 575  padding: 16px;
 576  overflow: auto;
 577  font-size: 85%;
 578  line-height: 1.45;
 579  background-color: #f7f7f7;
 580  border-radius: 3px;
 581}
 582.markdown-preview-plus-view[data-use-github-style] .highlight pre {
 583  margin-bottom: 0;
 584  word-break: normal;
 585}
 586.markdown-preview-plus-view[data-use-github-style] pre {
 587  word-wrap: normal;
 588}
 589.markdown-preview-plus-view[data-use-github-style] pre code,
 590.markdown-preview-plus-view[data-use-github-style] pre tt {
 591  display: inline;
 592  max-width: initial;
 593  padding: 0;
 594  margin: 0;
 595  overflow: initial;
 596  line-height: inherit;
 597  word-wrap: normal;
 598  background-color: transparent;
 599  border: 0;
 600}
 601.markdown-preview-plus-view[data-use-github-style] pre code:before,
 602.markdown-preview-plus-view[data-use-github-style] pre tt:before,
 603.markdown-preview-plus-view[data-use-github-style] pre code:after,
 604.markdown-preview-plus-view[data-use-github-style] pre tt:after {
 605  content: normal;
 606}
 607.markdown-preview-plus-view[data-use-github-style] kbd {
 608  display: inline-block;
 609  padding: 3px 5px;
 610  font-size: 11px;
 611  line-height: 10px;
 612  color: #555;
 613  vertical-align: middle;
 614  background-color: #fcfcfc;
 615  border: solid 1px #ccc;
 616  border-bottom-color: #bbb;
 617  border-radius: 3px;
 618  box-shadow: inset 0 -1px 0 #bbb;
 619}
 620.markdown-preview-plus-view[data-use-github-style] span.critic.comment > span {
 621  background-color: #fff;
 622}
 623.markdown-preview-plus-view[data-use-github-style] a {
 624  color: #337ab7;
 625}
 626.markdown-preview-plus-view[data-use-github-style] pre,
 627.markdown-preview-plus-view[data-use-github-style] code {
 628  color: inherit;
 629}
 630.markdown-preview-plus-view[data-use-github-style] pre,
 631.markdown-preview-plus-view[data-use-github-style] pre.editor-colors {
 632  padding: 0.8em 1em;
 633  margin-bottom: 1em;
 634  font-size: 0.85em;
 635  border-radius: 4px;
 636  overflow: auto;
 637}
 638
 639.bracket-matcher .region {
 640  border-bottom: 1px dotted lime;
 641  position: absolute;
 642}
 643.line-number.bracket-matcher.bracket-matcher {
 644  color: #abb2bf;
 645  background-color: #3a3f4b;
 646}
 647
 648.spell-check-misspelling .region {
 649  border-bottom: 2px dotted rgba(255, 51, 51, 0.75);
 650}
 651.spell-check-corrections {
 652  width: 25em !important;
 653}
 654
 655pre.editor-colors {
 656  background-color: #282c34;
 657  color: #abb2bf;
 658}
 659pre.editor-colors .line.cursor-line {
 660  background-color: rgba(153, 187, 255, 0.04);
 661}
 662pre.editor-colors .invisible {
 663  color: #abb2bf;
 664}
 665pre.editor-colors .cursor {
 666  border-left: 2px solid #528bff;
 667}
 668pre.editor-colors .selection .region {
 669  background-color: #3e4451;
 670}
 671pre.editor-colors .bracket-matcher .region {
 672  border-bottom: 1px solid #528bff;
 673  box-sizing: border-box;
 674}
 675pre.editor-colors .invisible-character {
 676  color: rgba(171, 178, 191, 0.15);
 677}
 678pre.editor-colors .indent-guide {
 679  color: rgba(171, 178, 191, 0.15);
 680}
 681pre.editor-colors .wrap-guide {
 682  background-color: rgba(171, 178, 191, 0.15);
 683}
 684pre.editor-colors .find-result .region.region.region,
 685pre.editor-colors .current-result .region.region.region {
 686  border-radius: 2px;
 687  background-color: rgba(82, 139, 255, 0.24);
 688  transition: border-color 0.4s;
 689}
 690pre.editor-colors .find-result .region.region.region {
 691  border: 2px solid transparent;
 692}
 693pre.editor-colors .current-result .region.region.region {
 694  border: 2px solid #528bff;
 695  transition-duration: .1s;
 696}
 697pre.editor-colors .gutter .line-number {
 698  color: #636d83;
 699  -webkit-font-smoothing: antialiased;
 700}
 701pre.editor-colors .gutter .line-number.cursor-line {
 702  color: #abb2bf;
 703  background-color: #3a3f4b;
 704}
 705pre.editor-colors .gutter .line-number.cursor-line-no-selection {
 706  background-color: transparent;
 707}
 708pre.editor-colors .gutter .line-number .icon-right {
 709  color: #abb2bf;
 710}
 711pre.editor-colors .gutter:not(.git-diff-icon) .line-number.git-line-removed.git-line-removed::before {
 712  bottom: -3px;
 713}
 714pre.editor-colors .gutter:not(.git-diff-icon) .line-number.git-line-removed::after {
 715  content: "";
 716  position: absolute;
 717  left: 0px;
 718  bottom: 0px;
 719  width: 25px;
 720  border-bottom: 1px dotted rgba(224, 82, 82, 0.5);
 721  pointer-events: none;
 722}
 723pre.editor-colors .gutter .line-number.folded,
 724pre.editor-colors .gutter .line-number:after,
 725pre.editor-colors .fold-marker:after {
 726  color: #abb2bf;
 727}
 728.syntax--comment {
 729  color: #5c6370;
 730  font-style: italic;
 731}
 732.syntax--comment .syntax--markup.syntax--link {
 733  color: #5c6370;
 734}
 735.syntax--entity.syntax--name.syntax--type {
 736  color: #e5c07b;
 737}
 738.syntax--entity.syntax--other.syntax--inherited-class {
 739  color: #98c379;
 740}
 741.syntax--keyword {
 742  color: #c678dd;
 743}
 744.syntax--keyword.syntax--control {
 745  color: #c678dd;
 746}
 747.syntax--keyword.syntax--operator {
 748  color: #abb2bf;
 749}
 750.syntax--keyword.syntax--other.syntax--special-method {
 751  color: #61afef;
 752}
 753.syntax--keyword.syntax--other.syntax--unit {
 754  color: #d19a66;
 755}
 756.syntax--storage {
 757  color: #c678dd;
 758}
 759.syntax--storage.syntax--type.syntax--annotation,
 760.syntax--storage.syntax--type.syntax--primitive {
 761  color: #c678dd;
 762}
 763.syntax--storage.syntax--modifier.syntax--package,
 764.syntax--storage.syntax--modifier.syntax--import {
 765  color: #abb2bf;
 766}
 767.syntax--constant {
 768  color: #d19a66;
 769}
 770.syntax--constant.syntax--variable {
 771  color: #d19a66;
 772}
 773.syntax--constant.syntax--character.syntax--escape {
 774  color: #56b6c2;
 775}
 776.syntax--constant.syntax--numeric {
 777  color: #d19a66;
 778}
 779.syntax--constant.syntax--other.syntax--color {
 780  color: #56b6c2;
 781}
 782.syntax--constant.syntax--other.syntax--symbol {
 783  color: #56b6c2;
 784}
 785.syntax--variable {
 786  color: #e06c75;
 787}
 788.syntax--variable.syntax--interpolation {
 789  color: #be5046;
 790}
 791.syntax--variable.syntax--parameter {
 792  color: #abb2bf;
 793}
 794.syntax--string {
 795  color: #98c379;
 796}
 797.syntax--string.syntax--regexp {
 798  color: #56b6c2;
 799}
 800.syntax--string.syntax--regexp .syntax--source.syntax--ruby.syntax--embedded {
 801  color: #e5c07b;
 802}
 803.syntax--string.syntax--other.syntax--link {
 804  color: #e06c75;
 805}
 806.syntax--punctuation.syntax--definition.syntax--comment {
 807  color: #5c6370;
 808}
 809.syntax--punctuation.syntax--definition.syntax--method-parameters,
 810.syntax--punctuation.syntax--definition.syntax--function-parameters,
 811.syntax--punctuation.syntax--definition.syntax--parameters,
 812.syntax--punctuation.syntax--definition.syntax--separator,
 813.syntax--punctuation.syntax--definition.syntax--seperator,
 814.syntax--punctuation.syntax--definition.syntax--array {
 815  color: #abb2bf;
 816}
 817.syntax--punctuation.syntax--definition.syntax--heading,
 818.syntax--punctuation.syntax--definition.syntax--identity {
 819  color: #61afef;
 820}
 821.syntax--punctuation.syntax--definition.syntax--bold {
 822  color: #e5c07b;
 823  font-weight: bold;
 824}
 825.syntax--punctuation.syntax--definition.syntax--italic {
 826  color: #c678dd;
 827  font-style: italic;
 828}
 829.syntax--punctuation.syntax--section.syntax--embedded {
 830  color: #be5046;
 831}
 832.syntax--punctuation.syntax--section.syntax--method,
 833.syntax--punctuation.syntax--section.syntax--class,
 834.syntax--punctuation.syntax--section.syntax--inner-class {
 835  color: #abb2bf;
 836}
 837.syntax--support.syntax--class {
 838  color: #e5c07b;
 839}
 840.syntax--support.syntax--type {
 841  color: #56b6c2;
 842}
 843.syntax--support.syntax--function {
 844  color: #56b6c2;
 845}
 846.syntax--support.syntax--function.syntax--any-method {
 847  color: #61afef;
 848}
 849.syntax--entity.syntax--name.syntax--function {
 850  color: #61afef;
 851}
 852.syntax--entity.syntax--name.syntax--class,
 853.syntax--entity.syntax--name.syntax--type.syntax--class {
 854  color: #e5c07b;
 855}
 856.syntax--entity.syntax--name.syntax--section {
 857  color: #61afef;
 858}
 859.syntax--entity.syntax--name.syntax--tag {
 860  color: #e06c75;
 861}
 862.syntax--entity.syntax--other.syntax--attribute-name {
 863  color: #d19a66;
 864}
 865.syntax--entity.syntax--other.syntax--attribute-name.syntax--id {
 866  color: #61afef;
 867}
 868.syntax--meta.syntax--class {
 869  color: #e5c07b;
 870}
 871.syntax--meta.syntax--class.syntax--body {
 872  color: #abb2bf;
 873}
 874.syntax--meta.syntax--method-call,
 875.syntax--meta.syntax--method {
 876  color: #abb2bf;
 877}
 878.syntax--meta.syntax--definition.syntax--variable {
 879  color: #e06c75;
 880}
 881.syntax--meta.syntax--link {
 882  color: #d19a66;
 883}
 884.syntax--meta.syntax--require {
 885  color: #61afef;
 886}
 887.syntax--meta.syntax--selector {
 888  color: #c678dd;
 889}
 890.syntax--meta.syntax--separator {
 891  color: #abb2bf;
 892}
 893.syntax--meta.syntax--tag {
 894  color: #abb2bf;
 895}
 896.syntax--underline {
 897  text-decoration: underline;
 898}
 899.syntax--none {
 900  color: #abb2bf;
 901}
 902.syntax--invalid.syntax--deprecated {
 903  color: #523d14 !important;
 904  background-color: #e0c285 !important;
 905}
 906.syntax--invalid.syntax--illegal {
 907  color: white !important;
 908  background-color: #e05252 !important;
 909}
 910.syntax--markup.syntax--bold {
 911  color: #d19a66;
 912  font-weight: bold;
 913}
 914.syntax--markup.syntax--changed {
 915  color: #c678dd;
 916}
 917.syntax--markup.syntax--deleted {
 918  color: #e06c75;
 919}
 920.syntax--markup.syntax--italic {
 921  color: #c678dd;
 922  font-style: italic;
 923}
 924.syntax--markup.syntax--heading {
 925  color: #e06c75;
 926}
 927.syntax--markup.syntax--heading .syntax--punctuation.syntax--definition.syntax--heading {
 928  color: #61afef;
 929}
 930.syntax--markup.syntax--link {
 931  color: #56b6c2;
 932}
 933.syntax--markup.syntax--inserted {
 934  color: #98c379;
 935}
 936.syntax--markup.syntax--quote {
 937  color: #d19a66;
 938}
 939.syntax--markup.syntax--raw {
 940  color: #98c379;
 941}
 942.syntax--source.syntax--c .syntax--keyword.syntax--operator {
 943  color: #c678dd;
 944}
 945.syntax--source.syntax--cpp .syntax--keyword.syntax--operator {
 946  color: #c678dd;
 947}
 948.syntax--source.syntax--cs .syntax--keyword.syntax--operator {
 949  color: #c678dd;
 950}
 951.syntax--source.syntax--css .syntax--property-name,
 952.syntax--source.syntax--css .syntax--property-value {
 953  color: #828997;
 954}
 955.syntax--source.syntax--css .syntax--property-name.syntax--support,
 956.syntax--source.syntax--css .syntax--property-value.syntax--support {
 957  color: #abb2bf;
 958}
 959.syntax--source.syntax--elixir .syntax--source.syntax--embedded.syntax--source {
 960  color: #abb2bf;
 961}
 962.syntax--source.syntax--elixir .syntax--constant.syntax--language,
 963.syntax--source.syntax--elixir .syntax--constant.syntax--numeric,
 964.syntax--source.syntax--elixir .syntax--constant.syntax--definition {
 965  color: #61afef;
 966}
 967.syntax--source.syntax--elixir .syntax--variable.syntax--definition,
 968.syntax--source.syntax--elixir .syntax--variable.syntax--anonymous {
 969  color: #c678dd;
 970}
 971.syntax--source.syntax--elixir .syntax--parameter.syntax--variable.syntax--function {
 972  color: #d19a66;
 973  font-style: italic;
 974}
 975.syntax--source.syntax--elixir .syntax--quoted {
 976  color: #98c379;
 977}
 978.syntax--source.syntax--elixir .syntax--keyword.syntax--special-method,
 979.syntax--source.syntax--elixir .syntax--embedded.syntax--section,
 980.syntax--source.syntax--elixir .syntax--embedded.syntax--source.syntax--empty {
 981  color: #e06c75;
 982}
 983.syntax--source.syntax--elixir .syntax--readwrite.syntax--module .syntax--punctuation {
 984  color: #e06c75;
 985}
 986.syntax--source.syntax--elixir .syntax--regexp.syntax--section,
 987.syntax--source.syntax--elixir .syntax--regexp.syntax--string {
 988  color: #be5046;
 989}
 990.syntax--source.syntax--elixir .syntax--separator,
 991.syntax--source.syntax--elixir .syntax--keyword.syntax--operator {
 992  color: #d19a66;
 993}
 994.syntax--source.syntax--elixir .syntax--variable.syntax--constant {
 995  color: #e5c07b;
 996}
 997.syntax--source.syntax--elixir .syntax--array,
 998.syntax--source.syntax--elixir .syntax--scope,
 999.syntax--source.syntax--elixir .syntax--section {
1000  color: #828997;
1001}
1002.syntax--source.syntax--gfm .syntax--markup {
1003  -webkit-font-smoothing: auto;
1004}
1005.syntax--source.syntax--gfm .syntax--link .syntax--entity {
1006  color: #61afef;
1007}
1008.syntax--source.syntax--go .syntax--storage.syntax--type.syntax--string {
1009  color: #c678dd;
1010}
1011.syntax--source.syntax--ini .syntax--keyword.syntax--other.syntax--definition.syntax--ini {
1012  color: #e06c75;
1013}
1014.syntax--source.syntax--java .syntax--storage.syntax--modifier.syntax--import {
1015  color: #e5c07b;
1016}
1017.syntax--source.syntax--java .syntax--storage.syntax--type {
1018  color: #e5c07b;
1019}
1020.syntax--source.syntax--java .syntax--keyword.syntax--operator.syntax--instanceof {
1021  color: #c678dd;
1022}
1023.syntax--source.syntax--java-properties .syntax--meta.syntax--key-pair {
1024  color: #e06c75;
1025}
1026.syntax--source.syntax--java-properties .syntax--meta.syntax--key-pair > .syntax--punctuation {
1027  color: #abb2bf;
1028}
1029.syntax--source.syntax--js .syntax--keyword.syntax--operator {
1030  color: #56b6c2;
1031}
1032.syntax--source.syntax--js .syntax--keyword.syntax--operator.syntax--delete,
1033.syntax--source.syntax--js .syntax--keyword.syntax--operator.syntax--in,
1034.syntax--source.syntax--js .syntax--keyword.syntax--operator.syntax--of,
1035.syntax--source.syntax--js .syntax--keyword.syntax--operator.syntax--instanceof,
1036.syntax--source.syntax--js .syntax--keyword.syntax--operator.syntax--new,
1037.syntax--source.syntax--js .syntax--keyword.syntax--operator.syntax--typeof,
1038.syntax--source.syntax--js .syntax--keyword.syntax--operator.syntax--void {
1039  color: #c678dd;
1040}
1041.syntax--source.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--json > .syntax--string.syntax--quoted.syntax--json {
1042  color: #e06c75;
1043}
1044.syntax--source.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--json > .syntax--string.syntax--quoted.syntax--json > .syntax--punctuation.syntax--string {
1045  color: #e06c75;
1046}
1047.syntax--source.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--json > .syntax--value.syntax--json > .syntax--string.syntax--quoted.syntax--json,
1048.syntax--source.syntax--json .syntax--meta.syntax--structure.syntax--array.syntax--json > .syntax--value.syntax--json > .syntax--string.syntax--quoted.syntax--json,
1049.syntax--source.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--json > .syntax--value.syntax--json > .syntax--string.syntax--quoted.syntax--json > .syntax--punctuation,
1050.syntax--source.syntax--json .syntax--meta.syntax--structure.syntax--array.syntax--json > .syntax--value.syntax--json > .syntax--string.syntax--quoted.syntax--json > .syntax--punctuation {
1051  color: #98c379;
1052}
1053.syntax--source.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--json > .syntax--constant.syntax--language.syntax--json,
1054.syntax--source.syntax--json .syntax--meta.syntax--structure.syntax--array.syntax--json > .syntax--constant.syntax--language.syntax--json {
1055  color: #56b6c2;
1056}
1057.syntax--source.syntax--ruby .syntax--constant.syntax--other.syntax--symbol > .syntax--punctuation {
1058  color: inherit;
1059}
1060.syntax--source.syntax--php .syntax--class.syntax--bracket {
1061  color: #abb2bf;
1062}
1063.syntax--source.syntax--python .syntax--keyword.syntax--operator.syntax--logical.syntax--python {
1064  color: #c678dd;
1065}
1066.syntax--source.syntax--python .syntax--variable.syntax--parameter {
1067  color: #d19a66;
1068}
1069</style>
1070
1071  </head>
1072  <body class="markdown-preview-plus-view">
1073    <h1>Circular functions</h1>
1074<h2>Radians and degrees</h2>
1075<span class="math"><script type="math/tex; mode=display">1 \thinspace \operatorname{rad}={{180 \operatorname{deg}}\over \pi}
1076</script></span>
1077<h2>Exact values</h2>
1078<h2><span class="math"><script type="math/tex">\sin</script></span> and <span class="math"><script type="math/tex">\cos</script></span> graphs</h2>
1079<span class="math"><script type="math/tex; mode=display">f(x)=a \sin(bx-c)+d
1080</script></span>
1081<span class="math"><script type="math/tex; mode=display">f(x)=a \cos(bx-c)+d
1082</script></span>
1083<p>where<br>
1084<span class="math"><script type="math/tex">a</script></span> is the <span class="math"><script type="math/tex">y</script></span>-dilation (amplitude)<br>
1085<span class="math"><script type="math/tex">b</script></span> is the <span class="math"><script type="math/tex">x</script></span>-dilation (period)<br>
1086<span class="math"><script type="math/tex">c</script></span> is the <span class="math"><script type="math/tex">x</script></span>-shift (phase)<br>
1087<span class="math"><script type="math/tex">d</script></span> is the <span class="math"><script type="math/tex">y</script></span>-shift (equilibrium position)</p>
1088<p>Domain is <span class="math"><script type="math/tex">\mathbb{R}</script></span><br>
1089Range is <span class="math"><script type="math/tex">[-b+c, b+c]</script></span>;</p>
1090<p>Graph of <span class="math"><script type="math/tex">\cos(x)</script></span> starts at <span class="math"><script type="math/tex">(0,1)</script></span>. Graph of <span class="math"><script type="math/tex">\sin(x)</script></span> starts at <span class="math"><script type="math/tex">(0,0)</script></span>.</p>
1091<p><strong>Mean / equilibrium:</strong> line that the graph oscillates around (<span class="math"><script type="math/tex">y=d</script></span>)</p>
1092<h2>Solving trig equations</h2>
1093<ol>
1094<li>Solve domain for <span class="math"><script type="math/tex">n\theta</script></span></li>
1095<li>Find solutions for <span class="math"><script type="math/tex">n\theta</script></span></li>
1096<li>Divide solutions by <span class="math"><script type="math/tex">n</script></span></li>
1097</ol>
1098<p><span class="math"><script type="math/tex">\sin2\theta={\sqrt{3}\over2}, \quad \theta \in[0, 2\pi] \quad(\therefore 2\theta \in [0,4\pi])</script></span><br>
1099<span class="math"><script type="math/tex">2\theta=\sin^{-1}{\sqrt{3} \over 2}</script></span><br>
1100<span class="math"><script type="math/tex">2\theta={\pi\over 3}, {2\pi \over 3}, {7\pi \over 3}, {8\pi \over 3}</script></span><br>
1101<span class="math"><script type="math/tex">\therefore \theta = {\pi \over 6}, {\pi \over 3}, {7 \pi \over 6}, {4\pi \over 3}</script></span></p>
1102<h3>Amplitude</h3>
1103<p>Amplitude of <span class="math"><script type="math/tex">a</script></span> means graph oscillates between <span class="math"><script type="math/tex">+a</script></span> and <span class="math"><script type="math/tex">-a</script></span> in <span class="math"><script type="math/tex">y</script></span>-axis</p>
1104<p><span class="math"><script type="math/tex">a=0</script></span> produces straight line<br>
1105<span class="math"><script type="math/tex">a\lt0</script></span> inverts the phase (<span class="math"><script type="math/tex">\sin</script></span> becomes <span class="math"><script type="math/tex">\cos</script></span>, vice vera)</p>
1106<h3>Period</h3>
1107<p>Period <span class="math"><script type="math/tex">T</script></span> is <span class="math"><script type="math/tex">{2 \pi}\over b</script></span><br>
1108<span class="math"><script type="math/tex">b=0</script></span> produces straight line<br>
1109<span class="math"><script type="math/tex">b\lt0</script></span> inverts the phase</p>
1110<h3>Phase</h3>
1111<p><span class="math"><script type="math/tex">c</script></span> moves the graph left-right in the <span class="math"><script type="math/tex">x</script></span> axis.<br>
1112If <span class="math"><script type="math/tex">c=T={{2\pi}\over b}</script></span>, the graph has no actual phase shift.</p>
1113<h2>Symmetry</h2>
1114<span class="math"><script type="math/tex; mode=display">\sin(\theta+{\pi\over 2})=\sin\theta
1115</script></span>
1116<span class="math"><script type="math/tex; mode=display">\sin(\theta+\pi)=-\sin\theta
1117</script></span>
1118<span class="math"><script type="math/tex; mode=display">\cos(\theta+{\pi \over 2})=-\cos\theta
1119</script></span>
1120<span class="math"><script type="math/tex; mode=display">\cos(\theta+\pi)=-cos(\theta+{3\pi \over 2})=\cos(-\theta)
1121</script></span>
1122<h2>Pythagorean identity</h2>
1123<span class="math"><script type="math/tex; mode=display">\cos^2\theta+\sin^2\theta=1
1124</script></span>
1125<h2>Complementary relationships</h2>
1126<span class="math"><script type="math/tex; mode=display">\sin({\pi \over 2} - \theta)=\cos\theta
1127</script></span>
1128<span class="math"><script type="math/tex; mode=display">\cos({\pi \over 2} - \theta)=\sin\theta
1129</script></span>
1130<span class="math"><script type="math/tex; mode=display">\sin\theta=-\cos(\theta+{\pi \over 2})
1131</script></span>
1132<span class="math"><script type="math/tex; mode=display">\cos\theta=\sin(\theta+{\pi \over 2})
1133</script></span>
1134<h2><span class="math"><script type="math/tex">\tan</script></span> graph</h2>
1135<span class="math"><script type="math/tex; mode=display">y=a\tan(nx)
1136</script></span>
1137<p>where<br>
1138<span class="math"><script type="math/tex">a</script></span> is <span class="math"><script type="math/tex">x</script></span>-dilation (period)<br>
1139<span class="math"><script type="math/tex">n</script></span> is <span class="math"><script type="math/tex">y</script></span>-dilation (<span class="math"><script type="math/tex">\equiv</script></span> amplitude)<br>
1140period <span class="math"><script type="math/tex">T</script></span> is <span class="math"><script type="math/tex">\pi \over n</script></span><br>
1141range is <span class="math"><script type="math/tex">R</script></span><br>
1142roots at <span class="math"><script type="math/tex">x={k\pi \over n}</script></span><br>
1143asymptotes at <span class="math"><script type="math/tex">x={{(2k+1)\pi}\over 2n},\quad k \in \mathbb{Z}</script></span><br>
1144<strong>Asymptotes should always have equations and arrow pointing up</strong></p>
1145
1146  </body>
1147</html>