{"id":427,"date":"2016-03-17T16:38:31","date_gmt":"2016-03-17T07:38:31","guid":{"rendered":"http:\/\/www.takaya-com.jp\/archives\/?p=427"},"modified":"2016-03-18T10:24:21","modified_gmt":"2016-03-18T01:24:21","slug":"javascript_kirakiraboshi","status":"publish","type":"post","link":"https:\/\/takaya-com.jp\/archives\/2016\/03\/javascript_kirakiraboshi\/","title":{"rendered":"JavaScript\u3067\u591c\u7a7a\u306b\u30ad\u30e9\u30ad\u30e9\u3092\u6d6e\u304b\u305b\u3066\u307f\u307e\u3057\u305f\u2606"},"content":{"rendered":"<p>JavaScript\u3092\u4f7f\u3063\u3066\u3001\u30ad\u30e9\u30ad\u30e9\u3092\u6d6e\u304b\u305b\u3066\u307f\u307e\u3057\u305f\u2606<\/p>\n<p>\u753b\u50cf\uff08\u661f\uff09\u304c\u3001\u3075\u308f\u3075\u308f\u6f02\u3044\u306a\u304c\u3089\u306e\u5f80\u5fa9\u904b\u52d5\u3057\u307e\u3059\u3002<br \/>\n\u30b7\u30e3\u30dc\u30f3\u7389\u3084\u3001\u30db\u30bf\u30eb\u3001\u8776\u3005\u306a\u3069\u306b\u3082\u4f7f\u3048\u305d\u3046\u3067\u3059\u306d\u3002<\/p>\n<p> <!--more--><\/p>\n<pre class=\"lang:default decode:true \" title=\"\u25bcbody\u4ee5\u4e0b\" >&lt;body bgcolor=\"#010a8a\"&gt;\r\n&lt;div style=\"width:800px; height:500px;\"&gt;&lt;\/div&gt;\r\n&lt;script type=\"text\/javascript\"&gt;\r\nugoku=new Array();   \/\/ \u3053\u306e\u884c\u306f\u89e6\u3089\u306a\u3044\u3067\u30fb\u30fb\r\n\r\n\/*****************************  \u5165\u529b\u4e8b\u9805  ********************************\/\r\n\/\/ ======= \u5165\u529b\uff11\uff1a\u753b\u50cf\u306e\u7a2e\u985e\u3068\u6d41\u308c\u308b\u7bc4\u56f2\r\n\/\/ \uff11\uff5e\uff12\u756a\u76ee\u306e\u6570\u5b57\u3067\u8868\u793a\u7bc4\u56f2\u306e\u753b\u9762\u300c\u4e0a\u300d\u30fb\u300c\u5de6\u300d\u304b\u3089\u306e\u5404\u8ddd\u96e2( px )\u3092\u5165\u529b\r\n\/\/ \uff13\uff5e\uff14\u756a\u76ee\u306e\u6570\u5b57\u3067\u300c\u8868\u793a\u5e45\u300d\u3068\u300c\u8868\u793a\u9ad8\u3055\u300d( px )\u3092\u5165\u529b\r\n\/\/     \u300c 0 \u300d\u306e\u5834\u5408\u306f\u305d\u308c\u305e\u308c\u3001\u753b\u9762\u53f3\u7aef\u307e\u3067\u3001\u4e0b\u7aef\u307e\u3067\u8868\u793a\u3059\u308b\r\n\/\/ \uff15\u756a\u76ee\u306e\u6570\u5b57\u3067\u3001\u79fb\u52d5\u306e\u65b9\u5411\u306e\u6700\u5927\u901f\u3055\u3092\u5165\u529b\uff08\u5927\u304d\u3044\u7a0b\u901f\u3044 \u76ee\u5b89\u5024 50\uff09\r\n\/\/ \uff16\u756a\u76ee\u306e\u6570\u5b57\u3067\u3001\u540c\u3058\u5909\u5316\u3092\u7e70\u308a\u8fd4\u3059\u3001\u6700\u5927\u56de\u6570\uff08\u76ee\u5b89\u5024 50\uff09\r\n\/\/ \uff17\u756a\u76ee\u4ee5\u964d\u3067\u3001\u51fa\u3057\u305f\u3044\u753b\u50cf\u306e\u7a2e\u985e\u3092\u5fc5\u8981\u6570\u3060\u3051\u5165\u529b\uff080\u304b\u3089\u9806\u306b\uff09\r\n\/\/     \u753b\u50cf\u304c\uff12\u3064\u4ee5\u4e0a\u3042\u308b\u3068\u304d\u306f\u3001\u53cd\u5fa9\u3059\u308b\u5ea6\u306b\u3001\u753b\u50cf\u304c\u5909\u308f\u308b\u3002\r\nugoku[0]=new Array(10,0, 0,300, 50, 50, \"star1.png\");  \/\/\u539f\u672c330\u309210\u306b\u5909\u66f4\u3002\u901f\u3055\u3082\u305d\u308c\u305e\u308c\u901f\u304f\u3057\u305f\u3002\r\nugoku[1]=new Array(10,0, 0,300, 60, 50, \"star2.png\");\u3000\/\/\u539f\u672c330\u309210\u306b\u5909\u66f4\r\nugoku[2]=new Array(10,0, 0,300, 55, 60, \"star3.png\"); \/\/\u539f\u672c330\u309210\u306b\u5909\u66f4\u3000\r\n\/\/ ======= \u5165\u529b\uff12\uff1a\u52d5\u304d\u306e\u8abf\u6574\r\nvar no  =  9 ;  \/\/ \u753b\u9762\u306b\u540c\u6642\u306b\u51fa\u3059\u753b\u50cf\u6570\u3092\u5165\u529b     \/\/\u539f\u672c6\u3002\r\nvar hsw = -1 ;  \/\/ \u9014\u4e2d\u3067\u6d41\u308c\u308b\u753b\u50cf\u3092\uff11\u500b\u3060\u3051\u3059\u308b\u304b\uff1f\uff08 yes=1 , no=-1 \uff09\r\n                \/\/   \uff11\u500b\u8868\u793a\u3055\u308c\u308b\u306e\u306f\u3001ugoku[0]\u3067\u6307\u5b9a\u3057\u305f\u753b\u50cf\u3067\u3059\u3002\r\nvar srl = 1 ;  \/\/ \u753b\u50cf\u3092\u540c\u6642\u306b\u30b9\u30af\u30ed\u30fc\u30eb\u3055\u305b\u308b\u304b\uff1f  \uff08 yes=1 , no=-1 \uff09\u539f\u672c-1\u30921\u3078\u5909\u66f4\u3002\r\n  \/\/ \u4ee5\u4e0a\u306e\u8abf\u6574\u3067\u3001\u901f\u3055\u304c\u8db3\u308a\u306a\u3044\uff08\u8352\u3044\uff09\u5834\u5408\u306f\u3001\u6b21\u306e\u6570\u5024\u3092\u5927\u304d\u304f\u3059\u308b\r\nvar chg = 10 ;  \/\/ \u4e00\u79d2\u5f53\u305f\u308a\u306e\u63cf\u753b\u306e\u5207\u66ff\u3048\u56de\u6570\uff08\u521d\u671f\u5024 10\uff09\r\n\/*************************** \u5165\u529b\u4e8b\u9805\u3053\u3053\u307e\u3067 **************************\/\r\n\r\n\/\/  \u5171\u901a\u5909\u6570\u30fb\u914d\u5217\u306e\u8a2d\u5b9a\r\nvar off_w, off_h, doc_x, doc_y;\r\nxza=new Array(); yza=new Array(); img_w=new Array(); img_h=new Array();\r\nstx=new Array(); sty=new Array(); xflg =new Array(); yflg =new Array();\r\nmarg_t=new Array(); marg_l=new Array(); disp_w=new Array(); disp_h=new Array();\r\nGy=new Array(); Gx=new Array(); Gp=new Array();\r\n\r\n\/\/  \u521d\u671f\u5024\u306e\u8a2d\u5b9a\r\ningN=0; dpsw=1; brSize();\r\nfor(i=0; i&lt;no; i++){\r\n Gy[i]=ingN; Gx[i]=ugoku[ingN].length-1; Gp[i]=6;\r\n document.write(\"&lt;div id='dot\"+i+\"' style='position:absolute; z-index:55'&gt;\"\r\n   +\"&lt;img src='\"+ugoku[Gy[i]][Gp[i]]+\"' id='img\"+i+\"'&gt;&lt;\/div&gt;\")\r\n img_h[i]=document.getElementById(\"img\"+i).height;\r\n img_w[i]=document.getElementById(\"img\"+i).width;\r\n  marg_t[i]=ugoku[ingN][0]; marg_l[i]=ugoku[ingN][1];\r\n  disp_w[i]=ugoku[ingN][2]; disp_h[i]=ugoku[ingN][3];\r\n if(disp_w[i]==0){ disp_w[i]=doc_x-marg_l[i] }\r\n if(disp_h[i]==0){ disp_h[i]=doc_y-marg_t[i] }\r\n primX(i); primY(i);\r\n xza[i]=marg_l[i]+Math.random()*(disp_w[i]-img_w[i]);\r\n yza[i]=marg_t[i]+Math.random()*(disp_h[i]-img_h[i]);\r\n  if(ingN==(ugoku.length-1)){ ingN=0 } else{ ingN+=1 } }\r\nZahyo();\r\n\r\n\/\/ \u30e1\u30a4\u30f3\u30eb\u30fc\u30c1\u30f3\r\nfunction Zahyo(){ brSize();\r\nfor(i=0; i&lt;no; ++i){ Size(i);\r\n xflg[i]--; yflg[i]--;\r\n xza[i]+=stx[i]; yza[i]+=sty[i]\r\n   if(xflg[i]&lt;=0){ primX(i) }\r\n   if(yflg[i]&lt;=0){ primY(i) }\r\n\r\n if(xza[i]&gt;marg_l[i]+disp_w[i]-img_w[i]){ hen=0;\r\n   stx[i]=-stx[i]; xza[i]=marg_l[i]+disp_w[i]-img_w[i]; kirikae(); }   \/\/\u53f3\u8fba\r\n if( xza[i]&lt;marg_l[i]){ hen=1;\r\n   stx[i]=-stx[i]; xza[i]=marg_l[i]; kirikae(); }                      \/\/\u5de6\u8fba\r\n if(yza[i]&gt;marg_t[i]+disp_h[i]-img_h[i]){ hen=2;\r\n   sty[i]=-sty[i]; yza[i]=marg_t[i]+disp_h[i]-img_h[i]; kirikae(); }   \/\/\u4e0b\u8fba\r\n if(yza[i]&lt;marg_t[i]){ hen=3;\r\n   sty[i]=-sty[i]; yza[i]=marg_t[i]; kirikae(); }                      \/\/\u4e0a\u8fba\r\n\r\n Disp(\"dot\"+i, off_w+xza[i], off_h+yza[i]) }\r\n setTimeout(\"Zahyo()\",1000\/chg) }\r\n\r\n\/\/ \u521d\u671f\u30c7\u30fc\u30bf\u767a\u751f\r\nfunction primX(i){\r\n stx[i]=(1-Math.random()*2)*ugoku[Gy[i]][4]\/6;\r\n xflg[i]=Math.floor(1+Math.random()*ugoku[Gy[i]][5]) }\r\n\r\nfunction primY(i){\r\n sty[i]=(1-Math.random()*2)*ugoku[Gy[i]][4]\/6;\r\n yflg[i]=Math.floor(1+Math.random()*ugoku[Gy[i]][5]) }\r\n\r\n\/\/ \u30d6\u30e9\u30a6\u30b6\u7b49\u306e\u30b5\u30a4\u30ba\u3092\u8abf\u3079\u308b\r\nfunction brSize(){\r\n\/*\u2605IE11\u3067\u52d5\u4f5c\u3057\u306a\u304f\u306a\u3063\u305f\u306e\u3067\u3001\u4e0b\u8a18\uff11\u884c\u306e\u307f,document.getElementById\u8ffd\u52a0*\/\r\n if(document.all,document.getElementById){\r\n  doc_x=document.body.clientWidth; doc_y=document.body.clientHeight;\r\n  off_w=document.body.scrollLeft; off_h=document.body.scrollTop }\r\n else if(document.getElementById){\r\n  doc_x=window.innerWidth; doc_y=window.innerHeight;\r\n  off_w=window.scrollX; off_h=window.scrollY }\r\n if(srl &lt; 0){ off_w=0; off_h=0 } }\r\n\r\nfunction Size(z){\r\n disp_w[z]=doc_x-marg_l[z]; disp_h[z]=doc_y-marg_t[z] }\r\n\r\n\/\/ \u753b\u50cf\u3092\u79fb\u52d5\u3059\u308b\r\nfunction Disp(num,xx,yy){\r\n\/*\u2605HTML5\u3067\u52d5\u4f5c\u3055\u305b\u308b\u305f\u3081\u306b\u3001\u4ee5\u4e0b\uff12\u884c\u306b +\"px\" \u3092\u8ffd\u52a0*\/\r\n  document.getElementById(num).style.left=xx+\"px\";\r\n  document.getElementById(num).style.top =yy+\"px\" }\r\n\r\n\/\/ \u753b\u50cf\u3092\u5207\u308a\u66ff\u3048\u308b\r\nfunction kirikae(){\r\nif (hsw&gt;0 &amp;&amp; i==0){\r\n  if(dpsw&gt;0){ visi=\"hidden\"; dpsw=-1 } else{ visi=\"visible\"; dpsw=1 }\r\n  for(k=1; k&lt;no; k++){ document.getElementById(\"dot\"+k).style.visibility=visi } }; \r\n Gp[i]++; if(Gp[i]&gt;Gx[i]){ Gp[i]=6 }\r\n document.getElementById(\"img\"+i).src=ugoku[Gy[i]][Gp[i]];\r\nimg_bh=img_h[i]; img_bw=img_w[i]\r\n img_h[i]=document.getElementById(\"img\"+i).height;\r\n img_w[i]=document.getElementById(\"img\"+i).width;\r\n if(hen==0){ xza[i]+=img_bw-img_w[i] }\r\n if(hen==2){ yza[i]+=img_bh-img_h[i] } }\r\n\/\/ --&gt;\r\n&lt;\/script&gt;\r\n<\/pre>\n<p>\u4eca\u56de\u3001\u53c2\u8003\u306b\u3055\u305b\u3066\u3044\u305f\u3060\u3044\u305f\u306e\u306f\u3001<br \/>\n\u300e<a href=\"http:\/\/oekakirenn.webcrow.jp\/uku\/uku1.html\" target=\"_blank\">\u52d5\u304fjavascript\u3055\u3093<\/a>\u300f\u3055\u3093\u3067\u3059\u3002<br \/>\n\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002<\/p>\n<p><a href=\"http:\/\/www.takaya-com.jp\/archives\/demo\/javascript_kirakiraboshi\/\" target=\"_blank\">\u30c7\u30e2\u30da\u30fc\u30b8\u306f\u3001\u3053\u3061\u3089<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>JavaScript\u3092\u4f7f\u3063\u3066\u3001\u30ad\u30e9\u30ad\u30e9\u3092\u6d6e\u304b\u305b\u3066\u307f\u307e\u3057\u305f\u2606 \u753b\u50cf\uff08\u661f\uff09\u304c\u3001\u3075\u308f\u3075\u308f\u6f02\u3044\u306a\u304c\u3089\u306e\u5f80\u5fa9\u904b\u52d5\u3057\u307e\u3059\u3002 \u30b7\u30e3\u30dc\u30f3\u7389\u3084\u3001\u30db\u30bf\u30eb\u3001\u8776\u3005\u306a\u3069\u306b\u3082\u4f7f\u3048\u305d\u3046\u3067\u3059\u306d\u3002<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/427"}],"collection":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/comments?post=427"}],"version-history":[{"count":8,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/427\/revisions"}],"predecessor-version":[{"id":437,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/427\/revisions\/437"}],"wp:attachment":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/media?parent=427"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/categories?post=427"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/tags?post=427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}