function DBasicPhraseWrapper_whiteback () { this.name = "ベーシックなアニメーションフレーズ（簡易）_白地"; this.type = PUBLIC | PHRASE; this.headTime = 1000; this.tailTime = 1000; // @ui Slider(0, 100) // @title 文字サイズ this.fontSize = 15; // @ui Color() // @title 文字色 this.fontColor = new Color("#000000"); // @ui Slider(0, 100) // @title 文字間隔 this.letterSpacing = 10; // @ui Select([ 0, "左揃え" ], [ 1, "中央揃え" ], [ 2, "右揃え" ]) // @title 整列（左右） this.alignLR = 1; // @ui Select([ 0, "上揃え" ], [ 1, "中央揃え" ], [ 2, "下揃え" ]) // @title 整列（上下） this.alignTB = 1; // @ui Slider(0, 100) // @title 横位置 this.xPos = 50; // @ui Slider(0, 100) // @title 縦位置 this.yPos = 50; // @ui Slider(-100, 100) // @title 移動速度（横） this.movSpeedX = 0; // @ui Slider(-100, 100) // @title 移動速度（縦） this.movSpeedY = 0; // @ui Check() // @title 自動改行 this.autoBreak = true; // @ui Slider(20, 100) // @title 折り返し幅（自動改行オン時のみ） this.maxWidth = 60; // @ui Slider(0, 30) // @title 改行位置（１行目） this.wrapNum1 = 0; // @ui Slider(0, 30) // @title 改行位置（２行目） this.wrapNum2 = 0; // @ui Slider(0, 30) // @title 改行位置（３行目） this.wrapNum3 = 0; // @ui Slider(0, 100) // @title 行間 this.lineHeight = 20; // @ui Check() // @title 縦書き this.isTate = false; // @ui Check() // @title 文字背景の有無 this.useBg = false; // @ui Color() // @title 文字背景の色 this.bgColor = new Color("#ffffff"); // @ui Slider(0, 100) // @title 文字背景の透明度 this.bgAlpha = 100; // @ui Slider(0, 100) // @title 文字背景の左右余白 this.bgPaddingX = 5; // @ui Slider(0, 100) // @title 文字背景の上下余白 this.bgPaddingY = 5; // @ui Check() // @title 文字背景を画面の幅にフィット this.bgFit = false; // @ui Select([ 0, "フェード" ], [ 1, "ワイプ（左から）" ], [ 2, "ワイプ（右から）" ], [ 3, "ワイプ（上から）" ], [ 4, "ワイプ（下から）" ]) // @title 文字背景のアニメーションタイプ this.bgAnimationType = 0; // @ui Select([ 0, "なし" ], [ 1, "フェード" ], [ 2, "回転" ], [ 3, "ズーム" ], [ 4, "スライド（上から）" ], [ 5, "スライド（下から）" ], [ 6, "スライド（左から）" ], [ 7, "スライド（右から）" ], [ 8, "スライド（ランダム）" ], [ 9, "ワイプ（上から）" ], [ 10, "ワイプ（下から）" ], [ 11, "ワイプ（左から）" ], [ 12, "ワイプ（右から）" ], [ 13, "回転＆ズーム" ], [ 14, "ズーム＆スライド（上から）" ], [ 15, "ズーム＆スライド（下から）" ], [ 16, "ズーム＆スライド（左から）" ], [ 17, "ズーム＆スライド（右から）" ], [ 18, "ズーム＆スライド（ランダム）" ], [ 19, "ワイプ＆スライド（上から）" ], [ 20, "ワイプ＆スライド（下から）" ], [ 21, "ワイプ＆スライド（左から）" ], [ 22, "ワイプ＆スライド（右から）" ]) // @title アニメーションタイプ（開始時） this.animationType = 1; // @ui Check() // @title 一文字ずつ（開始時） this.animationPerChar = false; // @ui Slider(0, 100) // @title アニメーションスピード（開始時） this.animationSpeed = 70; // @ui Slider(0, 100) // @title アニメーションの勢い（開始時） this.animationVigorous = 50; // @ui Select([ 0, "デフォルト" ], [ 1, "バック" ], [ 2, "バウンド" ], [ 3, "バネ" ]) // @title アニメーションのイージング this.animationEasing = 0; // @ui Select([ 0, "なし" ], [ 1, "フェード" ], [ 2, "回転" ], [ 3, "ズーム" ], [ 4, "スライド（上へ）" ], [ 5, "スライド（下へ）" ], [ 6, "スライド（左へ）" ], [ 7, "スライド（右へ）" ], [ 8, "スライド（ランダム）" ], [ 9, "ワイプ（上から）" ], [ 10, "ワイプ（下から）" ], [ 11, "ワイプ（左から）" ], [ 12, "ワイプ（右から）" ], [ 13, "回転＆ズーム" ], [ 14, "ズーム＆スライド（上へ）" ], [ 15, "ズーム＆スライド（下へ）" ], [ 16, "ズーム＆スライド（左へ）" ], [ 17, "ズーム＆スライド（右へ）" ], [ 18, "ズーム＆スライド（ランダム）" ], [ 19, "ワイプ＆スライド（上へ）" ], [ 20, "ワイプ＆スライド（下へ）" ], [ 21, "ワイプ＆スライド（左へ）" ], [ 22, "ワイプ＆スライド（右へ）" ]) // @title アニメーションタイプ（終了時） this.animationTypeTail = 1; // @ui Check() // @title 一文字ずつ（終了時） this.animationPerCharTail = false; // @ui Slider(0, 100) // @title アニメーションスピード（終了時） this.animationSpeedTail = 70; // @ui Slider(0, 100) // @title アニメーションの勢い（終了時） this.animationVigorousTail = 50; var DBasicPhrase = require("DBasicPhrase@1360"); var text = new DBasicPhrase(); this.animate = function (now) { var phrase = this.getAssignedUnit(); this.draw(now, phrase); } this.draw = function (now, phrase) { text.fontSize = this.fontSize; text.fontColor = this.fontColor; text.letterSpacing = this.letterSpacing; text.alignLR = this.alignLR; text.alignTB = this.alignTB; text.xPos = this.xPos; text.yPos = this.yPos; text.movSpeedX = this.movSpeedX; text.movSpeedY = this.movSpeedY; text.useBg = this.useBg; text.bgColor = this.bgColor; text.bgAlpha = this.bgAlpha; text.bgPaddingX = this.bgPaddingX; text.bgPaddingY = this.bgPaddingY; text.bgFit = this.bgFit; text.bgAnimationType = this.bgAnimationType; text.lineHeight = this.lineHeight; if (! this.autoBreak) { text.wrapNum1 = this.wrapNum1; text.wrapNum2 = this.wrapNum2; text.wrapNum3 = this.wrapNum3; } text.isTate = this.isTate; _autoBreak.call(this, phrase); var perChar = this.animationPerChar; var perCharTail = this.animationPerCharTail; text.animationInTime = (1 - (this.animationSpeed / 100)) * 800 + 200; text.animationOutTime = (1 - (this.animationSpeedTail / 100)) * 800 + 200; var vigo = this.animationVigorous / 100; var vigoTail = this.animationVigorousTail / 100; switch (this.animationType) // fade 系（開始時） { case 0: // なし case 9: // ワイプ case 10: case 11: case 12: case 19: // ワイプ＆スライド case 20: case 21: case 22: break; default: text.fadeTypeHead = (perChar) ? 2 : 1; break; } switch (this.animationTypeTail) // fade 系（終了時） { case 0: case 9: // ワイプ case 10: case 11: case 12: case 19: // ワイプ＆スライド case 20: case 21: case 22: break; default: text.fadeTypeTail = (perCharTail) ? 2 : 1; text.fadeEasingTail = (this.animationTypeTail == 1) ? 0 : 2; // break; } /// 開始アニメーション if (this.animationType < 13) { _animationHead.call(this, this.animationType, perChar, vigo); } else { switch (this.animationType) { case 13: _animationHead.call(this, 2, perChar, vigo); // 回転 _animationHead.call(this, 3, perChar, vigo); // ズーム break; case 14: case 15: case 16: case 17: case 18: _animationHead.call(this, 3, perChar, vigo); // ズーム _animationHead.call(this, this.animationType - 10, perChar, vigo); // スライド break; case 19: case 20: case 21: case 22: _animationHead.call(this, this.animationType - 15, perChar, vigo); // スライド _animationHead.call(this, this.animationType - 10, perChar, vigo); // ワイプ break; } } /// 終了アニメーション if (this.animationTypeTail < 13) { _animationTail.call(this, this.animationTypeTail, perCharTail, vigoTail); } else { switch (this.animationTypeTail) { case 13: _animationTail.call(this, 2, perCharTail, vigoTail); // 回転 _animationTail.call(this, 3, perCharTail, vigoTail); // ズーム break; case 14: case 15: case 16: case 17: case 18: _animationTail.call(this, 3, perCharTail, vigoTail); // ズーム _animationTail.call(this, this.animationTypeTail - 10, perCharTail, vigoTail); // スライド break; case 19: case 20: case 21: case 22: _animationTail.call(this, this.animationTypeTail - 15, perCharTail, vigoTail); // スライド _animationTail.call(this, [10, 9, 12, 11][this.animationTypeTail - 19], perCharTail, vigoTail); // ワイプ break; } } text.draw(now, phrase); } function _animationHead (type, perChar, vigo) { switch (type) // その他（開始時） { case 0: break; case 1: break; case 2: text.rotateTypeHead = (perChar) ? 2 : 1; text.rotationEasingHead = [0, 3, 4, 5][this.animationEasing]; text.rotationHead = (vigo < 0.2) ? (- 20 - 250 * (1 - _normalize(vigo, 0.0, 0.2))) : ( 20 + 250 * _normalize(vigo, 0.2, 1.0) ); break; case 3: text.zoomTypeHead = (perChar) ? 2 : 1; text.zoomEasingHead = [0, 3, 4, 5][this.animationEasing]; text.zoomScaleHead = (vigo < 0.2) ? (vigo * 4) : (vigo * 16) + 0.5; break; case 4: case 5: case 6: case 7: case 8: text.slideTypeHead = (perChar) ? 2 : 1; var dt = 45 * vigo + 5; if (type == 8) { text.slideXHead = dt; text.slideYHead = dt; text.slideDirectionRandomHead = true; } else if (type <= 7) { text.slideXHead = [ 0, 0, -1, 1][type - 4] * dt; text.slideYHead = [-1, 1, 0, 0][type - 4] * dt; } // text.slideXHead = [-1, 1, -1, 1][type - 12] * dt; // text.slideYHead = [-1,-1, 1, 1][type - 12] * dt; text.slideEasingHead = [0, 3, 4, 5][this.animationEasing]; break; case 9: case 10: case 11: case 12: text.wipeTypeHead = (perChar) ? 2 : 1; text.wipeDirectionHead = [2, 3, 0, 1][type - 9]; text.wipeEasingHead = [0, 3, 4, 5][this.animationEasing]; // text.wipePaddingXHead = vigo * (10 + (this.letterSpacing / 100) * 20); // text.wipePaddingYHead = vigo * 10; text.wipePaddingXHead = (type == 9 || type == 10) ? 2 : 10 + vigo * 70; text.wipePaddingYHead = (type == 9 || type == 10) ? 10 + vigo * 70 : 2; break; } } function _animationTail (type, perCharTail, vigoTail) { switch (type) // その他（終了時） { case 0: break; case 1: break; case 2: text.rotateTypeTail = (perCharTail) ? 2 : 1; text.rotationTail = (vigoTail < 0.2) ? ( 20 + 250 * (1 - _normalize(vigoTail, 0.0, 0.2))) : (- 20 - 250 * _normalize(vigoTail, 0.2, 1.0) ); text.rotationEasingTail = 2; break; case 3: text.zoomTypeTail = (perCharTail) ? 2 : 1; text.zoomScaleTail = (vigoTail < 0.2) ? (vigoTail * 4) : (vigoTail * 13) + 0.5; text.zoomEasingTail = 2; break; case 4: case 5: case 6: case 7: case 8: text.slideTypeTail = (perCharTail) ? 2 : 1; var dt = 45 * vigoTail + 5; if (type == 8) { text.slideXTail = dt; text.slideYTail = dt; text.slideDirectionRandomTail = true; } else if (type <= 7) { text.slideXTail = [ 0, 0, -1, 1][type - 4] * dt; text.slideYTail = [-1, 1, 0, 0][type - 4] * dt; } text.slideEasingTail = 2; // text.slideXTail = [-1, 1, -1, 1][type - 12] * dt; // text.slideYTail = [-1,-1, 1, 1][type - 12] * dt; break; case 9: case 10: case 11: case 12: text.wipeTypeTail = (perCharTail) ? 2 : 1; text.wipeDirectionTail = [2, 3, 0, 1][type - 9]; text.wipeEasingTail = 2; // text.wipePaddingXTail = vigoTail * (10 + (this.letterSpacing / 100) * 20); // text.wipePaddingYTail = vigoTail * 10; text.wipePaddingXTail = (type == 9 || type == 10) ? 2 : 10 + vigoTail * 70; text.wipePaddingYTail = (type == 9 || type == 10) ? 10 + vigoTail * 70 : 2; break; } } // 自動改行 function _autoBreak (phrase) { if (! this.autoBreak) return; var maxWidth = (! this.isTate) ? (this.maxWidth / 100) * width : (this.maxWidth / 100) * height; text.wrapNum1 = this.wrapNum1 = 0; text.wrapNum2 = this.wrapNum2 = 0; text.wrapNum3 = this.wrapNum3 = 0; var params = text.calc(phrase, false, false, this.fontSize).params; if (params && 0 < params.length) { // 改行位置 var sx = params[0].x; var ids = []; for (var i = 1; i < params.length; i ++) { var param = params[i]; var dx = Math.abs(param.x - sx + param.advance); if (maxWidth < dx) { ids.push(i - 1); sx = param.x; if (3 <= ids.length) break; } } // console.log("ids orig", ids); //* 全体で等分 var tc = phrase.charCount / (ids.length + 1); var tsum = 0; for (var i = 0; i < ids.length; i ++) { tsum += tc; ids[i] = Math.round(tsum); } // console.log("ids ave", ids); //*/ // 改行に適した位置で改行 var word = phrase.firstWord; var sum = 0, n = 0; for (var i = 0; i < phrase.wordCount; i ++) { if (! word) break; // console.log(word.text, word.charCount, word.pos, word.rawPos, _checkBreak(word)) sum += word.charCount; if (0 < ids[n] && ids[n] <= sum) { var objs = []; if (_checkBreak(word)) { objs.push({ sum: sum, word: word }); } if (word.previous && _checkBreak(word.previous)) { objs.push({ sum: (sum - word.charCount), word: word }); } if (word.next && _checkBreak(word.next)) { objs.push({ sum: (sum + word.next.charCount), word: word }); } if (0 < objs.length) { var dsum = ids[n]; // 並び変え（改行可かつ一番近いものを先頭に） objs.sort(function(a, b) { return (Math.abs(dsum - a.sum) < Math.abs(dsum - b.sum)) ? -1 : 1; }); ids[n] = objs[0].sum; word = objs[0].word; } else { ids[n] = sum; } n ++; } word = word.next; } // console.log("ids conv", ids); if (0 < ids[0]) { text.wrapNum1 = this.wrapNum1 = ids[0]; } if (0 < ids[1]) { text.wrapNum2 = this.wrapNum2 = ids[1] - ids[0]; } if (0 < ids[2]) { text.wrapNum3 = this.wrapNum3 = ids[2] - ids[1]; } } } // 改行可な場合は true function _checkBreak (w) { if (__checkBreak(w)) { if (w.next && __checkBreak(w.next)) return false; // now が改行可で next が改行可 return true; } if (w.pos == "F") return false; // 接頭語 if (w.next && ! __checkBreak(w.next)) return true; // now も next も改行不可 return false; } function __checkBreak (w) { var flag = false; if (w.pos && 0 < w.pos.length) { switch (w.pos) { case "P": // 助詞 case "M": // 助動詞 case "S": // 記号（句読点） if (0 <= String("「『【［＜").indexOf(w.text)) { flag = false; } else { flag = true; } break; case "N": // 名詞 if (w.text == "の") flag = true; if (w.previous && w.previous.pos == "A") flag = true; // 前が連体詞 break; } } return flag; } function _normalize (progress, min, max) { return Math.min(Math.max((progress - min) / (max - min), 0), 1); } }

ベーシックなアニメーションフレーズ（簡易）_白地DBasicPhraseWrapper_whiteback

ベーシックなアニメーションフレーズ（簡易）_白地
DBasicPhraseWrapper_whiteback