diff options
Diffstat (limited to 'root/animations')
| -rw-r--r-- | root/animations/koch/description: text$plain | 1 | ||||
| -rw-r--r-- | root/animations/koch/text$moonscript -> mmm$component.moon | 104 | ||||
| -rw-r--r-- | root/animations/text$moonscript -> fn -> mmm$dom.moon | 18 | ||||
| -rw-r--r-- | root/animations/title: text$plain | 1 | ||||
| -rw-r--r-- | root/animations/twisted/description: text$plain | 1 | ||||
| -rw-r--r-- | root/animations/twisted/text$moonscript -> mmm$component.moon | 43 |
6 files changed, 0 insertions, 168 deletions
diff --git a/root/animations/koch/description: text$plain b/root/animations/koch/description: text$plain deleted file mode 100644 index a0b96e7..0000000 --- a/root/animations/koch/description: text$plain +++ /dev/null @@ -1 +0,0 @@ -lil' fractal thing diff --git a/root/animations/koch/text$moonscript -> mmm$component.moon b/root/animations/koch/text$moonscript -> mmm$component.moon deleted file mode 100644 index 4f97329..0000000 --- a/root/animations/koch/text$moonscript -> mmm$component.moon +++ /dev/null @@ -1,104 +0,0 @@ -assert MODE == 'CLIENT', '[nossr]' -Math = window.Math - -import CanvasApp from require 'mmm.canvasapp' -import hsl from require 'mmm.color' - -class KochDemo extends CanvasApp - width: 600 - height: 600 - length: math.pi * 2 - - new: (@iterations=3) => - super true - hue = Math.random! - @background = {1 - hue, .3, .3} - - @shades = setmetatable {}, __index: (tbl, key) -> - with val = hsl { hue, .7, .9 - .5 * (key / @iterations)} do rawset tbl, key, val - - a_sixth = math.pi / 3 - a_third = 2 * a_sixth - cossin = (a) -> (math.cos a), math.sin a - triangle: (color) => - @ctx.fillStyle = color - @ctx\beginPath! - @ctx\moveTo cossin 0 - @ctx\lineTo cossin a_third - @ctx\lineTo cossin 2*a_third - @ctx\fill! - - update: (dt) => - super dt * 1.6 - - draw: => - @ctx.fillStyle = hsl @background - @ctx\fillRect 0, 0, @width, @height - - @ctx\translate @width/2, @height/2 - s = .3 * math.min @width, @height - @ctx\scale s, s - - _scale = 0.8 + 0.2 * math.sin math.pi + @time - - ttime = @time - math.pi/2 - transfer, flipped = 0 - if ttime > 0 and ttime < math.pi - transfer = .5 - .5 * math.cos ttime - flipped = true - - draw = (i, pop) -> - @triangle @shades[i] - - extra = not pop and flipped - return unless i > (if extra then -1 else 0) - - scale = _scale - if (pop and i < 1) or (not pop and i < 0) - scale = transfer - - @ctx\save! - @ctx\rotate -(a_sixth + a_third) - @ctx\scale scale, scale - - for o=1,2 - @ctx\rotate a_third - @ctx\save! - @ctx\translate .5 + .5/scale, 0 - draw i - 1, pop - @ctx\restore! - - @ctx\restore! - - @ctx\rotate a_sixth/2 - @ctx\translate -transfer, 0 - @ctx\rotate a_sixth * transfer - - @triangle @shades[3 - transfer] - - @ctx\save! - @ctx\rotate a_sixth - @ctx\scale _scale, _scale - - @ctx\save! - @ctx\translate .5 + .5/_scale, 0 - draw 2 - transfer - @ctx\restore! - - @ctx\rotate a_third - - @ctx\save! - @ctx\translate .5 + .5/_scale, 0 - draw 2 - transfer - @ctx\restore! - - @ctx\rotate a_third - - @ctx\save! - @ctx\translate .5 + .5/_scale, 0 - draw 2 + transfer, true - @ctx\restore! - - @ctx\restore! - -KochDemo! diff --git a/root/animations/text$moonscript -> fn -> mmm$dom.moon b/root/animations/text$moonscript -> fn -> mmm$dom.moon deleted file mode 100644 index 1c04309..0000000 --- a/root/animations/text$moonscript -> fn -> mmm$dom.moon +++ /dev/null @@ -1,18 +0,0 @@ -import div, h3, ul, li, a from require 'mmm.dom' - -=> - div { - h3 @gett 'title: text/plain', style: { 'margin-bottom': '-.5em' }, - ul for child in *@children - name = child\gett 'name: alpha' - desc = child\gett 'description: text/plain' - li { - a name, { - href: child.path, - onclick: (e) => - e\preventDefault! - BROWSER\navigate child.path - }, - ': ', desc - } - } diff --git a/root/animations/title: text$plain b/root/animations/title: text$plain deleted file mode 100644 index 4732b34..0000000 --- a/root/animations/title: text$plain +++ /dev/null @@ -1 +0,0 @@ -canvas animations diff --git a/root/animations/twisted/description: text$plain b/root/animations/twisted/description: text$plain deleted file mode 100644 index bbd63be..0000000 --- a/root/animations/twisted/description: text$plain +++ /dev/null @@ -1 +0,0 @@ -pseudo-3d twisting pyramid diff --git a/root/animations/twisted/text$moonscript -> mmm$component.moon b/root/animations/twisted/text$moonscript -> mmm$component.moon deleted file mode 100644 index 3fd11b0..0000000 --- a/root/animations/twisted/text$moonscript -> mmm$component.moon +++ /dev/null @@ -1,43 +0,0 @@ -assert MODE == 'CLIENT', '[nossr]' -import CanvasApp from require 'mmm.canvasapp' -import hsl from require 'mmm.color' - -Math = window.Math - -class TwistedDemo extends CanvasApp - width: 500 - height: 400 - length: math.pi * 4 - new: (preview) => - if preview - @width, @height = 120, 120 - super false, true - else - super true - @background = {Math.random!, Math.random!/3+.2, Math.random!/4} - hue = Math.random! - @shades = setmetatable {}, __index: (key) => - with val = { hue, .7, key * .3 + .1} do rawset @, key, val - - draw: => - @ctx.fillStyle = hsl @background - @ctx\fillRect 0, 0, @width, @height - @ctx\translate @width/2, @height/2 + 70 - - draw = (i) -> - @ctx\save! - @ctx\translate 0, -120*i - s = 1 - 0.1 * math.sin @time + i*2 - s *= 0.8 - i * .4 * math.cos @time - @ctx\scale s, s/2 - @ctx\rotate @time/4 + i * .6 * math.cos @time - @ctx.fillStyle = hsl table.unpack @shades[i] - @ctx\fillRect -80, -80, 160, 160 - @ctx\restore! - - for i=0,1,1/(20 + 19 * math.sin(@time / 2)) - draw i - draw 1 - --- .props['preview: fn -> mmm/component'] = => TwistedDemo true -TwistedDemo! |
