Difference between revisions of "User:RKraai"

From DigitalCraft_Wiki
Jump to navigation Jump to search
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:35, 11 February 2015

Roos Kraaieveld

One has got to have a life motto


<pre="color: #380B61"> Additional Stuff


Making is Connecting

The book Making is Connecting by David Gauntlett. All notes and summaries are listed here:

  1. The meaning of Making I Philosophies of Craft
  2. The meaning of making II: Craft Today
  3. The meaning of making III: Digital