{"id":148504,"date":"2022-04-05T15:15:20","date_gmt":"2022-04-05T06:15:20","guid":{"rendered":"https:\/\/www.webtech.co.jp\/help\/?page_id=148504"},"modified":"2022-04-05T15:15:20","modified_gmt":"2022-04-05T06:15:20","slug":"ss6p_for_web","status":"publish","type":"page","link":"https:\/\/www.webtech.co.jp\/help\/ja\/spritestudio7\/guide\/output\/ss6p_for_web\/","title":{"rendered":"SS6Player for Web\u3067\u306e\u8868\u793a\u65b9\u6cd5"},"content":{"rendered":"<p>SpriteStudio Ver.6\u3067\u4f5c\u6210\u3057\u305f\u30c7\u30fc\u30bf\u3092 SS6Player for Web \u3092\u4f7f\u7528\u3057\u3001\u30d6\u30e9\u30a6\u30b6\u4e0a\u3067\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u518d\u751f\u3059\u308b\u65b9\u6cd5\u3092\u89e3\u8aac\u3057\u307e\u3059\u3002Sample.js\u3092\u3055\u3089\u306b\u5358\u7d14\u5316\u3055\u305b\u305f\u30b9\u30af\u30ea\u30d7\u30c8\u3067\u3001\u30b3\u30f3\u30d0\u30fc\u30c8\u3057\u305f\u30c7\u30fc\u30bf\u3092\u518d\u751f\u3057\u307e\u3059\u3002<br \/>\n\u5177\u4f53\u7684\u306a\u4f7f\u3044\u65b9\u3084\u5236\u5fa1\u306b\u3064\u3044\u3066\u306fSample.js\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002<\/p>\n<ul>\n<li><a href=\"#data_preparation\">\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u30c7\u30fc\u30bf\u6e96\u5099<\/a><\/li>\n<li><a href=\"#ssfb_convert\">sspj(\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u30c7\u30fc\u30bf)\u3092ssfb\u306b\u5909\u63db<\/a><\/li>\n<li><a href=\"#preparing_for_playback\">\u518d\u751f\u6e96\u5099<\/a><\/li>\n<li><a href=\"#play_in_browser\">\u30d6\u30e9\u30a6\u30b6\u3067\u76f4\u63a5\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u518d\u751f<\/a><\/li>\n<li><a href=\"#play_on_http\">\u958b\u767a\u74b0\u5883\u3092\u6e96\u5099\u3057\u3066\u3001http\u30b5\u30fc\u30d0\u30fc\u3067\u518d\u751f\u3092\u78ba\u8a8d\u3059\u308b<\/a><\/li>\n<li><a href=\"#sample_script\">\u30b5\u30f3\u30d7\u30eb\u30b9\u30af\u30ea\u30d7\u30c8<\/a><\/li>\n<li><a href=\"#relation\">\u95a2\u9023\u30da\u30fc\u30b8<\/a><\/li>\n<\/ul>\n<h4>\u4f7f\u7528\u30d0\u30fc\u30b8\u30e7\u30f3\u306b\u3064\u3044\u3066<\/h4>\n<p>\u672c\u30da\u30fc\u30b8\u306f\u4ee5\u4e0b\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u3092\u4f7f\u7528\u3057\u3066\u89e3\u8aac\u30fb\u78ba\u8a8d\u3092\u3057\u3066\u3044\u307e\u3059\u3002<br \/>\n<strong>\uff082019\/10\/17 \u6642\u70b9\u3068\u306a\u308a\u307e\u3059\u3000\u672c\u30da\u30fc\u30b8\u306e\u60c5\u5831\u304c\u53e4\u304f\u306a\u3063\u3066\u3044\u308b\u53ef\u80fd\u6027\u304c\u3054\u3056\u3044\u307e\u3059\u3002\u5404GitHub\u306b\u3066\u6700\u65b0\u60c5\u5831\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\uff09<\/strong><\/p>\n<ul>\n<li>OPTPiX SpriteStudio\uff1aVersion 6.3.2<\/li>\n<li>SS6Player for Web\uff1av1.1.0<\/li>\n<li>SpriteStudio SDK \uff1av1.7.0<\/li>\n<li>\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u30c7\u30fc\u30bf\uff1a\u30ad\u30e3\u30e9\u30af\u30bf\u30fc\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 \u30dc\u30c3\u30af\u30b9\u304f\u3093(Ver.6.3)<\/li>\n<li>Node.js 12.13.0\uff08npm 6.12.0\uff09<\/li>\n<li>Google Chrome \u30d0\u30fc\u30b8\u30e7\u30f3\uff1a77.0.3865.120 \u306b\u3066\u52d5\u4f5c\u78ba\u8a8d<\/li>\n<\/ul>\n<h2 id=\"data_preparation\">\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u30c7\u30fc\u30bf\u6e96\u5099<\/h2>\n<p>\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u884c\u3046\u30c7\u30fc\u30bf\u3092SpriteStudio\u3067\u4f5c\u6210\u3057\u307e\u3059\u3002<br \/>\n\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u6210\u3059\u308b\u524d\u306b\u3001\u5fc5\u305a\u300c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u8a2d\u5b9a\u300d\u304b\u3089\u4e92\u63db\u6027\u3092\u300cSS6PlayerForWeb v.0.0.0\uff08v.0.0.0\u306fSpriteStudio\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u306b\u5fdc\u3058\u3066\u5909\u5316\u3057\u307e\u3059\uff09\u300d\u306b\u8a2d\u5b9a\u3057\u3066\u304f\u3060\u3055\u3044\u3002<br \/>\n\u518d\u73fe\u3067\u304d\u306a\u3044\u6a5f\u80fd\u3084\u30a2\u30c8\u30ea\u30d3\u30e5\u30fc\u30c8\u3092\u4f7f\u7528\u3067\u304d\u306a\u3044\u3088\u3046\u306b\u3057\u3001\u5b9f\u88c5\u6642\u306e\u4e8b\u6545\u3092\u9632\u3050\u305f\u3081\u3067\u3059\u3002<\/p>\n<p><a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/10\/ss6pforweb_03.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/10\/ss6pforweb_03.png\" alt=\"\" width=\"862\" height=\"805\" class=\"alignnone size-full wp-image-103549\" srcset=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/10\/ss6pforweb_03.png 862w, https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/10\/ss6pforweb_03-768x717.png 768w, https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/10\/ss6pforweb_03-624x583.png 624w\" sizes=\"auto, (max-width: 862px) 100vw, 862px\" \/><\/a><\/p>\n<p>\u4eca\u56de\u306f\u3001\u30b5\u30f3\u30d7\u30eb\u30c7\u30fc\u30bf\u3067\u516c\u958b\u3057\u3066\u3044\u308b\u300c\u30ad\u30e3\u30e9\u30af\u30bf\u30fc\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 \u30dc\u30c3\u30af\u30b9\u304f\u3093(Ver.6.3)\u300d\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<br \/>\n\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u30c7\u30fc\u30bf\u304c\u307e\u3060\u51fa\u6765\u4e0a\u304c\u3063\u3066\u3044\u306a\u3044\u65b9\u306f\u4ee5\u4e0b\u306e\u30b5\u30f3\u30d7\u30eb\u30c7\u30fc\u30bf\u3092\u3054\u5229\u7528\u304f\u3060\u3055\u3044\u3002<\/p>\n<h3>\u30b5\u30f3\u30d7\u30eb\u30c7\u30fc\u30bf\u306e\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/h3>\n<ul class=\"link\">\n<li><a href=\"https:\/\/www.webtech.co.jp\/help\/ja\/spritestudio\/download\/sample\/#chara_box\">\u30b5\u30f3\u30d7\u30eb\u30c7\u30fc\u30bf &#8211; \u30ad\u30e3\u30e9\u30af\u30bf\u30fc\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 \u30dc\u30c3\u30af\u30b9\u304f\u3093(Ver.6.3)<\/a><\/li>\n<\/ul>\n<p>\u300c\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u300d\u3092\u62bc\u3059\u3068\u3001\u300cOPTPiX_SpriteStudio_CharactorBoxSamples_20190626.zip\u300d\u3068\u3044\u3046\u30d5\u30a1\u30a4\u30eb\u304c\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3055\u308c\u307e\u3059\u3002<\/p>\n<h3>\u30b5\u30f3\u30d7\u30eb\u30c7\u30fc\u30bf\u306e\u5c55\u958b<\/h3>\n<p>zip\u30d5\u30a1\u30a4\u30eb\u304c\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3055\u308c\u307e\u3059\u306e\u3067\u3001\u5c55\u958b\u3057\u307e\u3059\u3002<br \/>\n\u3053\u306esspj\u3092\u4eca\u56de\u306fSS6Player for Web\u3067\u518d\u751f\u3057\u307e\u3059\u3002<\/p>\n<h2 id=\"ssfb_convert\">sspj(\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u30c7\u30fc\u30bf)\u3092ssfb\u306b\u5909\u63db<\/h2>\n<p>sspj\u3092\u3001SS6Player for Web \u3067\u4f7f\u7528\u3059\u308b\u30c7\u30fc\u30bf\u306b\u5909\u63db\u3059\u308b\u65b9\u6cd5\u3092\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n<h3>\u30b3\u30f3\u30d0\u30fc\u30bf\u306e\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/h3>\n<p>\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u30c7\u30fc\u30bf\u306e\u5909\u63db\u306b\u306f\u3001SpriteStudio SDK \u3067\u63d0\u4f9b\u3055\u308c\u3066\u3044\u308b\u30b3\u30f3\u30d0\u30fc\u30bf\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<br \/>\nSpriteStudio6 SDK \u306e\u30da\u30fc\u30b8\u304b\u3089 Ss6Converter.zip \u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u307e\u3059\u3002<br \/>\nSpriteStudio6 SDK\u306e\u30ea\u30ea\u30fc\u30b9\u30da\u30fc\u30b8\u304b\u3089\u3001\u300cSs6Converter\u300d\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<a href=\"https:\/\/github.com\/SpriteStudio\/SpriteStudio6-SDK\/releases\" class=\"su-button su-button-style-flat gtmEvent\" style=\"color:#ffffff;background-color:#be80d2;border-color:#9867a8;border-radius:5px\" target=\"_self\" id=\"output_ss6sdk_release\"><span style=\"color:#ffffff;padding:6px 16px;font-size:13px;line-height:20px;border-color:#d2a7e0;border-radius:5px;text-shadow:0px 0px 0px #000000\"><i class=\"sui sui-github\" style=\"font-size:13px;color:#ffffff\"><\/i> SpriteStudio6-SDK Releases<\/span><\/a>\n<p><a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/10\/ss6pforweb_01.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/10\/ss6pforweb_01.png\" alt=\"\" width=\"651\" height=\"404\" class=\"alignnone size-full wp-image-103547\" srcset=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/10\/ss6pforweb_01.png 651w, https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/10\/ss6pforweb_01-624x387.png 624w\" sizes=\"auto, (max-width: 651px) 100vw, 651px\" \/><\/a><\/p>\n<h3>zip\u30d5\u30a1\u30a4\u30eb\u3092\u5c55\u958b\u3059\u308b<\/h3>\n<p>\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u304c\u5b8c\u4e86\u3057\u305f\u3089\u3001\u300cSs6Converter.zip\u300d\u3092\u5c55\u958b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<br \/>\n\u5c55\u958b\u3057\u305f\u30d5\u30a9\u30eb\u30c0\u306b\u3042\u308b\u300cSs6ConverterGUI.exe\u300d\u3092\u8d77\u52d5\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<p><a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/10\/ss6pforweb_02.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/10\/ss6pforweb_02.png\" alt=\"\" width=\"853\" height=\"440\" class=\"alignnone size-full wp-image-103548\" srcset=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/10\/ss6pforweb_02.png 853w, https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/10\/ss6pforweb_02-768x396.png 768w, https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/10\/ss6pforweb_02-624x322.png 624w\" sizes=\"auto, (max-width: 853px) 100vw, 853px\" \/><\/a><\/p>\n<h3>\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u30c7\u30fc\u30bf\u306e\u30b3\u30f3\u30d0\u30fc\u30c8<\/h3>\n<p>Ss6ConverterGUI\u3092\u958b\u304f\u3068\u3001\u30c0\u30a4\u30a2\u30ed\u30b0\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<br \/>\n\u3053\u308c\u3092\u64cd\u4f5c\u3057\u3066\u3001\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u30c7\u30fc\u30bf\u306e\u30b3\u30f3\u30d0\u30fc\u30c8\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n<p><a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/10\/ss6pforweb_010.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/10\/ss6pforweb_010.png\" alt=\"\" width=\"736\" height=\"495\" class=\"alignnone size-full wp-image-103564\" srcset=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/10\/ss6pforweb_010.png 736w, https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/10\/ss6pforweb_010-624x420.png 624w\" sizes=\"auto, (max-width: 736px) 100vw, 736px\" \/><\/a><\/p>\n<h4>\u30b3\u30f3\u30d0\u30fc\u30c8\u65b9\u6cd5<\/h4>\n<ol>\n<li>\u300c\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u30c7\u30fc\u30bf\u6e96\u5099\u300d\u3067\u5c55\u958b\u3057\u305f\u30c7\u30fc\u30bf\u306e\u4e2d\u304b\u3089\u3001\u4eca\u56de\u306f\u300cbox_00_00.sspj\u300d\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/li>\n<li>FileName\u306e\u3068\u3053\u308d\u306b\u300cbox_00_00.sspj\u300d\u3092\u30c9\u30e9\u30c3\u30b0\u30fb\u30c9\u30ed\u30c3\u30d7\u3057\u3066\u304f\u3060\u3055\u3044\u3002<br \/>\n\u6ce8\u610f\u70b9\u3068\u3057\u3066\u3001\u30d5\u30a9\u30eb\u30c0\u540d\u3001\u30d5\u30a1\u30a4\u30eb\u540d\u306b\u5168\u89d2\u6587\u5b57\u3084\u7279\u6b8a\u6587\u5b57\u304c\u5165\u3063\u3066\u3044\u308b\u3068\u8aad\u307f\u8fbc\u307f\u306b\u5931\u6557\u3059\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\u305d\u306e\u5834\u5408\u306f\u3001\u30c9\u30e9\u30a4\u30d6\u306e\u76f4\u4e0b\u306b\u7f6e\u304f\u306a\u3069\u304a\u624b\u6570\u3067\u3059\u304c\u8abf\u6574\u304f\u3060\u3055\u3044\u3002<\/li>\n<li>\u51fa\u529b\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u306e\u30d7\u30eb\u30c0\u30a6\u30f3\u30e1\u30cb\u30e5\u30fc\u3092\u958b\u304d\u300cssfb\u300d\u3092\u9078\u629e\u3057\u307e\u3059\u3002<\/li>\n<li>\u300cConvert Start\u300d\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002<\/li>\n<li>log\u306b\u300cconvert end\u300d\u3068\u8868\u793a\u3055\u308c\u308c\u3070\u3001\u518d\u751f\u306b\u4f7f\u7528\u3059\u308b\u30c7\u30fc\u30bf\u300cssfb\u300d\u3078\u306e\u5909\u63db\u5b8c\u4e86\u306b\u306a\u308a\u307e\u3059\u3002<\/li>\n<\/ol>\n<h4>ssfb\u306e\u78ba\u8a8d<\/h4>\n<p>sspj\u306e\u30d5\u30a9\u30eb\u30c0\u306e\u4e2d\u306b\u3001ssfb\u62e1\u5f35\u5b50\u306e\u30d5\u30a1\u30a4\u30eb\u304c\u751f\u6210\u3055\u308c\u3066\u3044\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002<br \/>\n\u3053\u306e\u30d5\u30a1\u30a4\u30eb\u304c\u518d\u751f\u306b\u4f7f\u7528\u3059\u308b\u30c7\u30fc\u30bf\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<p>\u3053\u308c\u3067\u30c7\u30fc\u30bf\u306e\u30b3\u30f3\u30d0\u30fc\u30c8\u304c\u5b8c\u4e86\u3067\u3059\u3002<\/p>\n<h2 id=\"preparing_for_playback\">\u518d\u751f\u6e96\u5099<\/h2>\n<p>\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u518d\u751f\u3092\u884c\u3046\u6e96\u5099\u3092\u3057\u307e\u3059\u3002<\/p>\n<h3>SS6Player for Web \u306e\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/h3>\n<p>SS6Player for Web \u306e Github\u306e release \u3088\u308a\u30c6\u30b9\u30c8\u3059\u308b\u30d1\u30c3\u30b1\u30fc\u30b8\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u307e\u3059\u3002<\/p>\n<a href=\"https:\/\/github.com\/SpriteStudio\/SS6PlayerForWeb\/wiki\" class=\"su-button su-button-style-flat gtmEvent\" style=\"color:#ffffff;background-color:#be80d2;border-color:#9867a8;border-radius:5px\" target=\"_self\" id=\"output_ss6p_web\"><span style=\"color:#ffffff;padding:6px 16px;font-size:13px;line-height:20px;border-color:#d2a7e0;border-radius:5px;text-shadow:0px 0px 0px #000000\"><i class=\"sui sui-github\" style=\"font-size:13px;color:#ffffff\"><\/i> SS6Player for WEB<\/span><\/a>\n<p>\u4eca\u56de\u306f\u3001<br \/>\n<a href=\"https:\/\/github.com\/SpriteStudio\/SS6PlayerForWeb\/releases\/tag\/v1.1.0\"  id=\"output_ss6p_web_release\" class=\"gtmEvent\">https:\/\/github.com\/SpriteStudio\/SS6PlayerForWeb\/releases\/tag\/v1.1.0<\/a><br \/>\n\u3088\u308a Source code.zip \u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u307e\u3059\u3002<\/p>\n<p><a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/10\/ss6pforweb_04.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/10\/ss6pforweb_04.png\" alt=\"\" width=\"765\" height=\"525\" class=\"alignnone size-full wp-image-103565\" srcset=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/10\/ss6pforweb_04.png 765w, https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/10\/ss6pforweb_04-624x428.png 624w\" sizes=\"auto, (max-width: 765px) 100vw, 765px\" \/><\/a><\/p>\n<p>\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u305f\u300cSource code.zip\u300d\u3092\u5c55\u958b\u3059\u308b\u3068\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u30d5\u30a1\u30a4\u30eb\u7fa4\u304c\u30d5\u30a9\u30eb\u30c0\u306e\u4e2d\u306b\u5165\u3063\u3066\u3044\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002<br \/>\n\u4eca\u56de\u306f\u3053\u306e\u4e2d\u306e\u300cpackages\u300d\u30d5\u30a9\u30eb\u30c0\u5185\u306e\u4e0b\u306b\u3042\u308b\u300cPlayer\u300d\u30d5\u30a9\u30eb\u30c0\u306e\u4e2d\u8eab\u3092\u7de8\u96c6\u3057\u307e\u3059\u3002<\/p>\n<p><a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_05b.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_05b.png\" alt=\"\" width=\"890\" height=\"555\" class=\"alignnone size-full wp-image-104092\" srcset=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_05b.png 890w, https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_05b-768x479.png 768w, https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_05b-624x389.png 624w\" sizes=\"auto, (max-width: 890px) 100vw, 890px\" \/><\/a><\/p>\n<p>\u5c55\u958b\u3057\u305f\u30d5\u30a1\u30a4\u30eb\u306e\u3000SS6PlayerForWeb-1.1.0\u00a5packages\u00a5ss6player-pixi\u00a5Player\u3000\u306e\u30d5\u30a9\u30eb\u30c0\u3092\u958b\u3044\u3066\u304f\u3060\u3055\u3044\u3002<br \/>\n\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u30d5\u30a1\u30a4\u30eb\u304c\u683c\u7d0d\u3055\u308c\u3066\u3044\u308b\u72b6\u614b\u3067\u3059\u3002<\/p>\n<p><a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_06b.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_06b.png\" alt=\"\" width=\"890\" height=\"555\" class=\"alignnone size-full wp-image-104093\" srcset=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_06b.png 890w, https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_06b-768x479.png 768w, https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_06b-624x389.png 624w\" sizes=\"auto, (max-width: 890px) 100vw, 890px\" \/><\/a><\/p>\n<h3>\u30b3\u30f3\u30d0\u30fc\u30c8\u3057\u305f\u30c7\u30fc\u30bf\u3092\u914d\u7f6e<\/h3>\n<p>\u518d\u751f\u3092\u884c\u3046\u30c7\u30fc\u30bf\u3092\u914d\u7f6e\u3057\u307e\u3059\u3002<br \/>\n\u4eca\u56de\u306f\u5206\u304b\u308a\u3084\u3059\u3044\u3088\u3046\u306b\u307e\u3068\u3081\u3066\u7f6e\u304d\u305f\u3044\u306e\u3067\u3001\u65b0\u898f\u4f5c\u6210\u3067 \u300cBox\u300d \u3068\u3044\u3046\u30d5\u30a9\u30eb\u30c0\u3092\u4f5c\u308a\u307e\u3059\u3002<\/p>\n<p><a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_07b.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_07b.png\" alt=\"\" width=\"890\" height=\"555\" class=\"alignnone size-full wp-image-104094\" srcset=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_07b.png 890w, https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_07b-768x479.png 768w, https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_07b-624x389.png 624w\" sizes=\"auto, (max-width: 890px) 100vw, 890px\" \/><\/a><\/p>\n<p>Box \u30d5\u30a9\u30eb\u30c0\u306e\u4e2d\u306b\u3001\u5148\u7a0b\u30b3\u30f3\u30d0\u30fc\u30c8\u3057\u305fssfb \u30c7\u30fc\u30bf\u3068\u3001\u753b\u50cf\u30d5\u30a1\u30a4\u30eb\u3092\u914d\u7f6e\u3057\u307e\u3059\u3002<br \/>\n\u4eca\u56de\u306f\u4ee5\u4e0b\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u683c\u7d0d\u3057\u307e\u3059\u3002<\/p>\n<ul>\n<li>box_00_00.ssbp.ssfb<\/li>\n<li>box_00_00.png<\/li>\n<\/ul>\n<p>\u306e\uff12\u3064\u3092\u30d5\u30a9\u30eb\u30c0\u30fc\u3078\u30b3\u30d4\u30fc\u3057\u307e\u3059\u3002<br \/>\n<a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_08b.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_08b.png\" alt=\"\" width=\"890\" height=\"555\" class=\"alignnone size-full wp-image-104095\" srcset=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_08b.png 890w, https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_08b-768x479.png 768w, https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_08b-624x389.png 624w\" sizes=\"auto, (max-width: 890px) 100vw, 890px\" \/><\/a><\/p>\n<h3>\u518d\u751f\u7528\u30b3\u30fc\u30c9\u306e\u6e96\u5099<\/h3>\n<p>\u4eca\u56de\u306fsample.js \u306e\u30b3\u30fc\u30c9\u3092\u4fee\u6b63\u3057\u3001\u66f4\u306b\u30b7\u30f3\u30d7\u30eb\u306b\u3057\u3066\u4f7f\u7528\u3057\u307e\u3059\u3002<br \/>\n\u30d5\u30a9\u30eb\u30c0\u306b sample.js \u3068\u3044\u3046\u30d5\u30a1\u30a4\u30eb\u304c\u3042\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<p>\u300csample.js\u300d\u3092\u3001\u30c6\u30ad\u30b9\u30c8\u30a8\u30c7\u30a3\u30bf\u3067\u958b\u304d\u307e\u3059\u3002<br \/>\n\u5185\u5bb9\u3092\u3001\u4e0b\u306b\u8a18\u8f09\u3057\u3066\u3044\u307e\u3059<a href=\"#sample_script\">\u30b5\u30f3\u30d7\u30eb\u30b9\u30af\u30ea\u30d7\u30c8<\/a>\u3092\u30b3\u30d4\u30fc\u3057\u3066\u5909\u66f4\u3092\u304a\u3053\u306a\u3044\u3001\u4e0a\u66f8\u304d\u4fdd\u5b58\u3092\u884c\u3063\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<blockquote>\n<p>sample.js\u306f\u69d8\u3005\u306a\u4f7f\u7528\u65b9\u6cd5\u304c\u8a18\u8f09\u3055\u308c\u3066\u3044\u307e\u3059\u304c\u3001\u4eca\u56de\u306f\u518d\u751f\u306e\u307f\u884c\u3046\u30b3\u30fc\u30c9\u306b\u66f8\u304d\u63db\u3048\u307e\u3059\u3002<br \/>\nsample.js\u306fGitHub\u304b\u3089\u3044\u3064\u3067\u3082\u53d6\u5f97\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u304c\u3001\u30b9\u30af\u30ea\u30d7\u30c8\u5909\u66f4\u3092\u884c\u3046\u524d\u306b\u8907\u88fd\u3059\u308b\u3053\u3068\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002<\/p>\n<\/blockquote>\n<h2 id=\"play_in_browser\">\u30d6\u30e9\u30a6\u30b6\u3067\u76f4\u63a5\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u518d\u751f<\/h2>\n<p>\u30d6\u30e9\u30a6\u30b6\u4e0a\u3067\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/p>\n<blockquote>\n<p>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u306e\u90fd\u5408\u3001\u76f4\u63a5\u30d6\u30e9\u30a6\u30b6\u304b\u3089\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u518d\u751f\u3067\u304d\u306a\u3044\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002<br \/>\n\u305d\u306e\u5834\u5408\u306f<a href=\"#nodejs\">node.js\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3001\u74b0\u5883\u3092\u6e96\u5099\u3057\u3066\u8868\u793a\u3092\u884c\u3046\u65b9\u6cd5<\/a>\u3092\u3054\u5229\u7528\u304f\u3060\u3055\u3044\u3002<\/p>\n<\/blockquote>\n<h3>\u30d6\u30e9\u30a6\u30b6\u3092\u6e96\u5099<\/h3>\n<p>\u4eca\u56de\u306f google Chrome \u3067\u518d\u751f\u3092\u884c\u3044\u307e\u3059\u3002Google Chrome \u3092\u958b\u304d\u307e\u3059\u3002<\/p>\n<p>SS6PlayerForWeb-1.1.0\u00a5packages\u00a5ss6player-pixi\u00a5Player \u306e\u30d5\u30a9\u30eb\u30c0\u306b\u3042\u308b index.html \u3092\u3001\u5148\u307b\u3069\u958b\u3044\u305fGoogle Chrome\u3067\u8868\u793a\u3057\u307e\u3059\u3002<br \/>\nindex.html \u3092Google Chrome\u4e0a\u3078\u30c9\u30ed\u30c3\u30d7\u3057\u307e\u3059\u3002<\/p>\n<p><a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_09b.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_09b.png\" alt=\"\" width=\"1137\" height=\"917\" class=\"alignnone size-full wp-image-104090\" srcset=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_09b.png 1137w, https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_09b-768x619.png 768w, https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_09b-624x503.png 624w\" sizes=\"auto, (max-width: 1137px) 100vw, 1137px\" \/><\/a><\/p>\n<h3>\u518d\u751f\u78ba\u8a8d<\/h3>\n<p>\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306f\u30eb\u30fc\u30d7\u3057\u3066\u518d\u751f\u3059\u308b\u3088\u3046\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002<br \/>\n\u6b63\u5e38\u306b\u8868\u793a\u3055\u308c\u305f\u3089\u5b8c\u4e86\u3067\u3059\u3002<br \/>\n\u30d6\u30e9\u30a6\u30b6\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u4e0a\u306e\u5236\u9650\u3067\u6b63\u5e38\u306b\u8868\u793a\u3055\u308c\u306a\u3044\u5834\u5408\u306f\u3001\u6b21\u306e <a href=\"#play_on_http\">\u958b\u767a\u74b0\u5883\u3092\u6e96\u5099\u3057\u3066\u3001http\u30b5\u30fc\u30d0\u30fc\u3067\u518d\u751f\u3092\u78ba\u8a8d\u3059\u308b<\/a> \u3067\u518d\u751f\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002<\/p>\n<p><a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_11b.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_11b.png\" alt=\"\" width=\"827\" height=\"768\" class=\"alignnone size-full wp-image-104091\" srcset=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_11b.png 827w, https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_11b-768x713.png 768w, https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/ss6pforweb_11b-624x579.png 624w\" sizes=\"auto, (max-width: 827px) 100vw, 827px\" \/><\/a><\/p>\n<h2 id=\"play_on_http\"><a id=\"nodejs\"><\/a>\u958b\u767a\u74b0\u5883\u3092\u6e96\u5099\u3057\u3066\u3001http\u30b5\u30fc\u30d0\u30fc\u3067\u518d\u751f\u3092\u78ba\u8a8d\u3059\u308b<\/h2>\n<p>\u3053\u3053\u3067\u306fSS6Player for Web \u306e\u6539\u4fee\u304c\u884c\u3048\u308b\u74b0\u5883\u3092\u6e96\u5099\u3057\u307e\u3059\u3002\u74b0\u5883\u3092\u6e96\u5099\u3044\u305f\u3060\u304f\u3053\u3068\u3067\u3001\u3054\u4f7f\u7528\u306e\u30d1\u30bd\u30b3\u30f3\u3067http\u30b5\u30fc\u30d0\u30fc\u3092\u8d77\u52d5\u3057\u3066\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u518d\u751f\u30c1\u30a7\u30c3\u30af\u304c\u884c\u3048\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<br \/>\n\u6700\u521d\u306b TypeScript \u306e\u30c8\u30e9\u30f3\u30b9\u30b3\u30f3\u30d1\u30a4\u30eb\u3001\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u518d\u751f\u30c6\u30b9\u30c8\u3092\u884c\u3046\u969b\u306b\u4f7f\u7528\u3059\u308b npm (Node Package Manager) \u3092\u6e96\u5099\u3057\u307e\u3059\u3002<\/p>\n<ul>\n<li><a href=\"#nodejs_dl\">node.js \u30d1\u30c3\u30b1\u30fc\u30b8\u306e\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/a><\/li>\n<li><a href=\"#nodejs_install\">node.js \u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/a><\/li>\n<li><a href=\"#npm_ready\">npm\u3092\u7528\u3044\u305f\u958b\u767a\u74b0\u5883\u3092\u6e96\u5099\u3059\u308b<\/a><\/li>\n<li><a href=\"#package_install\">npm \u3092\u4f7f\u7528\u3057\u3001\u4f7f\u7528\u3059\u308b\u30d1\u30c3\u30b1\u30fc\u30b8\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b<\/a><\/li>\n<li><a href=\"#transcompiler\">\u30c8\u30e9\u30f3\u30b9\u30b3\u30f3\u30d1\u30a4\u30e9\u3092\u5b9f\u884c\u3059\u308b<\/a><\/li>\n<li><a href=\"#http_play\">\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u518d\u751f\u3092\u884c\u3046<\/a><\/li>\n<\/ul>\n<h3 id=\"nodejs_dl\">node.js \u30d1\u30c3\u30b1\u30fc\u30b8\u306e\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/h3>\n<p>npm\u3092\u4f7f\u7528\u3059\u308b\u306b\u3042\u305f\u308a\u3001node.js \u306e\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u30da\u30fc\u30b8\u3088\u308a\u3001npm\u304c\u540c\u68b1\u3055\u308c\u305f\u30d1\u30c3\u30b1\u30fc\u30b8\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u307e\u3059\u3002<br \/>\n\u4f7f\u7528\u3057\u3066\u3044\u308bOS\u306b\u5408\u308f\u305b\u3066\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3092\u884c\u3063\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<ul>\n<li><a href=\"https:\/\/nodejs.org\/ja\/download\/\">node.js &#8211; \u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/a><\/li>\n<\/ul>\n<h3 id=\"nodejs_install\">node.js \u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/h3>\n<p>\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u305f\u30d1\u30c3\u30b1\u30fc\u30b8\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3059\u3002<br \/>\n\u30a4\u30f3\u30b9\u30c8\u30fc\u30e9\u30fc\u306b\u5f93\u3044\u3001\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3092\u5b8c\u4e86\u3055\u305b\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/SS6PforWeb_001.png\" alt=\"\" width=\"495\" height=\"387\" class=\"alignnone size-full wp-image-104000\" \/><\/p>\n<h3 id=\"npm_ready\">npm\u3092\u7528\u3044\u305f\u958b\u767a\u74b0\u5883\u3092\u6e96\u5099\u3059\u308b<\/h3>\n<p>\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u305f npm \u3092\u4f7f\u7528\u3057\u3066\u3001SS6Player for Web \u306e\u958b\u767a\u74b0\u5883\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002<br \/>\n\u672c\u30da\u30fc\u30b8\u3067\u306f Windows \u74b0\u5883\u3067\u306e\u65b9\u6cd5\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n<h4>\u30b3\u30de\u30f3\u30c9\u30d7\u30ed\u30f3\u30d7\u30c8\u3092\u8d77\u52d5\u3057\u3066\u30d5\u30a9\u30eb\u30c0\u3092\u79fb\u52d5<\/h4>\n<table style=\"border-collapse: collapse; width: 100%;\">\n<tbody>\n<tr>\n<td style=\"width: 50%;\">Windows \u30b7\u30b9\u30c6\u30e0\u30c4\u30fc\u30eb \u306e\u300c\u30b3\u30de\u30f3\u30c9 \u30d7\u30ed\u30f3\u30d7\u30c8\u300d\u8d77\u52d5\u3057\u307e\u3059\u3002<\/td>\n<td style=\"width: 50%;\">\n<p><a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/SS6PforWeb_003.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/SS6PforWeb_003.png\" alt=\"\" width=\"324\" height=\"571\" class=\"alignnone size-full wp-image-104012\" \/><\/a><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 50%;\">\u30b3\u30de\u30f3\u30c9\u30d7\u30ed\u30f3\u30d7\u30c8\u304c\u8d77\u52d5\u3057\u305f\u3089\u3001\u5c55\u958b\u3057\u305f\u30d5\u30a1\u30a4\u30eb\u306e<br \/>\nSS6PlayerForWeb-1.1.0\/\u3000\u306e\u30d5\u30a9\u30eb\u30c0\u3078\u3001\u30d5\u30a9\u30eb\u30c0\u3092\u79fb\u52d5\u3057\u307e\u3059\u3002<br \/>\n\u4eca\u56de\u306f\u3001<br \/>\n<strong>[C:\\Users\\\u30e6\u30fc\u30b6\u30fc\u540d\\Downloads\\SS6PlayerForWeb-1.1.0\\SS6PlayerForWeb-1.1.0 ]<\/strong> \u3078\u79fb\u52d5\u3055\u305b\u308b\u305f\u3081\u3002<br \/>\n<strong><em>cd C:\\Users\\\u30e6\u30fc\u30b6\u30fc\u540d\\Downloads\\SS6PlayerForWeb-1.1.0\\SS6PlayerForWeb-1.1.0<\/em><\/strong><br \/>\n\u3068\u5165\u529b\u3057\u307e\u3057\u305f\u3002<\/td>\n<td style=\"width: 50%;\"><a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/SS6PforWeb_005.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/SS6PforWeb_005.png\" alt=\"\" width=\"499\" height=\"332\" class=\"alignnone size-full wp-image-104005\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<blockquote>\n<p><span style=\"font-weight: 400;\">\u30b3\u30de\u30f3\u30c9 \u30d7\u30ed\u30f3\u30d7\u30c8\u3092\u958b\u3044\u305f\u969b\u306e\u30c9\u30e9\u30a4\u30d6\u304c\u7570\u306a\u308b\u5834\u5408\u3001\u30c9\u30e9\u30a4\u30d6\u79fb\u52d5\u300cC:\u300d\u3082\u884c\u3063\u3066\u304f\u3060\u3055\u3044\u3002<\/span><\/p>\n<\/blockquote>\n<h3 id=\"package_install\">npm \u3092\u4f7f\u7528\u3057\u3001\u30d1\u30c3\u30b1\u30fc\u30b8\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b<\/h3>\n<table style=\"border-collapse: collapse; width: 100%;\">\n<tbody>\n<tr>\n<td style=\"width: 50%;\">\u300cnpm i \u300d\u3068\u5165\u529b\u3057\u3066\u5b9f\u884c\u3057\u307e\u3059\u3002<br \/>\n\u3053\u308c\u306b\u3088\u308a\u3001\u958b\u767a\u3067\u4f7f\u7528\u3059\u308b\u30d1\u30c3\u30b1\u30fc\u30b8\u306b\u3064\u3044\u3066\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3055\u308c\u6e96\u5099\u3055\u308c\u307e\u3059\u3002<\/td>\n<td style=\"width: 50%;\"><a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/SS6PforWeb_005.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/SS6PforWeb_005.png\" alt=\"\" width=\"499\" height=\"332\" class=\"alignnone size-full wp-image-104005\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td style=\"width: 50%;\">\u6b21\u306b\u74b0\u5883\u306e\u521d\u671f\u5316\u3092\u884c\u3044\u307e\u3059\u3002<br \/>\n\u300cnpm run bootstrap\u300d\u3068\u5165\u529b\u3057\u307e\u3059\u3002<\/td>\n<td style=\"width: 50%;\"><a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/SS6PforWeb_008.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/SS6PforWeb_008.png\" alt=\"\" width=\"499\" height=\"332\" class=\"alignnone size-full wp-image-104008\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td style=\"width: 50%;\"><span style=\"font-weight: 400;\">\u4ee5\u4e0a\u3067\u3001\u74b0\u5883\u6e96\u5099\u304c\u6574\u3044\u307e\u3057\u305f\u3002<\/span><\/td>\n<td style=\"width: 50%;\"><a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/SS6PforWeb_009.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/SS6PforWeb_009.png\" alt=\"\" width=\"499\" height=\"332\" class=\"alignnone size-full wp-image-104009\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3 id=\"transcompiler\">\u30c8\u30e9\u30f3\u30b9\u30b3\u30f3\u30d1\u30a4\u30e9\u3092\u5b9f\u884c\u3059\u308b<\/h3>\n<p>TypeScript \u306e\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u3078\u30c8\u30e9\u30f3\u30b9\u30b3\u30f3\u30d1\u30a4\u30e9\u3092\u5b9f\u884c\u3057\u3066\u3001\u518d\u751f\u74b0\u5883\u306b\u53cd\u6620\u3057\u307e\u3059\u3002<br \/>\n\u4eca\u5f8c\u3001\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u306e\u6539\u4fee\u3092\u884c\u3063\u305f\u3068\u304d\u306f\u3001\u30c8\u30e9\u30f3\u30b9\u30b3\u30f3\u30d1\u30a4\u30e9\u3092\u5b9f\u884c\u3057\u3066\u52d5\u4f5c\u74b0\u5883\u3078\u53cd\u6620\u3057\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n<table style=\"border-collapse: collapse; width: 100%;\">\n<tbody>\n<tr>\n<td style=\"width: 50%;\">\u300cnpm run build\u300d\u3068\u5165\u529b\u3057\u307e\u3059\u3002<\/td>\n<td style=\"width: 50%;\"><a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/SS6PforWeb_010.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/SS6PforWeb_010.png\" alt=\"\" width=\"499\" height=\"332\" class=\"alignnone size-full wp-image-104010\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td style=\"width: 50%;\">\u30c8\u30e9\u30f3\u30b9\u30b3\u30f3\u30d1\u30a4\u30eb\u304c\u5b9f\u884c\u3055\u308c\u3001\u52d5\u4f5c\u74b0\u5883\u306b\u53cd\u6620\u3055\u308c\u307e\u3059\u3002<\/td>\n<td style=\"width: 50%;\"><a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/SS6PforWeb_011.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/SS6PforWeb_011.png\" alt=\"\" width=\"499\" height=\"332\" class=\"alignnone size-full wp-image-104011\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td style=\"width: 50%;\" colspan=\"2\">\u3053\u308c\u3067\u518d\u751f\u74b0\u5883\u306e\u6e96\u5099\u306f\u5b8c\u4e86\u3057\u307e\u3057\u305f\u3002<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3 id=\"http_play\">\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u518d\u751f\u3092\u884c\u3046<\/h3>\n<p>http \u30b5\u30fc\u30d0\u3092\u8d77\u52d5\u3057\u3001\u30d6\u30e9\u30a6\u30b6\u4e0a\u3067\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u518d\u751f\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n<table style=\"border-collapse: collapse; width: 100%;\">\n<tbody>\n<tr>\n<td style=\"width: 50%;\">\u300cnpm run view\u300d\u3068\u5165\u529b\u3057\u3001\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u518d\u751f\u306e\u30c6\u30b9\u30c8\u3092\u884c\u3044\u307e\u3059\u3002<\/td>\n<td style=\"width: 50%;\"><a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/SS6PforWeb_012.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/SS6PforWeb_012.png\" alt=\"\" width=\"499\" height=\"332\" class=\"alignnone size-full wp-image-104002\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td style=\"width: 50%;\">http\u30b5\u30fc\u30d0\u304c\u8d77\u52d5\u3057\u307e\u3059\u3002<\/td>\n<td style=\"width: 50%;\"><a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/SS6PforWeb_013.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/SS6PforWeb_013.png\" alt=\"\" width=\"499\" height=\"332\" class=\"alignnone size-full wp-image-104003\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td style=\"width: 50%;\">\u305d\u306e\u5f8c\u3001\u81ea\u52d5\u3067\u65e2\u5b9a\u30d6\u30e9\u30a6\u30b6\u3092\u4f7f\u3063\u3066\u3001\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u518d\u751f\u3092\u884c\u3044\u307e\u3059\u3002<\/td>\n<td style=\"width: 50%;\"><a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/SS6PforWeb_014.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/SS6PforWeb_014.png\" alt=\"\" width=\"652\" height=\"653\" class=\"alignnone size-full wp-image-104013\" srcset=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/SS6PforWeb_014.png 652w, https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/11\/SS6PforWeb_014-624x625.png 624w\" sizes=\"auto, (max-width: 652px) 100vw, 652px\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u4ee5\u4e0a\u3067\u3001\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u518d\u751f\u307e\u3067\u884c\u3048\u308b\u958b\u767a\u74b0\u5883\u306e\u6e96\u5099\u304c\u3067\u304d\u307e\u3057\u305f\u3002<br \/>\nTypeScript \u3092\u5909\u66f4\u3057\u305f\u5834\u5408\u306f\u3001\u518d\u5ea6\u30c8\u30e9\u30f3\u30b9\u30b3\u30f3\u30d1\u30a4\u30eb\u304b\u3089\u884c\u3063\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<h2 id=\"sample_script\">\u30b5\u30f3\u30d7\u30eb\u30b9\u30af\u30ea\u30d7\u30c8<\/h2>\n<p>\u4eca\u56de\u306f\u4ee5\u4e0b\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u3067\u518d\u751f\u3092\u884c\u3044\u307e\u3057\u305f\u3002<br \/>\n\u518d\u751f\u3059\u308b\u305f\u3081\u306e\u30b7\u30f3\u30d7\u30eb\u306a\u8a18\u8ff0\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002\u5236\u5fa1\u3059\u308b\u969b\u306e\u53c2\u8003\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<p>\u306a\u304a\u3001\u3082\u3063\u3068\u8a73\u3057\u3044\u30b5\u30f3\u30d7\u30eb\u306fGitHub\u306bSample.js\u3092\u3054\u7528\u610f\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<pre>\/\/-----------------------------------------------------------\r\n\/\/ SS6Player For Web\r\n\/\/\r\n\/\/ Copyright(C) Web Technology Corp.\r\n\/\/ https:\/\/www.webtech.co.jp\/\r\n\/\/-----------------------------------------------------------\r\n\r\n\/\/ SpriteStudio\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u518d\u751f\u3059\u308b\u30b5\u30f3\u30d7\u30eb\u3067\u3059\u3002\r\n\/\/ \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u30c7\u30fc\u30bf(.ssfb)\u306f SptiteStudioSDK \u306b\u542b\u307e\u308c\u308b\r\n\/\/ Ss6Converter\u3067\u4f5c\u6210\u3057\u307e\u3059\u3002\u8a73\u7d30\u306f\u4ee5\u4e0b\u306eURL\u3092\u53c2\u7167\u304f\u3060\u3055\u3044\u3002\r\n\/\/ https:\/\/github.com\/SpriteStudio\/SpriteStudio6-SDK\r\n\r\n\/\/ Initialize PIXI Application\r\n\/\/ \uff08\u901a\u5e38\u306ePIXI.js\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u521d\u671f\u5316\u624b\u9806\uff09\r\nvar app = new PIXI.Application(640, 640, {\r\n  backgroundColor : 0x606060\r\n}); \/\/ \u6bd4\u8f03\u3057\u3084\u3059\u3044\u3088\u3046SpriteStudio\u306e\u521d\u671f\u8a2d\u5b9a\u3068\u540c\u3058\u8272\u306b\u8a2d\u5b9a\u3057\u307e\u3059\u3002\r\ndocument.body.appendChild(app.view);\r\n\r\n\/\/ \u8aad\u8fbc\u5b8c\u4e86\u30b3\u30fc\u30eb\u30d0\u30c3\u30af\r\nvar onComplete = function() {\r\n    Play_sampleAnimation();\r\n};\r\n\r\n\/\/ \u30c7\u30fc\u30bf\u8a2d\u5b9a \r\n\/\/ SS6Converter\u3092\u4f7f\u7528\u3057\u305f ssfb \u30d5\u30a1\u30a4\u30eb\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002\r\nvar ssfbFile;\r\n    ssfbFile = \".\/Box\/box_00_00.ssbp.ssfb\";\t\/\/ \u30b3\u30f3\u30d0\u30fc\u30c8\u3057\u305f\u30c7\u30fc\u30bf\u30d5\u30a1\u30a4\u30eb\u3092\u8a18\u8ff0\u3057\u307e\u3059\u3002\r\nvar mySS6Project = new ss6PlayerPixi.SS6Project(ssfbFile, onComplete);\r\n\r\n\/\/ \u30d7\u30ec\u30a4\u30e4\u30fc\u3092\u4f7f\u7528\u3057\u3066\u518d\u751f\u3059\u308b\u30b5\u30f3\u30d7\u30eb\u3067\u3059\u3002\r\nfunction Play_sampleAnimation() {\r\n  {\r\n    \/\/   \u518d\u751f\u3059\u308bssae\u540d\u3001\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u30c7\u30fc\u30bf\u540d\u3092\u8a2d\u5b9a  \r\n    var mySS6Player = new ss6PlayerPixi.SS6Player(mySS6Project, \"00_box_00_default\", \"default\");\r\n    mySS6Player.position = new PIXI.Point(320, 320);    \/\/ \u8868\u793a\u4f4d\u7f6e\u3092\u8a2d\u5b9a\r\n    mySS6Player.scale = new PIXI.Point(1.0, 1.0);          \/\/ \u8868\u793a\u3057\u305f\u969b\u306e\u30b9\u30b1\u30fc\u30eb\u3092\u8a2d\u5b9a \r\n    app.stage.addChild(mySS6Player);\r\n\r\n    mySS6Player.loop = 0; \/\/ \u30eb\u30fc\u30d7\u56de\u6570\u3092\u8a2d\u5b9a (1\u3067\u4e00\u5ea6\u306e\u307f\u518d\u751f\u30010\u4ee5\u4e0b\u3067\u7121\u9650\u30eb\u30fc\u30d7)\r\n\r\n    \/\/ \u518d\u751f\u958b\u59cb\r\n    mySS6Player.Play();\r\n  }\r\n}\r\n<\/pre>\n<h2><a id=\"relation\"><\/a>\u95a2\u9023\u30da\u30fc\u30b8<\/h2>\n<ul class=\"link\">\n<li><a href=\"https:\/\/www.webtech.co.jp\/help\/ja\/spritestudio\/download\/sample\/\">\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9 &#8211; \u30b5\u30f3\u30d7\u30eb\u30c7\u30fc\u30bf<\/a><br \/><span style=\"font-size: small;\">\u3059\u3050\u89e6\u308c\u308b\u30b5\u30f3\u30d7\u30eb\u30c7\u30fc\u30bf\u306f\u3053\u3061\u3089\u304b\u3089\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3067\u304d\u307e\u3059\u3002<\/span><\/li>\n<li><a href=\"https:\/\/www.webtech.co.jp\/help\/ja\/spritestudio\/guide\/output6\/sdk\/\">SpriteStudio 6 SDK\u306e\u4f7f\u3044\u65b9<\/a><br \/><span style=\"font-size: small;\">SpriteStudio \u306e\u30c7\u30fc\u30bf\u3092\u6271\u3046\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9 SS6SDK \u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u89e3\u8aac\u3057\u3066\u3044\u307e\u3059\u3002<\/span><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>SpriteStudio Ver.6\u3067\u4f5c\u6210\u3057\u305f\u30c7\u30fc\u30bf\u3092 SS6Player for Web \u3092\u4f7f\u7528\u3057\u3001\u30d6\u30e9\u30a6\u30b6\u4e0a\u3067\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u518d\u751f\u3059\u308b\u65b9\u6cd5\u3092\u89e3\u8aac\u3057\u307e\u3059\u3002Sample.js\u3092\u3055\u3089\u306b\u5358\u7d14\u5316\u3055\u305b\u305f\u30b9\u30af\u30ea\u30d7\u30c8\u3067\u3001\u30b3\u30f3\u30d0\u30fc\u30c8\u3057..<\/p>\n","protected":false},"author":33,"featured_media":0,"parent":148502,"menu_order":45,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"tags":[],"class_list":["post-148504","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/pages\/148504","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/users\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/comments?post=148504"}],"version-history":[{"count":0,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/pages\/148504\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/pages\/148502"}],"wp:attachment":[{"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/media?parent=148504"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/tags?post=148504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}