{"id":1861,"date":"2013-06-08T11:24:08","date_gmt":"2013-06-08T02:24:08","guid":{"rendered":"http:\/\/zairyo.susi.oita-u.ac.jp\/wordpress\/?p=1861"},"modified":"2016-10-17T09:01:55","modified_gmt":"2016-10-17T09:01:55","slug":"%e8%a1%9d%e7%aa%81%e3%82%92%e8%80%83%e6%85%ae","status":"publish","type":"post","link":"http:\/\/zairyo.susi.oita-u.ac.jp\/wordpress\/?p=1861","title":{"rendered":"\u885d\u7a81\u3092\u8003\u616e"},"content":{"rendered":"

\u5148\u306b\uff0cJavaScript \u306e\u5b66\u7fd2\u74b0\u5883\u3092\u66f8\u3044\u3066\u307f\u305f\u306e\u3067\u3059\u304c\uff0c\u8b1b\u7fa9\u3067\u5229\u7528\u3059\u308b\u305f\u3081\u306b\uff0c\u30d7\u30ed\u30b0\u30e9\u30e0\u306e\u30b5\u30f3\u30d7\u30eb\u3092\u66f8\u3044\u3066\u307f\u3066\u3044\u307e\u3059\u3002\u4ee5\u524d\u306b\uff0c\u91cd\u529b\u5834\u306e\u4e2d\u3067\u306e\u904b\u52d5\u3092\u66f8\u3044\u305f\u306e\u3067\uff0c\u305d\u308c\u306b\u885d\u7a81\u3092\u5165\u308c\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n

\"\"<\/a>
\u885d\u7a81 \uff1a \u753b\u50cf\u306b\u30ea\u30f3\u30af\u304c\u5f35\u3063\u3066\u3042\u308a\u307e\u3059\u3002<\/figcaption><\/figure>\n

\n

\u30bd\u30fc\u30b9\u3092\u4e0b\u8a18\u306b\u3042\u3052\u307e\u3059\u3002\u5c11\u3057\u8aac\u660e\u3092\u66f8\u304d\u307e\u3059\u3002<\/p>\n

(19\u884c\u3042\u305f\u308a) mx, my \u306f\u30af\u30ea\u30c3\u30af\u3057\u305f\u30de\u30a6\u30b9\u306e\u5ea7\u6a19\u3067\u3059\u3002
\n(22\u884c\u3042\u305f\u308a) \u904b\u52d5\u3059\u308b\u30dc\u30fc\u30eb\u306e\u5ea7\u6a19\u306a\u3069\u3092\u8a18\u9332\u3059\u308b\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u304c\u4e26\u3093\u3067\u3044\u307e\u3059\u3002
\n(26\u884c\u3042\u305f\u308a) \u904b\u52d5\u3059\u308b\u30dc\u30fc\u30eb\u3092\u914d\u5217\u306b\u683c\u7d0d\u3002
\n(48\u884c\u3042\u305f\u308a) \u30dc\u30fc\u30eb\u3092\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306b\u8ffd\u52a0\u3002
\n(52\u884c\u3042\u305f\u308a) 30 msec \u3054\u3068\u306b\uff0c\u30dc\u30fc\u30eb\u306e\u5ea7\u6a19\u5024\u3092\u8a08\u7b97\u3059\u308b\u95a2\u6570(updata)\u3092\u8d77\u52d5\u3002
\n(60\u884c\u3042\u305f\u308a) set_r_v \u306f\uff0c\u5ea7\u6a19\u3068\u901f\u5ea6\u3092\u8a08\u7b97\u3059\u308b\u95a2\u6570\u3002\u91cd\u529b\u306e\u52b9\u679c\u3082\u53d6\u308a\u5165\u308c\u3044\u3066\u3044\u308b\u3002
\n(62\u884c\u3042\u305f\u308a) if_collision \u306f\uff0c\u885d\u7a81\u306e\u5224\u65ad\u3092\u3059\u308b\u95a2\u6570\u3002\u885d\u7a81\u6642\u306e\u901f\u5ea6\u306e\u8a08\u7b97\u306a\u3069\u300250px \u4ee5\u5185\u306a\u3089\u885d\u7a81\u3068\u5224\u65ad\u3059\u308b\u3002\u7269\u4f53\u306e\u8cea\u91cf\u306f\u3059\u3079\u3066\u540c\u3058\u3068\u3057\u3066\u8a08\u7b97\u3057\u3066\u3044\u308b\u3002\u885d\u7a81\u306f\u3082\u3063\u3068\u3082\u8fd1\u304f\u306b\u3042\u308b\u30dc\u30fc\u30eb\u306e\u307f\u8003\u616e\u3059\u308b\u3002
\n(64\u884c\u3042\u305f\u308a) in_box \u306f\u7bb1\u306e\u58c1\u3067\u53cd\u5c04\u3055\u305b\u308b\u95a2\u6570\u3002
\n(66\u884c\u3042\u305f\u308a) move \u306f\u6700\u7d42\u7684\u306b\u30dc\u30fc\u30eb\u3092\u79fb\u52d5\u3055\u305b\u308b\u95a2\u6570\u3002
\n(153\u884c\u3042\u305f\u308a) mouseDown \u30af\u30ea\u30c3\u30af\u3057\u305f\u30de\u30a6\u30b9\u306e\u4f4d\u7f6e\u3092\u53d6\u5f97\u3059\u308b\u95a2\u6570\u3002\u3053\u308c\u304cIE\u3067\u3057\u304b\u52d5\u304b\u306a\u3044\u90e8\u5206\u3002
\n(170\u884c\u3042\u305f\u308a) set_v0 \u306f\uff0c\u30dc\u30fc\u30eb\u306e\u901f\u5ea6\u3092\u518d\u8a2d\u5b9a\u3059\u308b\u95a2\u6570\u3002<\/p>\n

<html>\r\n<head>\r\n   <meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\" \/>\r\n\r\n   <title>first<\/title>\r\n\r\n<style type=\"text\/css\">\r\n\r\n\r\nbody {\r\n    margin: 0px;\r\n    padding: 0px;\r\n    background-color: #ffffff;\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script type=\"text\/javascript\">\r\n\r\n\r\nvar mx = 0;\r\nvar my = 0;\r\n\r\n\r\nvar gray = {id:'maru',src:'maru.gif', x:150,y:150,vx:-1,vy:0};\r\nvar red = {id:'red', src:'red.gif', x:210,y:160,vx:1,vy:0};\r\nvar blue = {id:'blue', src:'blue.gif', x:30,y:100,vx:-3,vy:0};\r\n\r\nvar obj_ary = new Array (gray,red,blue);\r\n\r\nvar obj_ary_length = obj_ary.length;\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nfunction startup() {\r\n\r\n\r\nfor (var i in obj_ary) {\r\n\r\nvar tmpleft = Number(obj_ary[i].x) - 25;\r\n\r\nvar element = document.createElement('img');\r\n\r\nelement.setAttribute('id',obj_ary[i].id);\r\nelement.setAttribute('src',obj_ary[i].src);\r\n\r\nelement.style.position = 'absolute';\r\nelement.style.left = tmpleft;\r\nelement.style.top = '125px';\r\nelement.style.height = '50px';\r\n\r\nvar tmpid = document.getElementById(\"box\")\r\n\r\ntmpid.appendChild(element);\r\n\r\n}\r\n\r\n\r\n\r\nvar step = setInterval(updata,30);\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\nfunction updata() {\r\n\r\n\r\nfor (var i in obj_ary) {\r\n\r\nset_r_v(obj_ary[i]);\r\n\r\n\r\n\r\nif_collision(i,obj_ary[i]);\r\n\r\n\r\nin_box(obj_ary[i]);\r\n\r\nmove(obj_ary[i]);\r\n\r\n}\r\n\r\n}\r\n\r\n\r\nfunction set_r_v(tmpobj) {\r\n\r\ntmpobj.vy  = tmpobj.vy + 0.05;\r\n\r\ntmpobj.x = tmpobj.x + tmpobj.vx;\r\ntmpobj.y = tmpobj.y + tmpobj.vy;\r\n\r\nreturn;\r\n}\r\n\r\n\r\n\r\nfunction if_collision(i,tmpobj) {\r\n\r\nvar i = Number(i);\r\n\r\n\r\n\r\nmin_distance = 1000;\r\nmin_j = 10001;\r\n\r\nvar x1 = tmpobj.x;\r\nvar y1 = tmpobj.y;\r\n\r\nfor (var j = i + 1; j < obj_ary_length; j = j + 1) {\r\n\r\nvar x2 = obj_ary[j].x;\r\nvar y2 = obj_ary[j].y;\r\n\r\nvar distance = Math.sqrt((x1 - x2)*(x1 - x2) + (y1 - y2)*(y1 - y2));\r\n\r\nif (distance < min_distance) {\r\n\r\nmin_distance = distance;\r\n\r\nmin_j = j;\r\n\r\n}\r\n\r\n} \/\/ loop for j\r\n\r\n\r\n\r\nif (min_distance*min_distance < 1) {\r\n\r\nmin_distance = 1;\r\n\r\n}\r\n\r\nif (min_distance < 50) {\r\n\r\n\/\/alert('collision');\r\n\r\n\r\nvar x2 = obj_ary[min_j].x;\r\nvar y2 = obj_ary[min_j].y;\r\n\r\nvar overlap = (50 - min_distance)\/1;\r\n\r\nvar e1 = {x: (x1 - x2)\/min_distance,y:(y1 - y2)\/min_distance};\r\nvar e2 = {x:-(y1 - y2)\/min_distance,y:(x1 - x2)\/min_distance};\r\n\r\nvar v1 = {x:obj_ary[i].vx,y:obj_ary[i].vy};\r\nvar v2 = {x:obj_ary[min_j].vx,y:obj_ary[min_j].vy};\r\n\r\nobj_ary[i].vx = inner_product(v2,e1) * e1.x + inner_product(v1,e2) * e2.x;\r\n\r\nobj_ary[i].vy = inner_product(v2,e1) * e1.y + inner_product(v1,e2) * e2.y;\r\n\r\nobj_ary[min_j].vx = inner_product(v1,e1) * e1.x + inner_product(v2,e2) * e2.x;\r\n\r\nobj_ary[min_j].vy = inner_product(v1,e1) * e1.y + inner_product(v2,e2) * e2.y;\r\n\r\n\r\n\r\nobj_ary[i].x = obj_ary[i].x + overlap * e1.x;\r\nobj_ary[min_j].x = obj_ary[min_j].x - overlap * e1.x;\r\nobj_ary[i].y = obj_ary[i].y + overlap * e1.y;\r\nobj_ary[min_j].y = obj_ary[min_j].y - overlap * e1.y;\r\n\r\n}\r\n\r\n}\r\n\r\n\r\n\r\n\r\nfunction inner_product(v1,v2) {\r\n\r\nreturn v1.x * v2.x + v1.y * v2.y;\r\n\r\n}\r\n\r\n\r\n\r\nfunction mouseDown() {\r\n\r\nvar theEvent = window.event;\r\n\r\nmx = theEvent.clientX - 10;\r\nmy = theEvent.clientY - 10;\r\n\r\n\/\/alert(\"mx = \" + mx + \" my = \" + my);\r\n\r\n\r\nfor (var i in obj_ary) {\r\n\r\nset_v0(obj_ary[i]);\r\n\r\n}\r\n\r\n\r\n}\r\n\r\n\r\nfunction set_v0(tmpobj) {\r\n\r\n\r\nvar kyori = Math.sqrt((mx - tmpobj.x)*(mx - tmpobj.x) + (my - tmpobj.y)*(my - tmpobj.y));\r\n\r\nif (kyori < 1) {\r\n\r\nreturn;\r\n\r\n}\u3000else {\r\n\r\ntmpobj.vx = 3*(mx - tmpobj.x) \/ kyori;\r\ntmpobj.vy = 3*(my - tmpobj.y) \/ kyori;\r\n\r\n}\r\n\r\n}\r\n\r\n\r\n\r\nfunction move(tmpobj) {\r\n\r\nvar tmpid = document.getElementById(tmpobj.id);\r\n\r\ntmpid.style.left = tmpobj.x - 25;\r\n\r\ntmpid.style.top = tmpobj.y - 25;\r\n\r\n}\r\n\r\n\r\nfunction in_box(tmpobj) {\r\n\r\nif ((tmpobj.x < 25) || (275 < tmpobj.x)) {\r\n\r\ntmpobj.vx = - tmpobj.vx;\r\n\r\nif (tmpobj.x < 25) {\r\n\r\ntmpobj.x = 25 + (25 - tmpobj.x);\r\n\r\n} else {\r\n\r\ntmpobj.x = 275 - (tmpobj.x - 275);\r\n\r\n}\r\n\r\n}\r\n\r\nif ((tmpobj.y < 25) || (275 < tmpobj.y)) {\r\n\r\ntmpobj.vy = - tmpobj.vy;\r\n\r\nif (tmpobj.y < 25) {\r\n\r\ntmpobj.y = 25 + (25 - tmpobj.y);\r\n\r\n} else {\r\n\r\ntmpobj.y = 275 - (tmpobj.y - 275);\r\n\r\n}\r\n\r\n}\r\n\r\nreturn;\r\n}\r\n\r\n\r\n<\/script>\r\n\r\n\r\n<\/head>\r\n\r\n<!--<body>-->\r\n\r\n<body  onload=\"startup();\">\r\n\r\n<div id=\"box\" style=\"position: absolute; left: 10px; top: 10px; width: 300px; height: 300px; border-width: 1px;  border-color: black; border-style: solid; \" onclick='mouseDown();'>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div style=\"position: absolute; left: 30px; top: 500px; width: 300px; height: 100px; border-width: 0px;  border-color: black; border-style: solid; \">\r\n<strong>(\u53c2\u80032) \u885d\u7a81\u3092\u53d6\u308a\u5165\u308c\u307e\u3057\u305f<\/strong><br \/>\r\n\r\n\u3068\u304d\u3069\u304d\u8a08\u7b97\u9593\u9055\u3044\u3092\u3057\u3066\u3044\u307e\u3059\u3002<br \/>\r\n\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
\u5148\u306b\uff0cJavaScript \u306e\u5b66\u7fd2\u74b0\u5883\u3092\u66f8\u3044\u3066\u307f\u305f\u306e\u3067\u3059\u304c\uff0c\u8b1b\u7fa9\u3067\u5229\u7528\u3059\u308b\u305f\u3081\u306b … Read More »<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-1861","post","type-post","status-publish","format-standard","hentry","category-column"],"_links":{"self":[{"href":"http:\/\/zairyo.susi.oita-u.ac.jp\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/1861","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/zairyo.susi.oita-u.ac.jp\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/zairyo.susi.oita-u.ac.jp\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/zairyo.susi.oita-u.ac.jp\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/zairyo.susi.oita-u.ac.jp\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1861"}],"version-history":[{"count":2,"href":"http:\/\/zairyo.susi.oita-u.ac.jp\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/1861\/revisions"}],"predecessor-version":[{"id":5452,"href":"http:\/\/zairyo.susi.oita-u.ac.jp\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/1861\/revisions\/5452"}],"wp:attachment":[{"href":"http:\/\/zairyo.susi.oita-u.ac.jp\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1861"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/zairyo.susi.oita-u.ac.jp\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1861"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/zairyo.susi.oita-u.ac.jp\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}