\u5148\u65e5\uff08\u6628\u5e74\uff09\u4f5c\u3063\u305f\u300c\u30da\u30a4\u30f3\u30c8\u7df4\u7fd2\u7528\u306e\u30c1\u30e3\u30fc\u30c8\u96a0\u3057\u30c4\u30fc\u30eb ver2\u300d<\/p>\n
\u30da\u30a4\u30f3\u30c8\u7df4\u7fd2\u7528\u306e\u300c\u30c1\u30e3\u30fc\u30c8\u96a0\u3057\u300d\u30c4\u30fc\u30eb ver2<\/a><\/p><\/blockquote>\n<\/iframe><\/p>\n<p>\u3092\u4f7f\u3063\u3066\u3001\u81ea\u5206\u306e\u30da\u30a4\u30f3\u30c8\u7df4\u7fd2\u3067\u4f7f\u304a\u3046\u3068\u3057\u305f\u3089\u3001<br \/>\n\u3044\u304f\u3064\u304b\u4e0d\u4fbf\u3092\u611f\u3058\u305f\u306e\u3067\u3001\u5c11\u3057\u6539\u826f\u3057\u3066\u307f\u308b\u3053\u3068\u306b\u3057\u305f\u3002<\/p>\n<p>\u30fb\u5bfe\u8c61\u30d5\u30a1\u30a4\u30eb\u540d\u3092 \u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u305f\u3044\uff01<br \/>\n\u30fb\u30de\u30a6\u30b9\uff08\u3042\u308b\u3044\u306f\u30bf\u30c3\u30d7\uff09\u3060\u3051\u3067\u3001\u4e00\u6642\u505c\u6b62\u3068\u518d\u958b\u3092\u3057\u305f\u3044\uff01<br \/>\n\uff08\u30bf\u30d6\u30ec\u30c3\u30c8\uff30\uff23\u3060\u3068\u3001\u30ab\u30fc\u30bd\u30eb\u30ad\u30fc\u304c\u4f7f\u3048\u306a\u3044\u306e\u3067\u3002\uff09<\/p>\n<p>\u3053\u3046\u3044\u3046\u3053\u3068\u3082\u3001\u300cenchant.js\u300d\u3084\u300cphina.js\u300d\u3092\u4f7f\u3046\u3068\u3001\u7c21\u5358\u306b\u5b9f\u73fe\u53ef\u80fd\u3067\u3042\u308b\u3002<\/p>\n<p>\u305d\u3057\u3066\u3001\u66ab\u5b9a\u7684\u306b\u3067\u304d\u3042\u304c\u3063\u305f\u306e\u304c\u3001\u3053\u306e\u30da\u30fc\u30b8\u3002<\/p>\n<p><strong>< \u30da\u30a4\u30f3\u30c8\u7df4\u7fd2\u7528\u306e\u3001\u30c1\u30e3\u30fc\u30c8\u96a0\u3057\u30c4\u30fc\u30eb ver3 ><\/strong><br \/>\n<a href=\"https:\/\/shunichi.hosono.com\/chart-mask3.html\" target=\"_blank\" rel=\"noopener\"><strong>https:\/\/shunichi.hosono.com\/chart-mask3.html<\/strong><\/a><\/p>\n<p><a href=\"https:\/\/shunichi.hosono.com\/wp-content\/uploads\/2020\/01\/20200102chartmask3.png\"><img loading=\"lazy\" class=\"alignnone wp-image-487 size-medium\" src=\"https:\/\/shunichi.hosono.com\/wp-content\/uploads\/2020\/01\/20200102chartmask3-300x236.png\" alt=\"\" width=\"300\" height=\"236\" srcset=\"https:\/\/shunichi.hosono.com\/wp-content\/uploads\/2020\/01\/20200102chartmask3-300x236.png 300w, https:\/\/shunichi.hosono.com\/wp-content\/uploads\/2020\/01\/20200102chartmask3-768x603.png 768w, https:\/\/shunichi.hosono.com\/wp-content\/uploads\/2020\/01\/20200102chartmask3-1024x804.png 1024w, https:\/\/shunichi.hosono.com\/wp-content\/uploads\/2020\/01\/20200102chartmask3-600x471.png 600w, https:\/\/shunichi.hosono.com\/wp-content\/uploads\/2020\/01\/20200102chartmask3.png 1278w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p> <\/p>\n<p>\u6b8b\u5ff5\u306a\u304c\u3089\u3001\u30d6\u30e9\u30a6\u30b6\u30bd\u30d5\u30c8\u5074\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u306e\u95a2\u4fc2\u3067\u3001<br \/>\n\u9078\u629e\u3057\u305f\u30d5\u30a1\u30a4\u30eb\u306e\u300c\u30d1\u30b9\u540d\u300d\u3092\u53d6\u5f97\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u306a\u3044\u3002<\/p>\n<p>\u3057\u305f\u304c\u3063\u3066\u3001\u5bfe\u8c61\u3068\u306a\u308b\u30da\u30a4\u30f3\u30c8\u7df4\u7fd2\u753b\u50cf\u30d5\u30a1\u30a4\u30eb\u304c\u3059\u3079\u3066\u3001<br \/>\n\u3053\u306e\u30c4\u30fc\u30eb\u3068\u540c\u3058\u30d5\u30a9\u30eb\u30c0\u5185\u306b\u5b58\u5728\u3057\u3066\u3044\u308b\u3053\u3068\u304c\u5229\u7528\u6761\u4ef6\u3068\u306a\u308b\u3002<\/p>\n<p>\u8a2d\u7f6e\u65b9\u6cd5\u306f\u3001ver2 \u3068\u540c\u3058\u3067\u3001<br \/>\n\u6b21\u306e\uff13\u30d5\u30a1\u30a4\u30eb\u3092\u3001\u53f3\u30af\u30ea\u30c3\u30af\u3067 \u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u9078\u629e\u3057\u3066\u3001<br \/>\n\u30da\u30a4\u30f3\u30c8\u7df4\u7fd2\u753b\u50cf\u3092\u6e9c\u3081\u3066\u3044\u308b\u306e\u3068\u540c\u3058\u30d5\u30a9\u30eb\u30c0\u3078\u5165\u308c\u3066\u304a\u304d\u3001<br \/>\nchart-mask3.html \u3092\u30d6\u30e9\u30a6\u30b6\u3067\u8d77\u52d5\u3059\u308c\u3070\u3088\u3044\u3002<\/p>\n<p><span style=\"color: #000080;\"><strong>\u30fb\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3059\u308b\u30da\u30fc\u30b8\u3000\uff13\u7a2e\u985e<\/strong><\/span><\/p>\n<p style=\"padding-left: 30px;\"><span style=\"color: #000080;\"><strong>< \u30da\u30a4\u30f3\u30c8\u7df4\u7fd2\u7528\u306e\u3001\u30c1\u30e3\u30fc\u30c8\u96a0\u3057\u30c4\u30fc\u30eb ver3 ><\/strong><\/span><br \/>\n<span style=\"color: #000080;\"><strong><a style=\"color: #000080;\" href=\"https:\/\/shunichi.hosono.com\/chart-mask3.html\" target=\"_blank\" rel=\"noopener\">https:\/\/shunichi.hosono.com\/chart-mask3.html<\/a><\/strong><\/span><\/p>\n<p style=\"padding-left: 30px;\"><span style=\"color: #000080;\"><strong>< enchant.js ><\/strong><\/span><br \/>\n<span style=\"color: #000080;\"><strong><a style=\"color: #000080;\" href=\"https:\/\/shunichi.hosono.com\/enchant.js\" target=\"_blank\" rel=\"noopener\">https:\/\/shunichi.hosono.com\/enchant.js<\/a><\/strong><\/span><\/p>\n<p style=\"padding-left: 30px;\"><span style=\"color: #000080;\"><strong>< \u30d6\u30e9\u30f3\u30af\u753b\u50cf ><\/strong><\/span><br \/>\n<span style=\"color: #000080;\"><strong><a style=\"color: #000080;\" href=\"https:\/\/shunichi.hosono.com\/mask.png\" target=\"_blank\" rel=\"noopener\">https:\/\/shunichi.hosono.com\/mask.png<\/a><\/strong><\/span><\/p>\n<p> <\/p>\n<p>\u591a\u5c11\u306e html \u307e\u305f\u306f javascript \u306e\u77e5\u8b58\u304c\u3042\u308b\u4eba\u306f\u3001<br \/>\n\u30c6\u30ad\u30b9\u30c8\u30a8\u30c7\u30a3\u30bf\u3067\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b\u3053\u3068\u3082\u53ef\u80fd\u3060\u3057\u3001<br \/>\n\u300cenchant.js\u300d\u3084\u3001\u4ed6\u306e\u958b\u767a\u6280\u8853\u3092\u6301\u3063\u3066\u3044\u308b\u4eba\u306f\u3001<br \/>\n\u3053\u308c\u3092\u304d\u3063\u304b\u3051\uff06\u30d2\u30f3\u30c8\u306b\u3001\u3082\u3063\u3068\u3082\u3063\u3068\u9ad8\u6a5f\u80fd\u306a<br \/>\n\u7df4\u7fd2\u652f\u63f4\u30c4\u30fc\u30eb\u3092\u958b\u767a\u3057\u3066\u304f\u308c\u308b\u3053\u3068\u3092\u305c\u3072\u671f\u5f85\u3057\u305f\u3044\u3002<\/p>\n<p>< chart-mask3.html\u306e\u30bd\u30fc\u30b9 >\u3000\u203b\u672a\u5b8c\u6210\u306e\u7b87\u6240\u3042\u308a<\/p>\n<pre><!DOCTYPE html>\r\n<html>\r\n<head>\r\n<meta charset=\"Shift_JIS\">\r\n<title>Chart mask ver3<\/title>\r\n<style>\r\nbody { margin: 0; }\r\n<\/style>\r\n<script src=\"enchant.js\"><\/script>\r\n<\/head>\r\n<body>\r\n\r\n<input type=\"file\" id=\"targetfile\" size=\"50\" accept=\"image\/*\" onchange=\"chartmask()\"><br>\r\n<a href=\"#\" onclick=\"chartmask()\">start<\/a>\r\n\r\n<script>\r\nfunction chartmask(){\r\n\r\n\/\/ \u30d5\u30a1\u30a4\u30eb\u540d\u3092\u53d6\u5f97\r\nvar imgFileName0 = document.getElementById(\"targetfile\").value;\r\nvar array = imgFileName0.split(\/\\\\|\\\\\/);\r\nvar imgFileName = array[ array.length - 1];\r\n\r\n\/\/ \u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u521d\u671f\u5316\r\nenchant();\r\n\r\n\/\/ \u5909\u6570\u306e\u5b9a\u7fa9\r\nvar startX = <span style=\"color: #ff0000;\"><strong>150<\/strong><\/span>; \/\/ \u30b9\u30e9\u30a4\u30c9\u8868\u793a\u3092\u958b\u59cb\u3059\u308b\u5de6\u4f4d\u7f6e\r\nvar maskspeed = <strong><span style=\"color: #ff0000;\">1<\/span><\/strong>; \/\/ \u30b9\u30e9\u30a4\u30c9\u8868\u793a\u3059\u308b\u901f\u5ea6\r\nvar maskadd = maskspeed; \/\/\r\nvar isTouch = true; \/\/ \u30bf\u30c3\u30c1\u30d5\u30e9\u30b0(\u30bf\u30c3\u30c1\u4e2d\u306e\u307f true \u306b\u3059\u308b)\r\nvar isLeft = false; \/\/ \u30bf\u30c3\u30c1\u30d5\u30e9\u30b0(\u53f3\u30d5\u30ea\u30c3\u30af\u3067 true \u306b\u3059\u308b)\r\nvar isRight = false; \/\/ \u30bf\u30c3\u30c1\u30d5\u30e9\u30b0(\u5de6\u30d5\u30ea\u30c3\u30af\u3067 true \u306b\u3059\u308b)\r\nvar currentX = null; \/\/ \u73fe\u5728\u306eX\u5ea7\u6a19\r\nvar currentY = null; \/\/ \u73fe\u5728\u306eY\u5ea7\u6a19\r\nvar touchX = null; \/\/ \u30bf\u30c3\u30c1X\u5ea7\u6a19\r\nvar touchY = null; \/\/ \u30bf\u30c3\u30c1Y\u5ea7\u6a19\r\n\r\n\/\/ 1920\u00d71080\u30d4\u30af\u30bb\u30eb\u30b5\u30a4\u30ba\u306e\u753b\u9762(Canvas)\u3092\u4f5c\u6210\r\nvar game = new Game(<strong><span style=\"color: #ff0000;\">1920, 1080<\/span><\/strong>);\r\n\r\n\/\/ \u30d5\u30ec\u30fc\u30e0\u30ec\u30fc\u30c8\u306e\u8a2d\u5b9a\u300230fps\u306b\u8a2d\u5b9a\r\ngame.fps = <span style=\"color: #ff0000;\"><strong>30<\/strong><\/span>;\r\n\r\n\/\/ \u753b\u50cf\u30c7\u30fc\u30bf\u3092\u3042\u3089\u304b\u3058\u3081\u8aad\u307f\u8fbc\u307e\u305b\u308b\r\ngame.preload( imgFileName, 'mask.png' );\r\n\r\n\/\/ \u30c7\u30fc\u30bf\u306e\u8aad\u307f\u8fbc\u307f\u304c\u5b8c\u4e86\u3057\u305f\u3089\u51e6\u7406\r\ngame.onload = function(){\r\n\r\n\/\/ \u30c1\u30e3\u30fc\u30c8\u753b\u50cf \u3092\u8a2d\u5b9a\r\nvar chart = new Sprite(1920, 1080);\r\n\/\/ chart.image = game.assets['screenshot.png'];\r\nchart.image = game.assets[ imgFileName ];\r\ngame.rootScene.addChild(chart);\r\n\r\n\/\/ \u30de\u30b9\u30af\u753b\u50cf \u3092\u8a2d\u5b9a\r\nvar mask = new Sprite(<span style=\"color: #ff0000;\"><strong>1920, 1080<\/strong><\/span>);\r\nmask.image = game.assets[\"mask.png\"];\r\ngame.rootScene.addChild(mask);\r\nmask.x = startX;\r\n\r\n\/\/ \u8aac\u660e\u6587\u3092\u8868\u793a\u3057\u307e\u3059\u3002\r\nvar Label1 = new Label(\"\");\r\nLabel1.text = \"\u30de\u30a6\u30b9\u306e\u30af\u30ea\u30c3\u30af\uff1a\u4e00\u6642\u505c\u6b62\u3068\u518d\u958b<br>\" +\r\n\"\u5de6\u30ad\u30fc\uff1a\u5c11\u3057\u623b\u308b<br>\" +\r\n\"\u53f3\u30ad\u30fc\uff1a\u5c11\u3057\u52a0\u901f<br>\" +\r\n\"\u4e0a\u30ad\u30fc\uff1a\u6700\u521d\u306b\u623b\u308b<br>\" +\r\n\"\u4e0b\u30ad\u30fc\uff1a\u4e00\u6642\u505c\u6b62\";\r\nLabel1.font = \"16px monospace\";\r\nLabel1.color = \"red\";\r\nLabel1.x = startX; \/\/ X\u5ea7\u6a19\r\nLabel1.y = 100; \/\/ Y\u5ea7\u6a19\r\ngame.rootScene.addChild(Label1);\r\n\r\n\/\/ \u30b7\u30fc\u30f3\u306b\u300c\u6bce\u30d5\u30ec\u30fc\u30e0\u5b9f\u884c\u30a4\u30d9\u30f3\u30c8\u300d\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002\r\ngame.rootScene.addEventListener(Event.ENTER_FRAME, function(e) {\r\nif( isTouch == true ) {\r\nmask.x += maskadd;\r\n}\r\n});\r\n\r\n\/\/ \u30bf\u30c3\u30c1\u30a4\u30d9\u30f3\u30c8\u3092\u767b\u9332\r\nthis.rootScene.addEventListener(\"touchstart\", function(e) {\r\n\/\/ \u30bf\u30c3\u30c1\u958b\u59cb\r\nif( isTouch == true ) {\r\nisTouch = false;\r\n} else if( isTouch == false ) {\r\nisTouch = true;\r\n}\r\n\r\n\/\/ \u73fe\u5728\u306e\u30de\u30a6\u30b9\u4f4d\u7f6e\u306e\u53d6\u5f97\r\ncurrentX = e.localX;\r\ncurrentY = e.localY;\r\n\r\n});\r\n\r\n<span style=\"color: #808080;\">\/\/ \u30d5\u30ea\u30c3\u30af\u64cd\u4f5c\u3092\u76e3\u8996\r\nthis.rootScene.addEventListener(\"touchmove\", function(e) {\r\n\/\/ \u79fb\u52d5\u5f8c\u306e\u30de\u30a6\u30b9\u4f4d\u7f6e\u306e\u53d6\u5f97\r\ntouchX = e.localX;\r\ntouchY = e.localY;\r\n\r\nif( touchX < currentX ) {\r\n\/\/ \u5de6\u30d5\u30ea\u30c3\u30af\r\nisLeft = true;\r\n} else if( touchX > currentX ) {\r\n\/\/ \u53f3\u30d5\u30ea\u30c3\u30af\r\nisRight = true;\r\n}\r\n\r\n});\r\n\r\n\/\/ \u30d5\u30ea\u30c3\u30af\u64cd\u4f5c\u306e\u5224\u5b9a\r\nthis.addEventListener(\"touchend\", function(e) {\r\n\/\/ \u30bf\u30c3\u30c1\u4f4d\u7f6e\u3092\u30bb\u30c3\u30c8\r\n\r\nif( isLeft == true ) {\r\n\/\/ \u5de6\u30d5\u30ea\u30c3\u30af\r\nthis.x -= (maskspeed + 1);\r\n} else if( isRight == true ) {\r\n\/\/ \u53f3\u30d5\u30ea\u30c3\u30af\r\nthis.x += maskspeed;\r\n}\r\n\r\n});<\/span>\r\n\r\n\/\/ \u30ad\u30fc\u64cd\u4f5c\u6642\u306b\u51e6\u7406\r\nmask.addEventListener('enterframe', function(){\r\nif (game.input.left) this.x -= (maskspeed + 1);\r\nif (game.input.right) this.x += maskspeed;\r\nif (game.input.up) this.x = startX;\r\nif (game.input.down) isTouch = false;\r\n});\r\n\r\n}\r\n\r\n\/\/ \u51e6\u7406\u958b\u59cb\r\ngame.start();\r\n\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u5148\u65e5\uff08\u6628\u5e74\uff09\u4f5c\u3063\u305f\u300c\u30da\u30a4\u30f3\u30c8\u7df4\u7fd2\u7528\u306e\u30c1\u30e3\u30fc\u30c8\u96a0\u3057\u30c4\u30fc\u30eb ver2\u300d \u30da\u30a4\u30f3\u30c8\u7df4\u7fd2\u7528\u306e\u300c\u30c1\u30e3\u30fc\u30c8\u96a0\u3057\u300d\u30c4\u30fc\u30eb ver2 \u3092\u4f7f\u3063\u3066\u3001\u81ea\u5206\u306e\u30da\u30a4\u30f3\u30c8\u7df4\u7fd2\u3067\u4f7f\u304a\u3046\u3068\u3057\u305f\u3089\u3001 \u3044\u304f\u3064\u304b\u4e0d\u4fbf\u3092\u611f\u3058\u305f\u306e\u3067\u3001\u5c11\u3057\u6539\u826f\u3057\u3066\u307f\u308b\u3053\u3068\u306b\u3057\u305f\u3002… <\/p>\n<p><a class=\"moretag\" href=\"https:\/\/shunichi.hosono.com\/?p=478\">Read the full article<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[8],"tags":[],"_links":{"self":[{"href":"https:\/\/shunichi.hosono.com\/index.php?rest_route=\/wp\/v2\/posts\/478"}],"collection":[{"href":"https:\/\/shunichi.hosono.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/shunichi.hosono.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/shunichi.hosono.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/shunichi.hosono.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=478"}],"version-history":[{"count":10,"href":"https:\/\/shunichi.hosono.com\/index.php?rest_route=\/wp\/v2\/posts\/478\/revisions"}],"predecessor-version":[{"id":489,"href":"https:\/\/shunichi.hosono.com\/index.php?rest_route=\/wp\/v2\/posts\/478\/revisions\/489"}],"wp:attachment":[{"href":"https:\/\/shunichi.hosono.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=478"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shunichi.hosono.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=478"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shunichi.hosono.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
<\/iframe><\/p>\n<p>\u3092\u4f7f\u3063\u3066\u3001\u81ea\u5206\u306e\u30da\u30a4\u30f3\u30c8\u7df4\u7fd2\u3067\u4f7f\u304a\u3046\u3068\u3057\u305f\u3089\u3001<br \/>\n\u3044\u304f\u3064\u304b\u4e0d\u4fbf\u3092\u611f\u3058\u305f\u306e\u3067\u3001\u5c11\u3057\u6539\u826f\u3057\u3066\u307f\u308b\u3053\u3068\u306b\u3057\u305f\u3002<\/p>\n<p>\u30fb\u5bfe\u8c61\u30d5\u30a1\u30a4\u30eb\u540d\u3092 \u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u305f\u3044\uff01<br \/>\n\u30fb\u30de\u30a6\u30b9\uff08\u3042\u308b\u3044\u306f\u30bf\u30c3\u30d7\uff09\u3060\u3051\u3067\u3001\u4e00\u6642\u505c\u6b62\u3068\u518d\u958b\u3092\u3057\u305f\u3044\uff01<br \/>\n\uff08\u30bf\u30d6\u30ec\u30c3\u30c8\uff30\uff23\u3060\u3068\u3001\u30ab\u30fc\u30bd\u30eb\u30ad\u30fc\u304c\u4f7f\u3048\u306a\u3044\u306e\u3067\u3002\uff09<\/p>\n<p>\u3053\u3046\u3044\u3046\u3053\u3068\u3082\u3001\u300cenchant.js\u300d\u3084\u300cphina.js\u300d\u3092\u4f7f\u3046\u3068\u3001\u7c21\u5358\u306b\u5b9f\u73fe\u53ef\u80fd\u3067\u3042\u308b\u3002<\/p>\n<p>\u305d\u3057\u3066\u3001\u66ab\u5b9a\u7684\u306b\u3067\u304d\u3042\u304c\u3063\u305f\u306e\u304c\u3001\u3053\u306e\u30da\u30fc\u30b8\u3002<\/p>\n<p><strong>< \u30da\u30a4\u30f3\u30c8\u7df4\u7fd2\u7528\u306e\u3001\u30c1\u30e3\u30fc\u30c8\u96a0\u3057\u30c4\u30fc\u30eb ver3 ><\/strong><br \/>\n<a href=\"https:\/\/shunichi.hosono.com\/chart-mask3.html\" target=\"_blank\" rel=\"noopener\"><strong>https:\/\/shunichi.hosono.com\/chart-mask3.html<\/strong><\/a><\/p>\n<p><a href=\"https:\/\/shunichi.hosono.com\/wp-content\/uploads\/2020\/01\/20200102chartmask3.png\"><img loading=\"lazy\" class=\"alignnone wp-image-487 size-medium\" src=\"https:\/\/shunichi.hosono.com\/wp-content\/uploads\/2020\/01\/20200102chartmask3-300x236.png\" alt=\"\" width=\"300\" height=\"236\" srcset=\"https:\/\/shunichi.hosono.com\/wp-content\/uploads\/2020\/01\/20200102chartmask3-300x236.png 300w, https:\/\/shunichi.hosono.com\/wp-content\/uploads\/2020\/01\/20200102chartmask3-768x603.png 768w, https:\/\/shunichi.hosono.com\/wp-content\/uploads\/2020\/01\/20200102chartmask3-1024x804.png 1024w, https:\/\/shunichi.hosono.com\/wp-content\/uploads\/2020\/01\/20200102chartmask3-600x471.png 600w, https:\/\/shunichi.hosono.com\/wp-content\/uploads\/2020\/01\/20200102chartmask3.png 1278w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p> <\/p>\n<p>\u6b8b\u5ff5\u306a\u304c\u3089\u3001\u30d6\u30e9\u30a6\u30b6\u30bd\u30d5\u30c8\u5074\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u306e\u95a2\u4fc2\u3067\u3001<br \/>\n\u9078\u629e\u3057\u305f\u30d5\u30a1\u30a4\u30eb\u306e\u300c\u30d1\u30b9\u540d\u300d\u3092\u53d6\u5f97\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u306a\u3044\u3002<\/p>\n<p>\u3057\u305f\u304c\u3063\u3066\u3001\u5bfe\u8c61\u3068\u306a\u308b\u30da\u30a4\u30f3\u30c8\u7df4\u7fd2\u753b\u50cf\u30d5\u30a1\u30a4\u30eb\u304c\u3059\u3079\u3066\u3001<br \/>\n\u3053\u306e\u30c4\u30fc\u30eb\u3068\u540c\u3058\u30d5\u30a9\u30eb\u30c0\u5185\u306b\u5b58\u5728\u3057\u3066\u3044\u308b\u3053\u3068\u304c\u5229\u7528\u6761\u4ef6\u3068\u306a\u308b\u3002<\/p>\n<p>\u8a2d\u7f6e\u65b9\u6cd5\u306f\u3001ver2 \u3068\u540c\u3058\u3067\u3001<br \/>\n\u6b21\u306e\uff13\u30d5\u30a1\u30a4\u30eb\u3092\u3001\u53f3\u30af\u30ea\u30c3\u30af\u3067 \u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u9078\u629e\u3057\u3066\u3001<br \/>\n\u30da\u30a4\u30f3\u30c8\u7df4\u7fd2\u753b\u50cf\u3092\u6e9c\u3081\u3066\u3044\u308b\u306e\u3068\u540c\u3058\u30d5\u30a9\u30eb\u30c0\u3078\u5165\u308c\u3066\u304a\u304d\u3001<br \/>\nchart-mask3.html \u3092\u30d6\u30e9\u30a6\u30b6\u3067\u8d77\u52d5\u3059\u308c\u3070\u3088\u3044\u3002<\/p>\n<p><span style=\"color: #000080;\"><strong>\u30fb\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3059\u308b\u30da\u30fc\u30b8\u3000\uff13\u7a2e\u985e<\/strong><\/span><\/p>\n<p style=\"padding-left: 30px;\"><span style=\"color: #000080;\"><strong>< \u30da\u30a4\u30f3\u30c8\u7df4\u7fd2\u7528\u306e\u3001\u30c1\u30e3\u30fc\u30c8\u96a0\u3057\u30c4\u30fc\u30eb ver3 ><\/strong><\/span><br \/>\n<span style=\"color: #000080;\"><strong><a style=\"color: #000080;\" href=\"https:\/\/shunichi.hosono.com\/chart-mask3.html\" target=\"_blank\" rel=\"noopener\">https:\/\/shunichi.hosono.com\/chart-mask3.html<\/a><\/strong><\/span><\/p>\n<p style=\"padding-left: 30px;\"><span style=\"color: #000080;\"><strong>< enchant.js ><\/strong><\/span><br \/>\n<span style=\"color: #000080;\"><strong><a style=\"color: #000080;\" href=\"https:\/\/shunichi.hosono.com\/enchant.js\" target=\"_blank\" rel=\"noopener\">https:\/\/shunichi.hosono.com\/enchant.js<\/a><\/strong><\/span><\/p>\n<p style=\"padding-left: 30px;\"><span style=\"color: #000080;\"><strong>< \u30d6\u30e9\u30f3\u30af\u753b\u50cf ><\/strong><\/span><br \/>\n<span style=\"color: #000080;\"><strong><a style=\"color: #000080;\" href=\"https:\/\/shunichi.hosono.com\/mask.png\" target=\"_blank\" rel=\"noopener\">https:\/\/shunichi.hosono.com\/mask.png<\/a><\/strong><\/span><\/p>\n<p> <\/p>\n<p>\u591a\u5c11\u306e html \u307e\u305f\u306f javascript \u306e\u77e5\u8b58\u304c\u3042\u308b\u4eba\u306f\u3001<br \/>\n\u30c6\u30ad\u30b9\u30c8\u30a8\u30c7\u30a3\u30bf\u3067\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b\u3053\u3068\u3082\u53ef\u80fd\u3060\u3057\u3001<br \/>\n\u300cenchant.js\u300d\u3084\u3001\u4ed6\u306e\u958b\u767a\u6280\u8853\u3092\u6301\u3063\u3066\u3044\u308b\u4eba\u306f\u3001<br \/>\n\u3053\u308c\u3092\u304d\u3063\u304b\u3051\uff06\u30d2\u30f3\u30c8\u306b\u3001\u3082\u3063\u3068\u3082\u3063\u3068\u9ad8\u6a5f\u80fd\u306a<br \/>\n\u7df4\u7fd2\u652f\u63f4\u30c4\u30fc\u30eb\u3092\u958b\u767a\u3057\u3066\u304f\u308c\u308b\u3053\u3068\u3092\u305c\u3072\u671f\u5f85\u3057\u305f\u3044\u3002<\/p>\n<p>< chart-mask3.html\u306e\u30bd\u30fc\u30b9 >\u3000\u203b\u672a\u5b8c\u6210\u306e\u7b87\u6240\u3042\u308a<\/p>\n<pre><!DOCTYPE html>\r\n<html>\r\n<head>\r\n<meta charset=\"Shift_JIS\">\r\n<title>Chart mask ver3<\/title>\r\n<style>\r\nbody { margin: 0; }\r\n<\/style>\r\n<script src=\"enchant.js\"><\/script>\r\n<\/head>\r\n<body>\r\n\r\n<input type=\"file\" id=\"targetfile\" size=\"50\" accept=\"image\/*\" onchange=\"chartmask()\"><br>\r\n<a href=\"#\" onclick=\"chartmask()\">start<\/a>\r\n\r\n<script>\r\nfunction chartmask(){\r\n\r\n\/\/ \u30d5\u30a1\u30a4\u30eb\u540d\u3092\u53d6\u5f97\r\nvar imgFileName0 = document.getElementById(\"targetfile\").value;\r\nvar array = imgFileName0.split(\/\\\\|\\\\\/);\r\nvar imgFileName = array[ array.length - 1];\r\n\r\n\/\/ \u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u521d\u671f\u5316\r\nenchant();\r\n\r\n\/\/ \u5909\u6570\u306e\u5b9a\u7fa9\r\nvar startX = <span style=\"color: #ff0000;\"><strong>150<\/strong><\/span>; \/\/ \u30b9\u30e9\u30a4\u30c9\u8868\u793a\u3092\u958b\u59cb\u3059\u308b\u5de6\u4f4d\u7f6e\r\nvar maskspeed = <strong><span style=\"color: #ff0000;\">1<\/span><\/strong>; \/\/ \u30b9\u30e9\u30a4\u30c9\u8868\u793a\u3059\u308b\u901f\u5ea6\r\nvar maskadd = maskspeed; \/\/\r\nvar isTouch = true; \/\/ \u30bf\u30c3\u30c1\u30d5\u30e9\u30b0(\u30bf\u30c3\u30c1\u4e2d\u306e\u307f true \u306b\u3059\u308b)\r\nvar isLeft = false; \/\/ \u30bf\u30c3\u30c1\u30d5\u30e9\u30b0(\u53f3\u30d5\u30ea\u30c3\u30af\u3067 true \u306b\u3059\u308b)\r\nvar isRight = false; \/\/ \u30bf\u30c3\u30c1\u30d5\u30e9\u30b0(\u5de6\u30d5\u30ea\u30c3\u30af\u3067 true \u306b\u3059\u308b)\r\nvar currentX = null; \/\/ \u73fe\u5728\u306eX\u5ea7\u6a19\r\nvar currentY = null; \/\/ \u73fe\u5728\u306eY\u5ea7\u6a19\r\nvar touchX = null; \/\/ \u30bf\u30c3\u30c1X\u5ea7\u6a19\r\nvar touchY = null; \/\/ \u30bf\u30c3\u30c1Y\u5ea7\u6a19\r\n\r\n\/\/ 1920\u00d71080\u30d4\u30af\u30bb\u30eb\u30b5\u30a4\u30ba\u306e\u753b\u9762(Canvas)\u3092\u4f5c\u6210\r\nvar game = new Game(<strong><span style=\"color: #ff0000;\">1920, 1080<\/span><\/strong>);\r\n\r\n\/\/ \u30d5\u30ec\u30fc\u30e0\u30ec\u30fc\u30c8\u306e\u8a2d\u5b9a\u300230fps\u306b\u8a2d\u5b9a\r\ngame.fps = <span style=\"color: #ff0000;\"><strong>30<\/strong><\/span>;\r\n\r\n\/\/ \u753b\u50cf\u30c7\u30fc\u30bf\u3092\u3042\u3089\u304b\u3058\u3081\u8aad\u307f\u8fbc\u307e\u305b\u308b\r\ngame.preload( imgFileName, 'mask.png' );\r\n\r\n\/\/ \u30c7\u30fc\u30bf\u306e\u8aad\u307f\u8fbc\u307f\u304c\u5b8c\u4e86\u3057\u305f\u3089\u51e6\u7406\r\ngame.onload = function(){\r\n\r\n\/\/ \u30c1\u30e3\u30fc\u30c8\u753b\u50cf \u3092\u8a2d\u5b9a\r\nvar chart = new Sprite(1920, 1080);\r\n\/\/ chart.image = game.assets['screenshot.png'];\r\nchart.image = game.assets[ imgFileName ];\r\ngame.rootScene.addChild(chart);\r\n\r\n\/\/ \u30de\u30b9\u30af\u753b\u50cf \u3092\u8a2d\u5b9a\r\nvar mask = new Sprite(<span style=\"color: #ff0000;\"><strong>1920, 1080<\/strong><\/span>);\r\nmask.image = game.assets[\"mask.png\"];\r\ngame.rootScene.addChild(mask);\r\nmask.x = startX;\r\n\r\n\/\/ \u8aac\u660e\u6587\u3092\u8868\u793a\u3057\u307e\u3059\u3002\r\nvar Label1 = new Label(\"\");\r\nLabel1.text = \"\u30de\u30a6\u30b9\u306e\u30af\u30ea\u30c3\u30af\uff1a\u4e00\u6642\u505c\u6b62\u3068\u518d\u958b<br>\" +\r\n\"\u5de6\u30ad\u30fc\uff1a\u5c11\u3057\u623b\u308b<br>\" +\r\n\"\u53f3\u30ad\u30fc\uff1a\u5c11\u3057\u52a0\u901f<br>\" +\r\n\"\u4e0a\u30ad\u30fc\uff1a\u6700\u521d\u306b\u623b\u308b<br>\" +\r\n\"\u4e0b\u30ad\u30fc\uff1a\u4e00\u6642\u505c\u6b62\";\r\nLabel1.font = \"16px monospace\";\r\nLabel1.color = \"red\";\r\nLabel1.x = startX; \/\/ X\u5ea7\u6a19\r\nLabel1.y = 100; \/\/ Y\u5ea7\u6a19\r\ngame.rootScene.addChild(Label1);\r\n\r\n\/\/ \u30b7\u30fc\u30f3\u306b\u300c\u6bce\u30d5\u30ec\u30fc\u30e0\u5b9f\u884c\u30a4\u30d9\u30f3\u30c8\u300d\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002\r\ngame.rootScene.addEventListener(Event.ENTER_FRAME, function(e) {\r\nif( isTouch == true ) {\r\nmask.x += maskadd;\r\n}\r\n});\r\n\r\n\/\/ \u30bf\u30c3\u30c1\u30a4\u30d9\u30f3\u30c8\u3092\u767b\u9332\r\nthis.rootScene.addEventListener(\"touchstart\", function(e) {\r\n\/\/ \u30bf\u30c3\u30c1\u958b\u59cb\r\nif( isTouch == true ) {\r\nisTouch = false;\r\n} else if( isTouch == false ) {\r\nisTouch = true;\r\n}\r\n\r\n\/\/ \u73fe\u5728\u306e\u30de\u30a6\u30b9\u4f4d\u7f6e\u306e\u53d6\u5f97\r\ncurrentX = e.localX;\r\ncurrentY = e.localY;\r\n\r\n});\r\n\r\n<span style=\"color: #808080;\">\/\/ \u30d5\u30ea\u30c3\u30af\u64cd\u4f5c\u3092\u76e3\u8996\r\nthis.rootScene.addEventListener(\"touchmove\", function(e) {\r\n\/\/ \u79fb\u52d5\u5f8c\u306e\u30de\u30a6\u30b9\u4f4d\u7f6e\u306e\u53d6\u5f97\r\ntouchX = e.localX;\r\ntouchY = e.localY;\r\n\r\nif( touchX < currentX ) {\r\n\/\/ \u5de6\u30d5\u30ea\u30c3\u30af\r\nisLeft = true;\r\n} else if( touchX > currentX ) {\r\n\/\/ \u53f3\u30d5\u30ea\u30c3\u30af\r\nisRight = true;\r\n}\r\n\r\n});\r\n\r\n\/\/ \u30d5\u30ea\u30c3\u30af\u64cd\u4f5c\u306e\u5224\u5b9a\r\nthis.addEventListener(\"touchend\", function(e) {\r\n\/\/ \u30bf\u30c3\u30c1\u4f4d\u7f6e\u3092\u30bb\u30c3\u30c8\r\n\r\nif( isLeft == true ) {\r\n\/\/ \u5de6\u30d5\u30ea\u30c3\u30af\r\nthis.x -= (maskspeed + 1);\r\n} else if( isRight == true ) {\r\n\/\/ \u53f3\u30d5\u30ea\u30c3\u30af\r\nthis.x += maskspeed;\r\n}\r\n\r\n});<\/span>\r\n\r\n\/\/ \u30ad\u30fc\u64cd\u4f5c\u6642\u306b\u51e6\u7406\r\nmask.addEventListener('enterframe', function(){\r\nif (game.input.left) this.x -= (maskspeed + 1);\r\nif (game.input.right) this.x += maskspeed;\r\nif (game.input.up) this.x = startX;\r\nif (game.input.down) isTouch = false;\r\n});\r\n\r\n}\r\n\r\n\/\/ \u51e6\u7406\u958b\u59cb\r\ngame.start();\r\n\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u5148\u65e5\uff08\u6628\u5e74\uff09\u4f5c\u3063\u305f\u300c\u30da\u30a4\u30f3\u30c8\u7df4\u7fd2\u7528\u306e\u30c1\u30e3\u30fc\u30c8\u96a0\u3057\u30c4\u30fc\u30eb ver2\u300d \u30da\u30a4\u30f3\u30c8\u7df4\u7fd2\u7528\u306e\u300c\u30c1\u30e3\u30fc\u30c8\u96a0\u3057\u300d\u30c4\u30fc\u30eb ver2 \u3092\u4f7f\u3063\u3066\u3001\u81ea\u5206\u306e\u30da\u30a4\u30f3\u30c8\u7df4\u7fd2\u3067\u4f7f\u304a\u3046\u3068\u3057\u305f\u3089\u3001 \u3044\u304f\u3064\u304b\u4e0d\u4fbf\u3092\u611f\u3058\u305f\u306e\u3067\u3001\u5c11\u3057\u6539\u826f\u3057\u3066\u307f\u308b\u3053\u3068\u306b\u3057\u305f\u3002… <\/p>\n<p><a class=\"moretag\" href=\"https:\/\/shunichi.hosono.com\/?p=478\">Read the full article<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[8],"tags":[],"_links":{"self":[{"href":"https:\/\/shunichi.hosono.com\/index.php?rest_route=\/wp\/v2\/posts\/478"}],"collection":[{"href":"https:\/\/shunichi.hosono.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/shunichi.hosono.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/shunichi.hosono.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/shunichi.hosono.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=478"}],"version-history":[{"count":10,"href":"https:\/\/shunichi.hosono.com\/index.php?rest_route=\/wp\/v2\/posts\/478\/revisions"}],"predecessor-version":[{"id":489,"href":"https:\/\/shunichi.hosono.com\/index.php?rest_route=\/wp\/v2\/posts\/478\/revisions\/489"}],"wp:attachment":[{"href":"https:\/\/shunichi.hosono.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=478"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shunichi.hosono.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=478"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shunichi.hosono.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}