From 45d2d505af3c5c993db124429c00744710ee1a5a Mon Sep 17 00:00:00 2001 From: webcyou Date: Tue, 15 Sep 2015 00:11:00 +0900 Subject: [PATCH 01/11] demo top refactor --- src/html/index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/html/index.html b/src/html/index.html index e5ba970..c9a36f3 100644 --- a/src/html/index.html +++ b/src/html/index.html @@ -80,9 +80,9 @@

Talking Scene JavaScript Library
HTML5, WebGame etc.. View on GitHub - + Download - (1.0.0) + (1.0.1) Reference Docs & Notes From f9da1439919545725fe833eb43998417902f8d74 Mon Sep 17 00:00:00 2001 From: lion-man44 Date: Mon, 21 Sep 2015 16:53:36 +0900 Subject: [PATCH 02/11] [KAIZEN] Can be selected 'close' to the time of callback run --- dist/message_view.js | 9 ++++++--- dist/message_view.min.js | 2 +- src/js/message_view.js | 9 ++++++--- 3 files changed, 13 insertions(+), 7 deletions(-) diff --git a/dist/message_view.js b/dist/message_view.js index 845eca4..810b231 100644 --- a/dist/message_view.js +++ b/dist/message_view.js @@ -188,7 +188,8 @@ speed: 'normal', ignoreSkip: false, loop: false, - isPointer: true + isPointer: true, + isClose: false }; this.addTime = 30; this.loading = false; @@ -339,7 +340,9 @@ this.open(this.data); } else { this.end(); - this.close(); + if (this.option.isClose) { + this.close(); + } } } }, @@ -455,4 +458,4 @@ global.MessageViewer = {}; } global.MessageViewer = Message; -})(this); \ No newline at end of file +})(this); diff --git a/dist/message_view.min.js b/dist/message_view.min.js index 5045f57..91755ed 100644 --- a/dist/message_view.min.js +++ b/dist/message_view.min.js @@ -1 +1 @@ -"use strict";!function(t){function e(t,e,i){this.utility=i,this.view=s.querySelector(e.view),this.contents=s.querySelector(e.contents),this.character=s.querySelector(e.character),this.characterImg=s.querySelector(e.characterImg),this.messageView=s.querySelector(e.messageView),this.message=s.querySelector(e.message),this.name=s.querySelector(e.name),this.pointer=s.querySelector(e.pointer),this.MESSAGE_VIEW_CLASS=this.view.className,this.MESSAGE_CLOSE_CLASS=e.messageCloseClass,this.MESSAGE_OPEN_CLASS=e.messageOpenClass,this.CHARACTER_CLASS=this.character.className,this.MESSAGE_CLASS=this.message.className,this.init.apply(this,arguments)}function i(t,e){var i=this,a=t.option;if(this.option={view:".messageView#default",contents:".messageView#default .mv-contents",character:".messageView#default .mv-contents .mv-image.character",characterImg:".messageView#default .mv-contents .mv-image.character img",messageView:".messageView#default .mv-contents .mv-comment",message:".messageView#default .mv-contents .mv-comment .val",name:".messageView#default .mv-contents .mv-name",pointer:".messageView#default .mv-contents .mv-comment .pointer",messageOpenClass:"in",messageCloseClass:"hide",page:0,speed:"normal",ignoreSkip:!1,loop:!1,isPointer:!0},this.addTime=30,this.loading=!1,this.isNumber=function(t){return"number"!=typeof t&&"string"!=typeof t?!1:t==parseFloat(t)&&isFinite(t)},void 0!==a){for(var o in a)this.option[o]=a[o];switch(this.option.speed){case"normal":i.addTime=30;break;case"fast":i.addTime=10;break;case"slow":i.addTime=80;break;default:i.addTime=30}this.isNumber(this.option.speed)&&(i.addTime=Math.abs(Math.round(this.option.speed)))}void 0!==t&&(this.data=t.data,this.selectedNum=this.option.page,this.selectedData=t.data[0],this.maxNum=t.data.length),this.set=function(t){for(var e in t)this.option[e]=t[e];return this},this.messageView=s.querySelector(this.option.view),this.onClick=function(t){t.stopPropagation(),t.preventDefault(),i.next.call(i)},this.utility=new n(this.option),this.messageView.addEventListener(this.utility.vendor.defultEvent,i.onClick,!0),void 0!==t.data&&this.init.apply(this,[t.data]),this.callBack=function(){void 0!==e&&e()},this.skip=!1}var s=t.document,n=function(){function t(t){this.support={touch:"ontouchstart"in window},this.vendor={defultEvent:"click",transitionend:this.whichTransitionEvent(),animationend:this.whichAnimationEvent()},this.support.touch&&(this.vendor.defultEvent="touchend")}return t.prototype.whichAnimationEvent=function(){var t,e=s.createElement("fakeelement"),i={animation:"animationend",OAnimation:"oAnimationEnd",MozAnimation:"animationend",WebkitAnimation:"webkitAnimationEnd"};for(t in i)if(void 0!==e.style[t])return i[t]},t.prototype.whichTransitionEvent=function(){var t,e=s.createElement("fakeelement"),i={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"};for(t in i)if(void 0!==e.style[t])return i[t]},t}();e.prototype={init:function(){},isSet:function(t){return void 0!==t&&void 0!==t?!0:!1},open:function(){this.view.classList.contains(this.MESSAGE_CLOSE_CLASS)&&this.view.classList.remove(this.MESSAGE_CLOSE_CLASS)},close:function(){this.view.classList.add(this.MESSAGE_CLOSE_CLASS),this.message.classList.add(this.MESSAGE_OPEN_CLASS),this.character.classList.add(this.MESSAGE_OPEN_CLASS)},commentChange:function(t){this.message.innerHTML="",this.message.innerHTML=t,this.messageView.classList.remove(this.MESSAGE_OPEN_CLASS)},commentClear:function(){this.message.innerHTML=""},characterChange:function(t){var e=this;t&&t.img_url?(this.characterImg.src=t.img_url,setTimeout(function(){e.character.className=e.CHARACTER_CLASS,e.character.addEventListener(e.utility.vendor.transitionend,function t(){e.messageView.className=e.MESSAGE_CLASS,this.removeEventListener(e.utility.vendor.transitionend,t,!1)})},80)):e.character.className=e.CHARACTER_CLASS},nameChange:function(t){this.name.innerHTML=t.name},sideChange:function(t){this.isSet(t)&&null!==t&&(this.view.classList.contains(t)&&this.view.classList.remove(t),this.view.className=this.MESSAGE_VIEW_CLASS),this.view.classList.add(t)},showPointer:function(){this.pointer.style.visibility="visible"},hidePointer:function(){this.pointer.style.visibility="hidden"},disablePointer:function(){this.pointer.style.display="none"}},i.prototype={init:function(t){var i=this;this.View=new e(this.data,this.option,this.utility),this.option.isPointer||this.disablePointer(),this.maxNum>0&&i.open(t.data)},isSet:function(t){return void 0!==t&&void 0!==t?!0:!1},open:function(t){this.isSet(this.selectedData.side_class)&&this.sideChange(),this.isSet(this.selectedData.name)&&this.nameChange(),this.isSet(this.selectedData.img_url)?this.characterChange():this.characterReset(),this.isSet(this.selectedData.message)&&this.commentChange(),this.View.open(t)},close:function(){this.messageView.removeEventListener(this.utility.vendor.defultEvent,this.onClick,!0),this.View.close()},next:function(){return this.loading===!0?void(this.option.ignoreSkip||(this.skip=!0)):(this.commentClear(),this.selectedNum+=1,void(this.maxNum>this.selectedNum?(this.selectedData=this.data[this.selectedNum],void 0!==this.selectedData.side_class&&this.sideChange(),this.selectedData.name&&this.nameChange(),this.selectedData.img_url?this.characterChange():this.characterReset(),this.selectedData.message&&this.commentChange()):this.maxNum<=this.selectedNum&&(this.option.loop?(this.selectedNum=this.option.page,this.selectedData=this.data[this.selectedNum],this.open(this.data)):(this.end(),this.close()))))},end:function(){this.callBack()},characterChange:function(){this.View.characterChange(this.selectedData)},characterReset:function(){this.View.characterChange(null)},sideChange:function(){this.View.sideChange(this.selectedData.side_class)},commentChange:function(){var t=this,e=this.selectedData.message.split(/]*)?\/?>/g),i=[],s="",n=this.addTime;this.hidePointer();for(var a in e)i.length>0&&i.push("
"),i.push(e[a].split(""));i=t.flatten(i),t.skip=!1,t.loading=!0;var o=function(){var e=i.shift();return e?(s+=e,t.skip&&(n=0,s+=i.join(""),i=[]),t.View.commentChange(s),void setTimeout(o,n)):(t.loading=!1,t.showPointer(),!1)};o()},flatten:function(t){for(var e=[],i=0;t.length>i;i++)if(t[i]instanceof Array)for(var s=0;t[i].length>s;s++)e.push(t[i][s]);else e.push(t[i]);return e},commentClear:function(){clearTimeout(this.timer),this.View.commentClear()},nameChange:function(){this.View.nameChange(this.selectedData)},showPointer:function(){this.option.isPointer&&this.View.showPointer()},hidePointer:function(){this.View.hidePointer()},disablePointer:function(){this.View.disablePointer()},setData:function(t){this.data=t},getData:function(){return this.data}},void 0===t.MessageViewer&&(t.MessageViewer={}),t.MessageViewer=i}(this); \ No newline at end of file +"use strict";!function(t){function e(t,e,i){this.utility=i,this.view=s.querySelector(e.view),this.contents=s.querySelector(e.contents),this.character=s.querySelector(e.character),this.characterImg=s.querySelector(e.characterImg),this.messageView=s.querySelector(e.messageView),this.message=s.querySelector(e.message),this.name=s.querySelector(e.name),this.pointer=s.querySelector(e.pointer),this.MESSAGE_VIEW_CLASS=this.view.className,this.MESSAGE_CLOSE_CLASS=e.messageCloseClass,this.MESSAGE_OPEN_CLASS=e.messageOpenClass,this.CHARACTER_CLASS=this.character.className,this.MESSAGE_CLASS=this.message.className,this.init.apply(this,arguments)}function i(t,e){var i=this,a=t.option;if(this.option={view:".messageView#default",contents:".messageView#default .mv-contents",character:".messageView#default .mv-contents .mv-image.character",characterImg:".messageView#default .mv-contents .mv-image.character img",messageView:".messageView#default .mv-contents .mv-comment",message:".messageView#default .mv-contents .mv-comment .val",name:".messageView#default .mv-contents .mv-name",pointer:".messageView#default .mv-contents .mv-comment .pointer",messageOpenClass:"in",messageCloseClass:"hide",page:0,speed:"normal",ignoreSkip:!1,loop:!1,isPointer:!0,isClose:!1},this.addTime=30,this.loading=!1,this.isNumber=function(t){return"number"!=typeof t&&"string"!=typeof t?!1:t==parseFloat(t)&&isFinite(t)},void 0!==a){for(var o in a)this.option[o]=a[o];switch(this.option.speed){case"normal":i.addTime=30;break;case"fast":i.addTime=10;break;case"slow":i.addTime=80;break;default:i.addTime=30}this.isNumber(this.option.speed)&&(i.addTime=Math.abs(Math.round(this.option.speed)))}void 0!==t&&(this.data=t.data,this.selectedNum=this.option.page,this.selectedData=t.data[0],this.maxNum=t.data.length),this.set=function(t){for(var e in t)this.option[e]=t[e];return this},this.messageView=s.querySelector(this.option.view),this.onClick=function(t){t.stopPropagation(),t.preventDefault(),i.next.call(i)},this.utility=new n(this.option),this.messageView.addEventListener(this.utility.vendor.defultEvent,i.onClick,!0),void 0!==t.data&&this.init.apply(this,[t.data]),this.callBack=function(){void 0!==e&&e()},this.skip=!1}var s=t.document,n=function(){function t(t){this.support={touch:"ontouchstart"in window},this.vendor={defultEvent:"click",transitionend:this.whichTransitionEvent(),animationend:this.whichAnimationEvent()},this.support.touch&&(this.vendor.defultEvent="touchend")}return t.prototype.whichAnimationEvent=function(){var t,e=s.createElement("fakeelement"),i={animation:"animationend",OAnimation:"oAnimationEnd",MozAnimation:"animationend",WebkitAnimation:"webkitAnimationEnd"};for(t in i)if(void 0!==e.style[t])return i[t]},t.prototype.whichTransitionEvent=function(){var t,e=s.createElement("fakeelement"),i={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"};for(t in i)if(void 0!==e.style[t])return i[t]},t}();e.prototype={init:function(){},isSet:function(t){return void 0!==t&&void 0!==t?!0:!1},open:function(){this.view.classList.contains(this.MESSAGE_CLOSE_CLASS)&&this.view.classList.remove(this.MESSAGE_CLOSE_CLASS)},close:function(){this.view.classList.add(this.MESSAGE_CLOSE_CLASS),this.message.classList.add(this.MESSAGE_OPEN_CLASS),this.character.classList.add(this.MESSAGE_OPEN_CLASS)},commentChange:function(t){this.message.innerHTML="",this.message.innerHTML=t,this.messageView.classList.remove(this.MESSAGE_OPEN_CLASS)},commentClear:function(){this.message.innerHTML=""},characterChange:function(t){var e=this;t&&t.img_url?(this.characterImg.src=t.img_url,setTimeout(function(){e.character.className=e.CHARACTER_CLASS,e.character.addEventListener(e.utility.vendor.transitionend,function t(){e.messageView.className=e.MESSAGE_CLASS,this.removeEventListener(e.utility.vendor.transitionend,t,!1)})},80)):e.character.className=e.CHARACTER_CLASS},nameChange:function(t){this.name.innerHTML=t.name},sideChange:function(t){this.isSet(t)&&null!==t&&(this.view.classList.contains(t)&&this.view.classList.remove(t),this.view.className=this.MESSAGE_VIEW_CLASS),this.view.classList.add(t)},showPointer:function(){this.pointer.style.visibility="visible"},hidePointer:function(){this.pointer.style.visibility="hidden"},disablePointer:function(){this.pointer.style.display="none"}},i.prototype={init:function(t){var i=this;this.View=new e(this.data,this.option,this.utility),this.option.isPointer||this.disablePointer(),this.maxNum>0&&i.open(t.data)},isSet:function(t){return void 0!==t&&void 0!==t?!0:!1},open:function(t){this.isSet(this.selectedData.side_class)&&this.sideChange(),this.isSet(this.selectedData.name)&&this.nameChange(),this.isSet(this.selectedData.img_url)?this.characterChange():this.characterReset(),this.isSet(this.selectedData.message)&&this.commentChange(),this.View.open(t)},close:function(){this.messageView.removeEventListener(this.utility.vendor.defultEvent,this.onClick,!0),this.View.close()},next:function(){return this.loading===!0?void(this.option.ignoreSkip||(this.skip=!0)):(this.commentClear(),this.selectedNum+=1,void(this.maxNum>this.selectedNum?(this.selectedData=this.data[this.selectedNum],void 0!==this.selectedData.side_class&&this.sideChange(),this.selectedData.name&&this.nameChange(),this.selectedData.img_url?this.characterChange():this.characterReset(),this.selectedData.message&&this.commentChange()):this.maxNum<=this.selectedNum&&(this.option.loop?(this.selectedNum=this.option.page,this.selectedData=this.data[this.selectedNum],this.open(this.data)):(this.end(),this.option.isClose&&this.close()))))},end:function(){this.callBack()},characterChange:function(){this.View.characterChange(this.selectedData)},characterReset:function(){this.View.characterChange(null)},sideChange:function(){this.View.sideChange(this.selectedData.side_class)},commentChange:function(){var t=this,e=this.selectedData.message.split(/]*)?\/?>/g),i=[],s="",n=this.addTime;this.hidePointer();for(var a in e)i.length>0&&i.push("
"),i.push(e[a].split(""));i=t.flatten(i),t.skip=!1,t.loading=!0;var o=function(){var e=i.shift();return e?(s+=e,t.skip&&(n=0,s+=i.join(""),i=[]),t.View.commentChange(s),void setTimeout(o,n)):(t.loading=!1,t.showPointer(),!1)};o()},flatten:function(t){for(var e=[],i=0;t.length>i;i++)if(t[i]instanceof Array)for(var s=0;t[i].length>s;s++)e.push(t[i][s]);else e.push(t[i]);return e},commentClear:function(){clearTimeout(this.timer),this.View.commentClear()},nameChange:function(){this.View.nameChange(this.selectedData)},showPointer:function(){this.option.isPointer&&this.View.showPointer()},hidePointer:function(){this.View.hidePointer()},disablePointer:function(){this.View.disablePointer()},setData:function(t){this.data=t},getData:function(){return this.data}},void 0===t.MessageViewer&&(t.MessageViewer={}),t.MessageViewer=i}(this); \ No newline at end of file diff --git a/src/js/message_view.js b/src/js/message_view.js index 845eca4..810b231 100644 --- a/src/js/message_view.js +++ b/src/js/message_view.js @@ -188,7 +188,8 @@ speed: 'normal', ignoreSkip: false, loop: false, - isPointer: true + isPointer: true, + isClose: false }; this.addTime = 30; this.loading = false; @@ -339,7 +340,9 @@ this.open(this.data); } else { this.end(); - this.close(); + if (this.option.isClose) { + this.close(); + } } } }, @@ -455,4 +458,4 @@ global.MessageViewer = {}; } global.MessageViewer = Message; -})(this); \ No newline at end of file +})(this); From 0cfc05ffb31716e47ce215e7abbabc175d823a9b Mon Sep 17 00:00:00 2001 From: lion-man44 Date: Tue, 22 Sep 2015 19:31:31 +0900 Subject: [PATCH 03/11] Change false to true --- dist/message_view.js | 2 +- dist/message_view.min.js | 2 +- src/js/message_view.js | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/dist/message_view.js b/dist/message_view.js index 810b231..7daa3ba 100644 --- a/dist/message_view.js +++ b/dist/message_view.js @@ -189,7 +189,7 @@ ignoreSkip: false, loop: false, isPointer: true, - isClose: false + isClose: true }; this.addTime = 30; this.loading = false; diff --git a/dist/message_view.min.js b/dist/message_view.min.js index 91755ed..b37fc47 100644 --- a/dist/message_view.min.js +++ b/dist/message_view.min.js @@ -1 +1 @@ -"use strict";!function(t){function e(t,e,i){this.utility=i,this.view=s.querySelector(e.view),this.contents=s.querySelector(e.contents),this.character=s.querySelector(e.character),this.characterImg=s.querySelector(e.characterImg),this.messageView=s.querySelector(e.messageView),this.message=s.querySelector(e.message),this.name=s.querySelector(e.name),this.pointer=s.querySelector(e.pointer),this.MESSAGE_VIEW_CLASS=this.view.className,this.MESSAGE_CLOSE_CLASS=e.messageCloseClass,this.MESSAGE_OPEN_CLASS=e.messageOpenClass,this.CHARACTER_CLASS=this.character.className,this.MESSAGE_CLASS=this.message.className,this.init.apply(this,arguments)}function i(t,e){var i=this,a=t.option;if(this.option={view:".messageView#default",contents:".messageView#default .mv-contents",character:".messageView#default .mv-contents .mv-image.character",characterImg:".messageView#default .mv-contents .mv-image.character img",messageView:".messageView#default .mv-contents .mv-comment",message:".messageView#default .mv-contents .mv-comment .val",name:".messageView#default .mv-contents .mv-name",pointer:".messageView#default .mv-contents .mv-comment .pointer",messageOpenClass:"in",messageCloseClass:"hide",page:0,speed:"normal",ignoreSkip:!1,loop:!1,isPointer:!0,isClose:!1},this.addTime=30,this.loading=!1,this.isNumber=function(t){return"number"!=typeof t&&"string"!=typeof t?!1:t==parseFloat(t)&&isFinite(t)},void 0!==a){for(var o in a)this.option[o]=a[o];switch(this.option.speed){case"normal":i.addTime=30;break;case"fast":i.addTime=10;break;case"slow":i.addTime=80;break;default:i.addTime=30}this.isNumber(this.option.speed)&&(i.addTime=Math.abs(Math.round(this.option.speed)))}void 0!==t&&(this.data=t.data,this.selectedNum=this.option.page,this.selectedData=t.data[0],this.maxNum=t.data.length),this.set=function(t){for(var e in t)this.option[e]=t[e];return this},this.messageView=s.querySelector(this.option.view),this.onClick=function(t){t.stopPropagation(),t.preventDefault(),i.next.call(i)},this.utility=new n(this.option),this.messageView.addEventListener(this.utility.vendor.defultEvent,i.onClick,!0),void 0!==t.data&&this.init.apply(this,[t.data]),this.callBack=function(){void 0!==e&&e()},this.skip=!1}var s=t.document,n=function(){function t(t){this.support={touch:"ontouchstart"in window},this.vendor={defultEvent:"click",transitionend:this.whichTransitionEvent(),animationend:this.whichAnimationEvent()},this.support.touch&&(this.vendor.defultEvent="touchend")}return t.prototype.whichAnimationEvent=function(){var t,e=s.createElement("fakeelement"),i={animation:"animationend",OAnimation:"oAnimationEnd",MozAnimation:"animationend",WebkitAnimation:"webkitAnimationEnd"};for(t in i)if(void 0!==e.style[t])return i[t]},t.prototype.whichTransitionEvent=function(){var t,e=s.createElement("fakeelement"),i={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"};for(t in i)if(void 0!==e.style[t])return i[t]},t}();e.prototype={init:function(){},isSet:function(t){return void 0!==t&&void 0!==t?!0:!1},open:function(){this.view.classList.contains(this.MESSAGE_CLOSE_CLASS)&&this.view.classList.remove(this.MESSAGE_CLOSE_CLASS)},close:function(){this.view.classList.add(this.MESSAGE_CLOSE_CLASS),this.message.classList.add(this.MESSAGE_OPEN_CLASS),this.character.classList.add(this.MESSAGE_OPEN_CLASS)},commentChange:function(t){this.message.innerHTML="",this.message.innerHTML=t,this.messageView.classList.remove(this.MESSAGE_OPEN_CLASS)},commentClear:function(){this.message.innerHTML=""},characterChange:function(t){var e=this;t&&t.img_url?(this.characterImg.src=t.img_url,setTimeout(function(){e.character.className=e.CHARACTER_CLASS,e.character.addEventListener(e.utility.vendor.transitionend,function t(){e.messageView.className=e.MESSAGE_CLASS,this.removeEventListener(e.utility.vendor.transitionend,t,!1)})},80)):e.character.className=e.CHARACTER_CLASS},nameChange:function(t){this.name.innerHTML=t.name},sideChange:function(t){this.isSet(t)&&null!==t&&(this.view.classList.contains(t)&&this.view.classList.remove(t),this.view.className=this.MESSAGE_VIEW_CLASS),this.view.classList.add(t)},showPointer:function(){this.pointer.style.visibility="visible"},hidePointer:function(){this.pointer.style.visibility="hidden"},disablePointer:function(){this.pointer.style.display="none"}},i.prototype={init:function(t){var i=this;this.View=new e(this.data,this.option,this.utility),this.option.isPointer||this.disablePointer(),this.maxNum>0&&i.open(t.data)},isSet:function(t){return void 0!==t&&void 0!==t?!0:!1},open:function(t){this.isSet(this.selectedData.side_class)&&this.sideChange(),this.isSet(this.selectedData.name)&&this.nameChange(),this.isSet(this.selectedData.img_url)?this.characterChange():this.characterReset(),this.isSet(this.selectedData.message)&&this.commentChange(),this.View.open(t)},close:function(){this.messageView.removeEventListener(this.utility.vendor.defultEvent,this.onClick,!0),this.View.close()},next:function(){return this.loading===!0?void(this.option.ignoreSkip||(this.skip=!0)):(this.commentClear(),this.selectedNum+=1,void(this.maxNum>this.selectedNum?(this.selectedData=this.data[this.selectedNum],void 0!==this.selectedData.side_class&&this.sideChange(),this.selectedData.name&&this.nameChange(),this.selectedData.img_url?this.characterChange():this.characterReset(),this.selectedData.message&&this.commentChange()):this.maxNum<=this.selectedNum&&(this.option.loop?(this.selectedNum=this.option.page,this.selectedData=this.data[this.selectedNum],this.open(this.data)):(this.end(),this.option.isClose&&this.close()))))},end:function(){this.callBack()},characterChange:function(){this.View.characterChange(this.selectedData)},characterReset:function(){this.View.characterChange(null)},sideChange:function(){this.View.sideChange(this.selectedData.side_class)},commentChange:function(){var t=this,e=this.selectedData.message.split(/]*)?\/?>/g),i=[],s="",n=this.addTime;this.hidePointer();for(var a in e)i.length>0&&i.push("
"),i.push(e[a].split(""));i=t.flatten(i),t.skip=!1,t.loading=!0;var o=function(){var e=i.shift();return e?(s+=e,t.skip&&(n=0,s+=i.join(""),i=[]),t.View.commentChange(s),void setTimeout(o,n)):(t.loading=!1,t.showPointer(),!1)};o()},flatten:function(t){for(var e=[],i=0;t.length>i;i++)if(t[i]instanceof Array)for(var s=0;t[i].length>s;s++)e.push(t[i][s]);else e.push(t[i]);return e},commentClear:function(){clearTimeout(this.timer),this.View.commentClear()},nameChange:function(){this.View.nameChange(this.selectedData)},showPointer:function(){this.option.isPointer&&this.View.showPointer()},hidePointer:function(){this.View.hidePointer()},disablePointer:function(){this.View.disablePointer()},setData:function(t){this.data=t},getData:function(){return this.data}},void 0===t.MessageViewer&&(t.MessageViewer={}),t.MessageViewer=i}(this); \ No newline at end of file +"use strict";!function(t){function e(t,e,i){this.utility=i,this.view=s.querySelector(e.view),this.contents=s.querySelector(e.contents),this.character=s.querySelector(e.character),this.characterImg=s.querySelector(e.characterImg),this.messageView=s.querySelector(e.messageView),this.message=s.querySelector(e.message),this.name=s.querySelector(e.name),this.pointer=s.querySelector(e.pointer),this.MESSAGE_VIEW_CLASS=this.view.className,this.MESSAGE_CLOSE_CLASS=e.messageCloseClass,this.MESSAGE_OPEN_CLASS=e.messageOpenClass,this.CHARACTER_CLASS=this.character.className,this.MESSAGE_CLASS=this.message.className,this.init.apply(this,arguments)}function i(t,e){var i=this,a=t.option;if(this.option={view:".messageView#default",contents:".messageView#default .mv-contents",character:".messageView#default .mv-contents .mv-image.character",characterImg:".messageView#default .mv-contents .mv-image.character img",messageView:".messageView#default .mv-contents .mv-comment",message:".messageView#default .mv-contents .mv-comment .val",name:".messageView#default .mv-contents .mv-name",pointer:".messageView#default .mv-contents .mv-comment .pointer",messageOpenClass:"in",messageCloseClass:"hide",page:0,speed:"normal",ignoreSkip:!1,loop:!1,isPointer:!0,isClose:!0},this.addTime=30,this.loading=!1,this.isNumber=function(t){return"number"!=typeof t&&"string"!=typeof t?!1:t==parseFloat(t)&&isFinite(t)},void 0!==a){for(var o in a)this.option[o]=a[o];switch(this.option.speed){case"normal":i.addTime=30;break;case"fast":i.addTime=10;break;case"slow":i.addTime=80;break;default:i.addTime=30}this.isNumber(this.option.speed)&&(i.addTime=Math.abs(Math.round(this.option.speed)))}void 0!==t&&(this.data=t.data,this.selectedNum=this.option.page,this.selectedData=t.data[0],this.maxNum=t.data.length),this.set=function(t){for(var e in t)this.option[e]=t[e];return this},this.messageView=s.querySelector(this.option.view),this.onClick=function(t){t.stopPropagation(),t.preventDefault(),i.next.call(i)},this.utility=new n(this.option),this.messageView.addEventListener(this.utility.vendor.defultEvent,i.onClick,!0),void 0!==t.data&&this.init.apply(this,[t.data]),this.callBack=function(){void 0!==e&&e()},this.skip=!1}var s=t.document,n=function(){function t(t){this.support={touch:"ontouchstart"in window},this.vendor={defultEvent:"click",transitionend:this.whichTransitionEvent(),animationend:this.whichAnimationEvent()},this.support.touch&&(this.vendor.defultEvent="touchend")}return t.prototype.whichAnimationEvent=function(){var t,e=s.createElement("fakeelement"),i={animation:"animationend",OAnimation:"oAnimationEnd",MozAnimation:"animationend",WebkitAnimation:"webkitAnimationEnd"};for(t in i)if(void 0!==e.style[t])return i[t]},t.prototype.whichTransitionEvent=function(){var t,e=s.createElement("fakeelement"),i={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"};for(t in i)if(void 0!==e.style[t])return i[t]},t}();e.prototype={init:function(){},isSet:function(t){return void 0!==t&&void 0!==t?!0:!1},open:function(){this.view.classList.contains(this.MESSAGE_CLOSE_CLASS)&&this.view.classList.remove(this.MESSAGE_CLOSE_CLASS)},close:function(){this.view.classList.add(this.MESSAGE_CLOSE_CLASS),this.message.classList.add(this.MESSAGE_OPEN_CLASS),this.character.classList.add(this.MESSAGE_OPEN_CLASS)},commentChange:function(t){this.message.innerHTML="",this.message.innerHTML=t,this.messageView.classList.remove(this.MESSAGE_OPEN_CLASS)},commentClear:function(){this.message.innerHTML=""},characterChange:function(t){var e=this;t&&t.img_url?(this.characterImg.src=t.img_url,setTimeout(function(){e.character.className=e.CHARACTER_CLASS,e.character.addEventListener(e.utility.vendor.transitionend,function t(){e.messageView.className=e.MESSAGE_CLASS,this.removeEventListener(e.utility.vendor.transitionend,t,!1)})},80)):e.character.className=e.CHARACTER_CLASS},nameChange:function(t){this.name.innerHTML=t.name},sideChange:function(t){this.isSet(t)&&null!==t&&(this.view.classList.contains(t)&&this.view.classList.remove(t),this.view.className=this.MESSAGE_VIEW_CLASS),this.view.classList.add(t)},showPointer:function(){this.pointer.style.visibility="visible"},hidePointer:function(){this.pointer.style.visibility="hidden"},disablePointer:function(){this.pointer.style.display="none"}},i.prototype={init:function(t){var i=this;this.View=new e(this.data,this.option,this.utility),this.option.isPointer||this.disablePointer(),this.maxNum>0&&i.open(t.data)},isSet:function(t){return void 0!==t&&void 0!==t?!0:!1},open:function(t){this.isSet(this.selectedData.side_class)&&this.sideChange(),this.isSet(this.selectedData.name)&&this.nameChange(),this.isSet(this.selectedData.img_url)?this.characterChange():this.characterReset(),this.isSet(this.selectedData.message)&&this.commentChange(),this.View.open(t)},close:function(){this.messageView.removeEventListener(this.utility.vendor.defultEvent,this.onClick,!0),this.View.close()},next:function(){return this.loading===!0?void(this.option.ignoreSkip||(this.skip=!0)):(this.commentClear(),this.selectedNum+=1,void(this.maxNum>this.selectedNum?(this.selectedData=this.data[this.selectedNum],void 0!==this.selectedData.side_class&&this.sideChange(),this.selectedData.name&&this.nameChange(),this.selectedData.img_url?this.characterChange():this.characterReset(),this.selectedData.message&&this.commentChange()):this.maxNum<=this.selectedNum&&(this.option.loop?(this.selectedNum=this.option.page,this.selectedData=this.data[this.selectedNum],this.open(this.data)):(this.end(),this.option.isClose&&this.close()))))},end:function(){this.callBack()},characterChange:function(){this.View.characterChange(this.selectedData)},characterReset:function(){this.View.characterChange(null)},sideChange:function(){this.View.sideChange(this.selectedData.side_class)},commentChange:function(){var t=this,e=this.selectedData.message.split(/]*)?\/?>/g),i=[],s="",n=this.addTime;this.hidePointer();for(var a in e)i.length>0&&i.push("
"),i.push(e[a].split(""));i=t.flatten(i),t.skip=!1,t.loading=!0;var o=function(){var e=i.shift();return e?(s+=e,t.skip&&(n=0,s+=i.join(""),i=[]),t.View.commentChange(s),void setTimeout(o,n)):(t.loading=!1,t.showPointer(),!1)};o()},flatten:function(t){for(var e=[],i=0;t.length>i;i++)if(t[i]instanceof Array)for(var s=0;t[i].length>s;s++)e.push(t[i][s]);else e.push(t[i]);return e},commentClear:function(){clearTimeout(this.timer),this.View.commentClear()},nameChange:function(){this.View.nameChange(this.selectedData)},showPointer:function(){this.option.isPointer&&this.View.showPointer()},hidePointer:function(){this.View.hidePointer()},disablePointer:function(){this.View.disablePointer()},setData:function(t){this.data=t},getData:function(){return this.data}},void 0===t.MessageViewer&&(t.MessageViewer={}),t.MessageViewer=i}(this); \ No newline at end of file diff --git a/src/js/message_view.js b/src/js/message_view.js index 810b231..7daa3ba 100644 --- a/src/js/message_view.js +++ b/src/js/message_view.js @@ -189,7 +189,7 @@ ignoreSkip: false, loop: false, isPointer: true, - isClose: false + isClose: true }; this.addTime = 30; this.loading = false; From 9c75c8f48cb59135b4f10803c2535b8a17149866 Mon Sep 17 00:00:00 2001 From: webcyou Date: Mon, 5 Oct 2015 21:25:01 +0900 Subject: [PATCH 04/11] refactor bower.json --- bower.json | 1 + 1 file changed, 1 insertion(+) diff --git a/bower.json b/bower.json index 80db6b7..563e2fe 100644 --- a/bower.json +++ b/bower.json @@ -1,6 +1,7 @@ { "name": "message_view", "version": "1.0.2", + "main": "message_view.js", "authors": [ "daisuke.takayama" ], From 04a83762771aa66eeff89f457e90c7732c3f7dba Mon Sep 17 00:00:00 2001 From: webcyou Date: Mon, 5 Oct 2015 21:32:22 +0900 Subject: [PATCH 05/11] refactor bower.json --- bower.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/bower.json b/bower.json index 563e2fe..3d7447e 100644 --- a/bower.json +++ b/bower.json @@ -6,7 +6,7 @@ "daisuke.takayama" ], "license": "MIT", - "private": true, + "private": false, "ignore": [ "**/.*", "node_modules", From 0cad68e88583947c758f1c072ae770464865a1db Mon Sep 17 00:00:00 2001 From: webcyou Date: Mon, 5 Oct 2015 21:39:35 +0900 Subject: [PATCH 06/11] refactor bower.json --- bower.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/bower.json b/bower.json index 3d7447e..ce30360 100644 --- a/bower.json +++ b/bower.json @@ -1,7 +1,7 @@ { "name": "message_view", "version": "1.0.2", - "main": "message_view.js", + "main": "dist/message_view.js", "authors": [ "daisuke.takayama" ], From 7ffe45118a51229225f7db474ca7f2ce4581cd45 Mon Sep 17 00:00:00 2001 From: webcyou Date: Mon, 5 Oct 2015 21:48:31 +0900 Subject: [PATCH 07/11] refactor bower.json --- bower.json | 1 - 1 file changed, 1 deletion(-) diff --git a/bower.json b/bower.json index ce30360..77ee274 100644 --- a/bower.json +++ b/bower.json @@ -6,7 +6,6 @@ "daisuke.takayama" ], "license": "MIT", - "private": false, "ignore": [ "**/.*", "node_modules", From eb8df46225bba4ea6b32d87812abe9bd61542383 Mon Sep 17 00:00:00 2001 From: webcyou Date: Mon, 5 Oct 2015 22:15:51 +0900 Subject: [PATCH 08/11] update README.md --- README.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/README.md b/README.md index b68f549..b7007ce 100644 --- a/README.md +++ b/README.md @@ -11,6 +11,12 @@ HTML5, WebGame etc... ### demo [デモページ](http://webcyou.com/message_view_js/demo/) +### Install + +#### Bower +``` +bower install message_view.js +``` ### The Basics From 3f3c02346977a22a253c55f5f734d604ac857922 Mon Sep 17 00:00:00 2001 From: webcyou Date: Sat, 11 Jun 2016 19:35:48 +0900 Subject: [PATCH 09/11] refactor package.json --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index f783894..dd12ab5 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "message_view", - "version": "1.0.0", + "version": "1.0.2", "description": "web帳:message_view.js", "main": "index.js", "scripts": { From 904ca2475377d60642484b933f4a1f04892aa25e Mon Sep 17 00:00:00 2001 From: webcyou Date: Sat, 11 Jun 2016 19:40:54 +0900 Subject: [PATCH 10/11] refactor package.json --- package.json | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/package.json b/package.json index dd12ab5..b745eb0 100644 --- a/package.json +++ b/package.json @@ -1,14 +1,17 @@ { - "name": "message_view", + "name": "message-view-js", "version": "1.0.2", - "description": "web帳:message_view.js", - "main": "index.js", + "description": "「MessageViewJS」はゲーム内でよくある会話シーンを簡単実装できる、JavaScriptライブラリです。Talking Scene JavaScript Library HTML5, WebGame etc...", + "main": "dist/message_view.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [ "javaScript", - "message" + "message", + "game", + "Talking Scene", + "Library" ], "author": "daisuke.takayama", "license": "MIT", From 0f0be013ab3a79f3252166905bb18941146b243e Mon Sep 17 00:00:00 2001 From: webcyou Date: Sat, 11 Jun 2016 19:44:33 +0900 Subject: [PATCH 11/11] refactor README.md --- README.md | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/README.md b/README.md index b7007ce..3f6c969 100644 --- a/README.md +++ b/README.md @@ -18,6 +18,11 @@ HTML5, WebGame etc... bower install message_view.js ``` +#### npm +``` +npm install message-view-js +``` + ### The Basics ```