Earth's Magnetic Field
from db11x85x.js
// ** MAGNETS **
var _horz = 1; // magnets @ 100dpi
var _vert = 0;
var m_352 = 352;
var m_202 = 202;
var cT, cR, cB, cL;
var m_dxW, m_dxH, m_WID, m_HEI;
function db11x85_magnets( funcX, funcY ) {
m_w = ( m_txW > 1 ? 1 : 0 );
m_h = ( m_txH > 1 ? 1 : 0 );
m_dxW = ( m_ORI ? m_352 : m_202 ) + 1;
m_dxH = ( m_ORI ? m_202 : m_352 ) + 1;
m_WID = ( m_dxW * m_txW - m_w ) + ( m_OFF << 1 );
m_HEI = ( m_dxH * m_txH - m_h ) + ( m_OFF << 1 );
doc.write( "<style type='text/css'>" );
doc.write( "." + funcX + " {" );
doc.write( "width: " + m_WID + "px;" );
doc.write( "height: " + m_HEI + "px }" );
doc.write( "." + funcY + " {" );
doc.write( "width: " + ( m_dxW - 1 ) + "px;" );
doc.write( "height: " + ( m_dxH - 1 ) + "px }" );
doc.write( "</style>" );
}
function x_mag() {
cT = ( m_OFF + ( b * m_dxH ) ) + "px ";
cR = ( m_WID - ( c * m_dxW ) - m_dxW - m_OFF ) + "px ";
cB = ( m_HEI - ( b * m_dxH ) - m_dxH - m_OFF ) + "px ";
cL = ( m_OFF + ( c * m_dxW ) ) + "px; ";
return ( "margin: " + cT + cR + cB + cL );
}
magnetic.htm
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Earth´s Magnetic Field</title>
<meta name="description" content="Poem by Nari db.11x8.5" />
<meta name="keywords" content="code poetry new media web and net art
ted warnell poem by nari db database dataset 11x8.5 'off the page'" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="db11x85x.js"></script>
<style type="text/css">
@import url( "db11x85.css" );
a { color: #606060 }
body { color: #606060; background: #FFFFFF }
.fio0 { color: #606060 }
.fio1 { color: #303030 }
.bx0, .bx1 {
overflow: hidden }
.bx1 {
position: absolute;
background: #F00000 }
.fx0 {
color: #000060;
font-size: 110px;
font-weight: 100;
line-height: .80em;
text-align: center;
letter-spacing: 0;
padding: 0;
white-space: normal;
background: transparent;
font-family: "times new roman", serif }
</style>
<script type="text/javascript">
// <![CDATA[
var a, b, c, d, e;
var c_SIZ = 330;
var m_ORI = _vert; // magnets
var m_DIV = c_N05; //
var m_OFF = c_N25; //
var m_txW = c_N12; //
var m_txH = c_N05; //
m_352 = 110; // override
m_202 = 85; // override
var c_VIS = 60;
var c_TIM = 10;
var v_TIM = null;
function xdiv0() {
try { xdiv1() } catch( _err ) { xdiv0() }
}
function xdiv1() {
clearInterval( v_TIM );
var x = "X" + x_rnd( c_VIS );
var y = ( x_boo() ? "visible" : "hidden" );
doc.getElementById( x ).style.visibility = y;
v_TIM = setInterval( "xdiv0()", x_rnd( c_TIM ) );
}
var db_TI = "Earth´s Magnetic Field";
var db_YY = "2009";
var db_FN = "magnetic";
var db_ID = "warnell.com";
var db_CO = "Canada";
var db_FO = db_TI + " for Diane <3" + _br;
// ]]>
</script>
</head>
<body id="main"
onload="v_TIM = setInterval( 'xdiv0()', db_YY );
self.status='PbN db.11x8.5'; return false;"
onunload="clearInterval( v_TIM );">
<script type="text/javascript">
// <![CDATA[
db11x85_magnets( "bx0", "bx1" );
db11x85_page_header( "bx0", "F0E0D0" );
for ( a = 0; a < m_DIV; a++ ) {
for ( b = 0; b < m_txH; b++ ) {
for ( c = 0; c < m_txW; c++ ) {
doc.write( "<div class='dv0'>" );
moz_center( 1 );
doc.write( "<div class='bx0'>" );
doc.write( "<div class='bx1'"
+ " style='" + x_opa( c_N10 ) + x_mag() + "'>" );
doc.write( "</div>" );
doc.write( "</div>" );
moz_center( 0 );
doc.write( "</div>" );
d = ( a < ( m_DIV - 1 )
? "XX" : "X" + ( ( b * m_txW ) + c ) );
e = ( c_SIZ + x_rnd( c_SIZ ) );
doc.write( "<div class='dv0'>" );
moz_center( 1 );
doc.write( "<div class='bx0'>" );
doc.write( "<div class='bx1' id='" + d + "'"
+ " style='" + x_opa( c_N20 ) + x_mag() + "'>" );
doc.write( "<span class='fx0'"
+ " style='font-size: " + e + "px'>" );
doc.write( x_num() );
doc.write( "</span>" );
doc.write( "</div>" );
doc.write( "</div>" );
moz_center( 0 );
doc.write( "</div>" );
}
}
}
db11x85_page_footer( "0", "909090" );
// ]]>
</script>
</body>
</html>
Earth's Magnetic Field
[ warnell.com/db11x85/magnetic.htm ]
[ LEXCEN'S FRAME ]
posted by /t. @
7:11 PM
21 smart alec remarks:
earth's
magnetic field
[ a n i m a t e d ]
for my youngest, diane,
who assisted me this afternoon with development of two new 'magnet' functions in db11x85x.js -- functions to compute page dimensions for an array of fridge magnets (standard business card size @ 100dpi) and with the additional capability to function as a universal 'any-size' grid generator when the magnet 'standard' is overridden
for this work, the top 60 layers (pages in the grid) are animated by visible or hidden switch at random -- just something to do by way of playing with the new toy :)
earth's magnetic field
works with five tested (PC) browsers, runs fine on all, but ++V++E++R++Y++ ++S++L++O++W++ on explorer v.8 (not recommended)
thx & <3s 2 diane
× × ×
/t.
I can imagine what it would look like animated but on my browser it is static. I viewing with Flock/Firefox.
cool animation!
i clicked on your warnell.com link and was delighted to find it animated. very quick on safari.
yep, it works! pretty good /t. seems like the earth's magnetic field is numerical :)
What is all the stuff flying around?
lexcen,
that operating system
written in chinese may have
seemed like a bargain at the time...
;)
foam,
yes, blistering /w safari, blazing /w firefox (i use both for development), and very good /w opera and google's chrome -- kinda like watching paint dry /w explorer (a shame as i am actually a microsoft fan, having learned to program on bill's BASIC in the late 70s)
thanks, foam
× × ×
Saidοsed ( desodias in spanish ;)
right you are -- the work began as 'Poem by Numbers 25' (25th in a long series of works), but was switched to 'EMF' as the numerics fell short, visually, and things developed in another direction -- but yes, the visuals are indeed fragments of numeric digits 0 thru 9
nice to see you here(!)
× × ×
LL,
well, you can rest easy as i know for certain that it wasn't an extra strong burst of cosmic energy from the sun, ripping the ozone layer and warping the magnetic field, destroying gravity at a lamb pasture in florida -- whew, dodged a bullet there(!)
so you have a happy weekend, LL
× × ×
/t.
Still no animation. Could it be something to do with the southern hemisphere? Maybe a solar flare in interfering with my reception.
lexcen,
too late tonight,
and far too much umm, water,
under the bridge, but tomorrow...
the next thing you see here will be an animated version of this post -- unless, of course, it doesn't work for you...
in which case... oh well :)
/t.
Nice collaboration with your daughter, /t.
I am looking at the code poetry with Firefox and the Earth's magnetic field 'moved' for me, well the numbers in the boxes did. :) ♡
Well the magnets certainly help explain why this Pug has been pinned to the fridge all night. D@mned spiked metal collar.
dianne,
a moving experience
for you then... thanks :)
× × ×
pug,
it all sounds a bit too kinky for me, buddy -- best leave the details
/t.
v. cool that movement!
ruela,
thanks, buddy
diane calls it 'twitchy' :)
lexcen,
"lexcen's frame" is added to this post -- it is pulling the 'live' work at warnell.com into the window (frame) you see here -- on my browser (firefox pc) it is animated, but i don't know if it will work for you (i hope so) -- if not, you might try adjusting your browser's internet security settings as these _might be_ disallowing some kinds of dynamic content (but that's just a guess) -- good luck & have fun
/t.
Cool magnetism. And if it does descend upon that lamb pasture, I suppose we could call it animal magnetism.;)
serena,
aha ha haha ha
right you are, serena joy!
and a happy happy week to you!
× × ×
/t.
Thanks /t. Lexcen's frame animation works just as I imagined it would/should.
lexcen,
happy to hear
you get the idea,
though you understand, too, that this represents only upper left quadrant, so 1/4 the work, 1/4 the (random) animation (effect then is like 1/4 speed, not quite the full on smack in the eye of the whole :)
/t.
I can feel the energy
Yours as well <3
anna-lys,
thank you, dear,
&
all best to sweden <3
× × ×
/t.
Oh! Snap! Your post just degaussed all of my floppies. :-(
pug,
if i've told you once,
i've told you a million times,
let go of ol' faithful -- your Commodore® Pet™ -- and buy a PC -- yes, you can do this(!)
/t.
Post a Comment
<< Home