Difference between revisions of "User:RKraai"
| Line 19: | Line 19: | ||
#The meaning of making II: Craft Today | #The meaning of making II: Craft Today | ||
#The meaning of making III: Digital | #The meaning of making III: Digital | ||
| + | |||
| + | <body> | ||
| + | |||
| + | <LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> | ||
| + | <LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> | ||
| + | <LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> | ||
| + | <LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> | ||
| + | <LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> | ||
| + | <LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> | ||
| + | <LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> | ||
| + | |||
| + | <script language="JavaScript"> | ||
| + | <!-- | ||
| + | |||
| + | if (document.all){ | ||
| + | document.write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">') | ||
| + | for (xy=0;xy<7;xy++) | ||
| + | document.write('<div style="position:relative;width:3px;height:3px;background:#FFFF00;font-size:2px;visibility:visible"></div>') | ||
| + | document.write('</div>') | ||
| + | } | ||
| + | |||
| + | if (document.layers) | ||
| + | {window.captureEvents(Event.MOUSEMOVE);} | ||
| + | var yBase = 200; | ||
| + | var xBase = 200; | ||
| + | var yAmpl = 10; | ||
| + | var yMax = 40; | ||
| + | var step = .2; | ||
| + | var ystep = .5; | ||
| + | var currStep = 0; | ||
| + | var tAmpl=1; | ||
| + | var Xbpos = 1; | ||
| + | var Ybpos = 1; | ||
| + | var i = 0; | ||
| + | var j = 0; | ||
| + | |||
| + | if (document.all) | ||
| + | { | ||
| + | function MoveHandler(){ | ||
| + | Xbpos = document.body.scrollLeft+event.x; | ||
| + | Ybpos = document.body.scrollTop+event.y; | ||
| + | } | ||
| + | document.onmousemove = MoveHandler; | ||
| + | } | ||
| + | |||
| + | else if (document.layers) | ||
| + | { | ||
| + | function xMoveHandler(evnt){ | ||
| + | Xbpos = evnt.pageX; | ||
| + | Ybpos = evnt.pageY; | ||
| + | } | ||
| + | window.onMouseMove = xMoveHandler; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | function animateLogo() { | ||
| + | if (document.all) | ||
| + | { | ||
| + | yBase = window.document.body.offsetHeight/4; | ||
| + | xBase = window.document.body.offsetWidth/4; | ||
| + | } | ||
| + | else if (document.layers) | ||
| + | { | ||
| + | yBase = window.innerHeight/4 ; | ||
| + | xBase = window.innerWidth/4; | ||
| + | } | ||
| + | |||
| + | if (document.all) | ||
| + | { | ||
| + | var totaldivs=document.all.starsDiv.all.length | ||
| + | for ( i = 0 ; i < totaldivs ; i++ ) | ||
| + | { | ||
| + | var tempdiv=document.all.starsDiv.all[i].style | ||
| + | tempdiv.top = Ybpos + Math.cos((20*Math.sin(currStep/20))+i*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10); | ||
| + | tempdiv.left = Xbpos + Math.sin((20*Math.sin(currStep/20))+i*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10); | ||
| + | } | ||
| + | } | ||
| + | |||
| + | else if (document.layers) | ||
| + | { | ||
| + | for ( j = 0 ; j < 7 ; j++ ) | ||
| + | { | ||
| + | var templayer="a"+j | ||
| + | document.layers[templayer].top = Ybpos + Math.cos((20*Math.sin(currStep/20))+j*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10); | ||
| + | document.layers[templayer].left =Xbpos + Math.sin((20*Math.sin(currStep/20))+j*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10); | ||
| + | } | ||
| + | } | ||
| + | currStep += step; | ||
| + | setTimeout("animateLogo()", 15); | ||
| + | } | ||
| + | animateLogo(); | ||
| + | // --> | ||
| + | </script> | ||
| + | |||
| + | </body> | ||
Revision as of 12:34, 11 February 2015
Roos Kraaieveld
<pre="color: #380B61"> Additional Stuff
Making is Connecting
The book Making is Connecting by David Gauntlett. All notes and summaries are listed here:
- The meaning of Making I Philosophies of Craft
- The meaning of making II: Craft Today
- The meaning of making III: Digital
<body>
<LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER> <LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FFFF00" CLIP="0,0,3,3"></LAYER>
<script language="JavaScript"> </script>
</body>
