UNLEASHED YOUR CREATIVITY!
You'll need to login or register in order to fully use all the features and view all the sections of this site.
Thank you.
Regards: FSMANIA Team
UNLEASHED YOUR CREATIVITY!
You'll need to login or register in order to fully use all the features and view all the sections of this site.
Thank you.
Regards: FSMANIA Team
UNLEASHED YOUR CREATIVITY!
Would you like to react to this message? Create an account in a few clicks or log in to continue.

UNLEASHED YOUR CREATIVITY!


 
HomePortalGalleryPublicationsSearchLatest imagesRegisterLog in

 

Star Warp Effect

View previous topic View next topic Go down 
Author Message
PatRicK
Administrator
Star Warp Effect 2hovgwn
PatRicK

Male
Age : 27 Registration date : 2009-03-03 Number of posts : 52 Location : Tarlac Job/hobbies : Humor :

Star Warp Effect Vide
PostSubject: Star Warp Effect   Star Warp Effect Icon_minitimeWed Mar 18, 2009 11:50 pm

1. Copy the codes below and paste it in notepad.
2. Save it as warp.js
3. Upload your file at HERE
4. Copy the Direct Link URL and generate it in our JS LINKER and
follow the instructions in the JS Linker


Code:

/********************/
/* STAR WARP EFFECT */
/********************/
// <![CDATA[
var speed=33; // lower number for faster
var warp=3; // from 1 to 10
var stars=100; // number of stars
var colour="#ff0000"; // colour of stars
var position=0; // set to '-1' for stars to appear behind text on page

/****************************
*      Star Warp Effect    *
* (c) 2005 mf2fm web-design *
*  http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX *
****************************/
var i;
var strs=new Array();
var strx=new Array();
var stry=new Array();
var stdx=new Array();
var stdy=new Array();
var swide=800;
var shigh=600;
warp/=100;
window.onload=function() { if (document.getElementById) {
  var b, s, temp;
  set_width();
  b=document.createElement("div");
  s=b.style;
  s.position="absolute";
  s.zIndex=position;
  b.setAttribute("id", "bod");
  document.body.appendChild(b);
  set_scroll();
  for (i=0; i<stars; i++) {
    strs[i]=document.createElement("div");
    strs[i].style.backgroundColor=colour;
    strs[i].style.overflow="hidden";
    strs[i].style.position="absolute";
    stdy[i]=Math.random()*4-2;
    stdx[i]=Math.random()*6-3;
    temp=Math.random()*100;
    strx[i]=swide/2+temp*stdx[i];
    stry[i]=shigh/2+temp*stdy[i];
    if (Math.abs(stdx[i])+Math.abs(stdy[i])>2.66) {
      strs[i].style.width="2px";
      strs[i].style.height="2px";
    }
    else {
      strs[i].style.width="1px";
      strs[i].style.height="1px";
    }
    b.appendChild(strs[i]);
  }
  setInterval("warp_drive()", speed);
}}

function warp_drive() {
  for (i=0; i<stars; i++) {
    stry[i]+=stdy[i];
    strx[i]+=stdx[i];
    stdx[i]*=1+warp;
    stdy[i]*=1+warp;
    if (stry[i]>0 && stry[i]<shigh-3 && strx[i]>0 && strx[i]<swide-3) {
      strs[i].style.left=Math.floor(strx[i])+"px";
      strs[i].style.top=Math.floor(stry[i])+"px"
    }
    else {
      strx[i]=swide/2;
      stry[i]=shigh/2;
      stry[i]+=stdy[i]=Math.random()*4-2;
      strx[i]+=stdx[i]=Math.random()*6-3;
      if (Math.abs(stdx[i])+Math.abs(stdy[i])>2.66) {
        strs[i].style.width="2px";
        strs[i].style.height="2px";
      }
      else {
        strs[i].style.width="1px";
        strs[i].style.height="1px";
      }
    }
  }
}

window.onresize=set_width;
function set_width() {
  if (typeof(self.innerWidth)=="number") {
    swide=self.innerWidth-13;
    shigh=self.innerHeight-13;
  }
  else if (document.documentElement && document.documentElement.clientWidth) {
    swide=document.documentElement.clientWidth;
    shigh=document.documentElement.clientHeight;
  }
  else if (document.body.clientWidth) {
    swide=document.body.clientWidth;
    shigh=document.body.clientHeight;
  }
  else {
    swide=800;
    shigh=600;
  }
  swide-=2;
  shigh-=2;
}

window.onscroll=set_scroll;
function set_scroll() {
  var sleft, sdown;
  if (typeof(self.pageYOffset)=="number") {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;
  }
  else if (document.body.scrollTop || document.body.scrollLeft) {
    sdown=document.body.scrollTop;
    sleft=document.body.scrollLeft;
  }
  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
    sleft=document.documentElement.scrollLeft;
    sdown=document.documentElement.scrollTop;
  }
  else {
    sdown=0;
    sleft=0;
  }
  var s=document.getElementById("bod").style;
  s.top=sdown+"px";
  s.left=sleft+"px";
}
// ]]>
Back to top Go down
http://profiles.friendster.com/70610066
danz
Webmaster
Star Warp Effect Starwars7
danz

Male
Age : 32 Registration date : 2009-03-02 Number of posts : 86 Location : Dimatagpuan City,lolz Job/hobbies : LAYOUT DESIGNING Humor : very happy

Star Warp Effect Vide
PostSubject: Re: Star Warp Effect   Star Warp Effect Icon_minitimeFri Mar 20, 2009 1:04 am

thanks for sharing pat.. Very Happy
any preview?
Back to top Go down
http://profiles.friendster.com/danilodeleon
PatRicK
Administrator
Star Warp Effect 2hovgwn
PatRicK

Male
Age : 27 Registration date : 2009-03-03 Number of posts : 52 Location : Tarlac Job/hobbies : Humor :

Star Warp Effect Vide
PostSubject: Re: Star Warp Effect   Star Warp Effect Icon_minitimeFri Mar 20, 2009 3:53 am

Spoiler:



Spoiler:
Back to top Go down
http://profiles.friendster.com/70610066
Sponsored content





Star Warp Effect Vide
PostSubject: Re: Star Warp Effect   Star Warp Effect Icon_minitime

Back to top Go down

Star Warp Effect

View previous topic View next topic Back to top 
Page 1 of 1
Friendster Mania Members
Follow the rules of this forum!

Permissions in this forum: You cannot reply to topics in this forum
UNLEASHED YOUR CREATIVITY! :: FSMANIA DESIGN AND DEVELOPMENT :: JAVASCRIPT -