idk

2024-05-16 15:16:10 +00:00
parent c6d3017c72
commit 825a006813
2 changed files with 268 additions and 1 deletions
@@ -78,7 +78,8 @@
 <a href="/the crunchey qest.html">the crunchey qest</a>
 <a href="/towerdefensnew30.html">new tower defens</a>
 <a href="/paperhorder.html">paperhorder</a>
-<a href="/result (5).html">gomitray bash(this is not finished)</a>
+<a href="/result (5).html">gomitray bash</a>
+<a href="/tesx.html">tex have fun</a>
 </head> 
 </form>
 <div id="disqus_thread"></div>
@@ -0,0 +1,266 @@
+<html>
+
+<head>
+  <title>
+    Text Particles
+  </title>
+  
+ 
+</head>
+
+<body style="margin:0px;">
+  <canvas id="canv" onmousemove="canv_mousemove(event);" onmouseout="mx=-1;my=-1;">
+    you need a canvas-enabled browser, such as Google Chrome
+  </canvas>
+  <canvas id="wordCanv" width="500px" height="500px" style="border:1px solid black;display:none;">
+  </canvas>
+  <textarea id="wordsTxt" style="position:absolute;left:-100;top:-100;" onblur="init();" onkeyup="init();" onclick="init();"></textarea>
+  
+  <script type="text/javascript">
+      
+    var l=document.location + "";
+    l=l.replace(/%20/g," ");
+    var index=l.indexOf('?t=');
+    if(index==-1) document.location=l + "?t=Hello";
+  
+    var pixels=new Array();
+    var canv=$('canv');
+    var ctx=canv.getContext('2d');
+    var wordCanv=$('wordCanv');
+    var wordCtx=wordCanv.getContext('2d');
+    var mx=-1;
+    var my=-1;
+    var words="";
+    var txt=new Array();
+    var cw=0;
+    var ch=0;
+    var resolution=1;
+    var n=0;
+    var timerRunning=false;
+    var resHalfFloor=0;
+    var resHalfCeil=0;
+    
+    function canv_mousemove(evt)
+    {
+      mx=evt.clientX-canv.offsetLeft;
+      my=evt.clientY-canv.offsetTop;
+    }
+    
+    function Pixel(homeX,homeY)
+    {
+      this.homeX=homeX;
+      this.homeY=homeY;
+      
+      this.x=Math.random()*cw;
+      this.y=Math.random()*ch;
+      
+      //tmp
+      this.xVelocity=Math.random()*10-5;
+      this.yVelocity=Math.random()*10-5;
+    }
+    Pixel.prototype.move=function()
+    {
+      var homeDX=this.homeX-this.x;
+      var homeDY=this.homeY-this.y;
+      var homeDistance=Math.sqrt(Math.pow(homeDX,2) + Math.pow(homeDY,2));
+      var homeForce=homeDistance*0.01;
+      var homeAngle=Math.atan2(homeDY,homeDX);
+      
+      var cursorForce=0;
+      var cursorAngle=0;
+      
+      if(mx >= 0)
+      {
+        var cursorDX=this.x-mx;
+        var cursorDY=this.y-my;
+        var cursorDistanceSquared=Math.pow(cursorDX,2) + Math.pow(cursorDY,2);
+        cursorForce=Math.min(10000/cursorDistanceSquared,10000);
+        cursorAngle=Math.atan2(cursorDY,cursorDX);
+      }
+      else
+      {
+        cursorForce=0;
+        cursorAngle=0;
+      }
+      
+      this.xVelocity+=homeForce*Math.cos(homeAngle) + cursorForce*Math.cos(cursorAngle);
+      this.yVelocity+=homeForce*Math.sin(homeAngle) + cursorForce*Math.sin(cursorAngle);
+      
+      this.xVelocity*=0.92;
+      this.yVelocity*=0.92;
+      
+      this.x+=this.xVelocity;
+      this.y+=this.yVelocity;
+    }
+  
+    function $(id)
+    {
+      return document.getElementById(id);
+    }
+    
+    function timer()
+    {
+      if(!timerRunning)
+      {
+        timerRunning=true;
+        setTimeout(timer,33);
+        for(var i=0;i<pixels.length;i++)
+        {
+          pixels[i].move();
+        }
+        
+        drawPixels();
+        wordsTxt.focus();
+        
+        n++;
+        if(n%10==0 && (cw!=document.body.clientWidth || ch!=document.body.clientHeight)) body_resize();
+        timerRunning=false;
+      }
+      else
+      {
+        setTimeout(timer,10);
+      }
+    }
+    
+    function drawPixels()
+    {
+      var imageData=ctx.createImageData(cw,ch);
+      var actualData=imageData.data;
+    
+      var index;
+      var goodX;
+      var goodY;
+      var realX;
+      var realY;
+      
+      for(var i=0;i<pixels.length;i++)
+      {
+        goodX=Math.floor(pixels[i].x);
+        goodY=Math.floor(pixels[i].y);
+        
+        for(realX=goodX-resHalfFloor; realX<=goodX+resHalfCeil && realX>=0 && realX<cw;realX++)
+        {
+          for(realY=goodY-resHalfFloor; realY<=goodY+resHalfCeil && realY>=0 && realY<ch;realY++)
+          {
+            index=(realY*imageData.width + realX)*4;
+            actualData[index+3]=255;
+          }
+        }
+      }
+      
+      imageData.data=actualData;
+      ctx.putImageData(imageData,0,0);
+    }
+    
+    function readWords()
+    {
+      words=$('wordsTxt').value;
+      txt=words.split('\n');
+    }
+    
+    function init()
+    {
+      readWords();
+      
+      var fontSize=200;
+      var wordWidth=0;
+      do
+      {
+        wordWidth=0;
+        fontSize-=5;
+        wordCtx.font=fontSize+"px sans-serif";
+        for(var i=0;i<txt.length;i++)
+        {
+          var w=wordCtx.measureText(txt[i]).width;
+          if(w>wordWidth) wordWidth=w;
+        }
+      } while(wordWidth>cw-50 || fontSize*txt.length > ch-50)
+      
+      wordCtx.clearRect(0,0,cw,ch);
+      wordCtx.textAlign="center";
+      wordCtx.textBaseline="middle";
+      for(var i=0;i<txt.length;i++)
+      {
+        wordCtx.fillText(txt[i],cw/2,ch/2 - fontSize*(txt.length/2-(i+0.5)));
+      }
+      
+      var index=0;
+      
+      var imageData=wordCtx.getImageData(0,0,cw,ch);
+      for(var x=0;x<imageData.width;x+=resolution) //var i=0;i<imageData.data.length;i+=4)
+      {
+        for(var y=0;y<imageData.height;y+=resolution)
+        {
+          i=(y*imageData.width + x)*4;
+          
+          if(imageData.data[i+3]>128)
+          {
+            if(index >= pixels.length)
+            {
+              pixels[index]=new Pixel(x,y);
+            }
+            else
+            {
+              pixels[index].homeX=x;
+              pixels[index].homeY=y;
+            }
+            index++;
+          }
+        }
+      }
+      
+      pixels.splice(index,pixels.length-index);
+    }
+    
+    function body_resize()
+    {
+      cw=document.body.clientWidth;
+      ch=document.body.clientHeight;
+      canv.width=cw;
+      canv.height=ch;
+      wordCanv.width=cw;
+      wordCanv.height=ch;
+      
+      init();
+    }
+    
+    wordsTxt.focus();
+    wordsTxt.value=l.substring(index + 3);
+    
+    resHalfFloor=Math.floor(resolution/2);
+    resHalfCeil=Math.ceil(resolution/2);
+    
+    body_resize();
+    timer();
+  </script>
+  
+
+  <table cellspacing="0px" cellpadding="0px" id="infoTable" style="width:490px;font-family:sans-serif;font-size:12px;opacity:0.9;border:1px solid #B0B0B0;background-color:#F0F0F0;padding:10px;position:absolute;left:20;top:20;">
+    <tr>
+      <td style="text-align:left;">
+        Use your mouse to play with the text. Use your keyboard to change the text.
+      </td>
+      <td style="text-align:right;">
+        <a href="javascript:void(0);" onclick="$('infoTable').style.display='none';">close</a>
+      </td>
+    </tr>
+    <tr>
+      <td colspan="2">
+        Shrink your browser window if it's running slowly.<br>
+        <div style="margin-bottom:2px;border-bottom:1px solid #B0B0B0;padding-bottom:4px;">More cool stuff: <a href="http://william.hoza.us">http://william.hoza.us</a></div>
+<script type="text/javascript"><!--
+google_ad_client = "pub-7377269250431987";
+/* 468x60, created 8/25/11 */
+google_ad_slot = "1252538584";
+google_ad_width = 468;
+google_ad_height = 60;
+//-->
+</script>
+<script type="text/javascript" src="https://pagead2.googlesyndication.com/pagead/show_ads.js">
+</script>
+      </td>
+    </tr>
+  </table>
+</body>
+
+</html>