<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>Four Riders Sketch 1</title> <meta name="description" content="warnell.com new media network"> <meta name="keywords" content="ted warnell poem by nari new media alinear autointeractive web net art code poetry mona lisa HTML5"> <script src="monx.js"></script> <style> @import url( "monx.css" ); a { color: #F0F0F6 } </style> <script> var a = b = null; var c = d = null; function x_PbN1() { var x = "#666C60"; a.fillStyle = "#F0F0F6"; b.fillStyle = "#F03006"; c.fillStyle = "#101016"; d.fillStyle = "#C6CCC0"; a.fillRect( _wW * 0.000, 0, _wW * 0.250, _wH ); b.fillRect( _wW * 0.250, 0, _wW * 0.250, _wH ); c.fillRect( _wW * 0.500, 0, _wW * 0.250, _wH ); d.fillRect( _wW * 0.750, 0, _wW * 0.250, _wH ); a.fillStyle = x_009() ? x_BW() : x_MOX( _MS ); b.fillStyle = x_009() ? x_BW() : x_MOX( _MS ); c.fillStyle = x_009() ? x_BW() : x_MOX( _MS ); d.fillStyle = x_009() ? x_BW() : x_MOX( _MS ); a.fillText( x_num(), _wW * 0.125, _wH >> 1, _wW * 0.250 ); b.fillText( x_num(), _wW * 0.375, _wH >> 1, _wW * 0.250 ); c.fillText( x_num(), _wW * 0.625, _wH >> 1, _wW * 0.250 ); d.fillText( x_num(), _wW * 0.875, _wH >> 1, _wW * 0.250 ); monx_border( a, A, x ); monx_border( b, B, x ); monx_border( c, C, x ); monx_border( d, D, x ); setTimeout( x_PbN0, _fps30 << 1 ); } _CO = "Four Riders Sketch 1 © 2016 warnell.com"; </script> </head> <body id="main" style="background: #666C60" onload="setTimeout( x_PbN0, _fps60 )"> <script> monx_ratio( c_N02, 1 ); a = monx_canvas( "A", _wW, _wH, "", 1 ); b = monx_canvas( "B", _wW, _wH, "", 0 ); c = monx_canvas( "C", _wW, _wH, "", 0 ); d = monx_canvas( "D", _wW, _wH, "", 0 ); a.textAlign = "center"; a.textBaseline = "middle"; b.textAlign = "center"; b.textBaseline = "middle"; c.textAlign = "center"; c.textBaseline = "middle"; d.textAlign = "center"; d.textBaseline = "middle"; a.rect( _wW * 0.000, 0, _wW * 0.250, _wH ); a.clip(); b.rect( _wW * 0.250, 0, _wW * 0.250, _wH ); b.clip(); c.rect( _wW * 0.500, 0, _wW * 0.250, _wH ); c.clip(); d.rect( _wW * 0.750, 0, _wW * 0.250, _wH ); d.clip(); a.font = b.font = c.font = d.font = _wX + "pt " + _seri; monx_html( "monx", _wH, "CLICK" ); </script> </body> </html>