DQX 裁縫数値 計算補助 各装備の基準値

function convertStr(str) {
  return str.replace(/[Ａ-Ｚａ-ｚ０-９]/g, function(s) {
    s = s.replace(/[Ａ-Ｚａ-ｚ]/g, '');
    return String.fromCharCode(s.charCodeAt(0)-0xFEE0);
  });
}

$(function(){
  $('a').on('click', function(){
    window.open($(this).attr('href'));
    return false;
  });
  var area = $('.area');
  area.each(function(){
    sozaiText = $(this).find('.sozai').text();
    $(this).attr({title:sozaiText});
  });
  
  var inputCell = $('#inputCell input')
  inputCell.attr({type:'number',min:0,max:300});
  inputCell.on('dblclick', function(){
    $(this).val('');
  });

  $(document).on('click', '.area', function(){
  //area.on('click', function(){
    $('.area').removeClass('selected');
    $(this).addClass('selected');
    var table = $(this).find('pre').text();
    var obj = [];
    var rows = table.split('\n');
    if(!rows){return;}
    rows.forEach(function(r){
      r = r.replace(/\s{4}|-{3}/g, '0');
      cols = r.match(/[0-9]+/g);
      console.log(cols);
      if(!cols){return;}
      obj.push(cols);
    });
    $('#markCell input').val(0).trigger('change').css({backgroundColor: '#dddddd'});
    $('#inputCell input').css({backgroundColor: '#dddddd'});
    obj.forEach(function(x, i){
      x.forEach(function(v, j){
        var ij = '[coord="'+i+','+j+'"]';
        if(Number(v) > 0){
          $('#markCell '+ij).css({backgroundColor: '#ffffff'}).val(v);
          $('#inputCell '+ij).css({backgroundColor: '#ffffff'});
        }
        if(!Number(v) || Number(v)===0){
          //$('#inputCell '+ij).css({backgroundColor: '#aaaaaa'});
        }
      });
    });
    $('#inputCell input').trigger('change');


  });

  $(document).on('dblclick', '.area', function(){
    var text = $(this).find('h3').text();
    window.open('http://bazaar.d-quest-10.com/se/result.php?&se=1&in=1&key='+text);
  });

  $('#resetCellTable').on('click', function(){
    $('#inputCell input').each(function(){
      $(this).val(0).trigger('change');
    });
  });
  $('.cellTable input').each(function(){
    $(this).val(0);
    //$(this).attr({type:'number'});
  });
  $('#markCell input').each(function(){
    //$(this).attr({readonly:'readonly'});
  });
  $('#diffCell input').each(function(){
    $(this).attr({readonly:'readonly'});
  });

  $('#inputCell input').on('dblclick', function(){
    //var coord = $(this).attr('coord');
    //var markNum = Number($('#markCell [coord="'+coord+'"]').val());
    //$(this).val(markNum).trigger('change');
  });
  $('#inputCell input').on('focus', function(){
    $('#inputCell input').removeClass('focus');
    $(this).addClass('focus');
  });
  $('#diffCell input').on('dblclick', function(){
    var diffNum = Number($(this).val());
    checkNuiPower(diffNum);
  });

  //差分別パターン
  $('#inputCell input').on('change', function(){
    var coord = $(this).attr('coord');
    var str = $(this).val();
    $(this).val(convertStr(str));
    var inputNum = Number(convertStr(str));
    var markNum = Number($('#markCell [coord="'+coord+'"]').val());
    var diffNum = markNum - inputNum || 0;
    var diffTarget = $('#diffCell [coord="'+coord+'"]');
    diffTarget.val(diffNum);

    checkNuiPower(diffNum);

    if(diffNum === 0){
      diffTarget.css({backgroundColor: '#ccffcc'});
      diffTarget.attr({title:'0'});
    } else if(diffNum === 1){
      diffTarget.css({backgroundColor: '#aaddaa'});
      diffTarget.attr({title:'1'});
    } else if(diffNum === 2 ){
      diffTarget.css({backgroundColor: '#aaddaa'});
      diffTarget.attr({title:'2 ※普-再で調整可'});
    } else if(diffNum === -1){
      diffTarget.css({backgroundColor: '#aadddd'});
      diffTarget.attr({title:'-1'});
    } else if(diffNum === -2 ){
      diffTarget.css({backgroundColor: '#aadddd'});
      diffTarget.attr({title:'-2 ※弱:糸ほぐし で誤差減らせるかも'});
    } else if(diffNum === 5  || diffNum === 4 ){
      diffTarget.css({backgroundColor: '#1194E0'});
      diffTarget.attr({title:'弱:かげん'});
    } else if(diffNum === 8){
      diffTarget.css({backgroundColor: '#1194E0'});
      diffTarget.attr({title:'弱'});
    } else if(diffNum === 9){
      diffTarget.css({backgroundColor: '#aaaaff'});
      diffTarget.attr({title:'弱 or 普:かげん ※最大でピッタリ？'});
    }  else if(diffNum === 12){
      diffTarget.css({backgroundColor: '#eeffee'});
      diffTarget.attr({title:'弱:x2回'});
      diffTarget.css({backgroundColor: '#1194E0'});
    }  else if(diffNum === 14){
      diffTarget.css({backgroundColor: '#eeffee'});
      diffTarget.attr({title:'強:かげん'});
      diffTarget.css({backgroundColor: '#1194E0'});
    } else if(diffNum === 14){
      diffTarget.css({backgroundColor: '#1194E0'});
      diffTarget.attr({title:'強:かげん'});
    } else if(diffNum === 15){
      diffTarget.css({backgroundColor: '#1194E0'});
      diffTarget.attr({title:'普x1 ※再生布:強'});
    } else if(diffNum === 18){
      diffTarget.css({backgroundColor: '#aaaaff'});
      diffTarget.attr({title:'普x1 or 強:かげん or 弱x2 ※最大でピッタリ？'});
    } else if(diffNum === 27){
      diffTarget.css({backgroundColor: '#aaaaff'});
      diffTarget.attr({title:'強x1 or弱x3 ※最大でピッタリ？'});
    } else if(diffNum === 36){
      diffTarget.css({backgroundColor: '#aaaaff'});
      diffTarget.attr({title:'普x3 or 最x1  ※最大でピッタリ？'});
    } else if(diffNum === 51){
      diffTarget.css({backgroundColor: '#DAAB4E'});
      diffTarget.attr({title:'普x3 or 強x2'});
    } else if(diffNum === 54){
      diffTarget.css({backgroundColor: '#aaaaff'});
      diffTarget.attr({title:'強x2 or 普x3 ※最大でピッタリ？'});
    } else if(diffNum === 81){
      diffTarget.css({backgroundColor: '#aaaaff'});
      diffTarget.attr({title:'強x3 ※最大でピッタリ？'});
    } else if(diffNum === 108 ){
      diffTarget.css({backgroundColor: '#aa3333'});
      diffTarget.attr({title:'※ 最x3だけど、6差分出てしまうかも'});
      //########################################
      //########################################
    } else if(diffNum > 0 && diffNum < 12){
      diffTarget.css({backgroundColor: '#cceeff'});
      diffTarget.attr({title:'弱x1'});
    } else if(diffNum > 0 && diffNum < 14){

      diffTarget.css({backgroundColor: '#eeffee'});
      diffTarget.attr({title:'弱x1 or 普:かげん 範囲内'});
    } else if(diffNum > 0 && diffNum < 18){
      diffTarget.css({backgroundColor: '#ffffee'});
      diffTarget.attr({title:'普x1 or 強:かげん or 弱x2 ※超えちゃうかも'});
    } else if(diffNum >= 36 && diffNum <= 36+9){
      diffTarget.css({backgroundColor: '#bb4444'});
      diffTarget.attr({title:'普x3 or 最x1'});
    } else if(diffNum >= 81 && diffNum <= 81+9){
      diffTarget.css({backgroundColor: '#DAAB4E'});
      diffTarget.attr({title:'強x3倍 or 最x2'});
    } else if(diffNum > 110){
      diffTarget.css({backgroundColor: '#aa3333'});
      diffTarget.attr({title:'最x3以上(精神集中期間)'});
    } else if(diffNum > 71){
      diffTarget.css({backgroundColor: '#cc4444'});
      diffTarget.attr({title:'最x2'});
    } else if(diffNum > 36){
      diffTarget.css({backgroundColor: '#ff9999'});
      diffTarget.attr({title:'最x1'});
    } else if(diffNum > 0){
      diffTarget.css({backgroundColor: '#eeeeee'});
      diffTarget.attr({title:''});
      //########################################
      //########################################
    } else if(diffNum < -16-18){
      diffTarget.css({backgroundColor: '#990000'});
      diffTarget.attr({title:'強:糸ほぐし (ぬいすぎ)'});
    } else if(diffNum < -16-9){
      diffTarget.css({backgroundColor: '#aa3333'});
      diffTarget.attr({title:'普:糸ほぐし'});
    } else if(diffNum < -16){
      diffTarget.css({backgroundColor: '#aa6666'});
      diffTarget.attr({title:'弱:糸ほぐし'});
    } else if(diffNum <= -16){
      diffTarget.css({backgroundColor: '#cc4444'});
      diffTarget.attr({title:'強:糸ほぐし '});
    } else if(diffNum < -9){
      diffTarget.css({backgroundColor: '#aa6666'});
      diffTarget.attr({title:'普:糸ほぐし'});
    } else if(diffNum < -4){
      diffTarget.css({backgroundColor: '#ff4444'});
      diffTarget.attr({title:'弱:糸ほぐし'});
    } else if(diffNum < 0 && diffNum >= -16){
      diffTarget.css({backgroundColor: '#446644'});
      diffTarget.attr({title:'※(再生布範囲内12-16)'});
    } else {
      diffTarget.css({backgroundColor: '#cccccc'});
      diffTarget.attr({title:'..'});
    }



    var totalDiff = 0;
    var totalDiffMax = 0;
    $('#diffCell input').each(function(){
      var diff = Math.abs(Number($(this).val()));
      totalDiffMax += diff;
      if(diff<24){
        totalDiff += diff;
      }
    });

    //部位別判定
    var partsCount = 0;
    var diffBorder = 0;
    $('#markCell input').each(function(){
      var v = $(this).val();
      if(Number(v)>0){
        partsCount++;
      }
    });
    console.log("partsCount"+partsCount)
    //大成功条件の誤差
    if(partsCount === 9){
      diffBorder = 8;//上
    } else if(partsCount === 6){
      diffBorder = 6;//下,腕
    } else if(partsCount === 4){
      diffBorder = 2;//頭,足
    }
    var totalDiffTarget = $('#diffTotal input');
    var totalDiffMaxTarget = $('#diffTotalMax input');
    totalDiffTarget.val(totalDiff);
    totalDiffMaxTarget.val(totalDiffMax);
    if(totalDiff <= diffBorder){
      totalDiffTarget.css({backgroundColor: '#ccffcc'});
    } else if(totalDiff > diffBorder    && totalDiff <= diffBorder*2){
      totalDiffTarget.css({backgroundColor: '#ff8888'});
    } else if(totalDiff <= diffBorder*2 && totalDiff <= diffBorder*3){
      totalDiffTarget.css({backgroundColor: '#cc4444'});
    } else {
      totalDiffTarget.css({backgroundColor: '#aa2222'});
    }

    if(totalDiffMax <= diffBorder){
      totalDiffMaxTarget.css({backgroundColor: '#ccffcc'});
    } else if(totalDiffMax <= diffBorder+36){
      totalDiffMaxTarget.css({backgroundColor: '#cc4444'});
    } else {
      totalDiffMaxTarget.css({backgroundColor: '#aa2222'});
    }
  });




  $('#crystal input').on('change', function(){
    var a = $('#crystal [name="unitPrice"]').val();
    var b = $('#crystal [name="num"]').val();
    var c = Number(a) * Number(b);
    $('#crystal [name="product"]').val(c);
  });
  $('#crystal [name="num"]').val(36).trigger('change');
});


$(function(){
    var mousewheelevent = 'onwheel' in document ? 'wheel' : 'onmousewheel' in document ? 'mousewheel' : 'DOMMouseScroll';
    $('input').on(mousewheelevent,function(e){
        e.preventDefault();
        var delta = e.originalEvent.deltaY ? -(e.originalEvent.deltaY) : e.originalEvent.wheelDelta ? e.originalEvent.wheelDelta : -(e.originalEvent.detail);
        if($(this).attr('readonly')){return;}
        var v = Number($(this).val());
        if (delta < 0){
            v--;// マウスホイールを下にスクロールしたときの処理を記載
        } else {
            v++;// マウスホイールを上にスクロールしたときの処理を記載
        }
        $(this).val(v).trigger('change');
    });
});



//かげんぬいで2/7以上でやすい数値
//2倍,3倍で上限ぴったりの数値
var kagenNums =[
-2,2,
-3,-4,   -9.-12,  -14,  -16,
4,5,  7,8,9,  11,12,14,  16,18,
27,36,54,72,81,108,
];
//

var checkNuiPower = function(diffNum){
  var $i = $('#nuiPower i');
  $('#nuiPower h3').removeClass('match');
  $i.removeAttr('title');
  $i.removeClass('match');
  $i.removeClass('match-dame');
  $i.removeClass('match-yowai');
  $i.removeClass('match-modoshi');
  $i.removeClass('match-over');
  if(diffNum===0){
    return;
  }
  $i.each(function(){
    var isFind = false;
    var ele = $(this);
    var n = Number(ele.text());
    var isMax = ele.hasClass('max');
    if(diffNum === n){
      ele.addClass('match');
      ele.closest('div').find('h3').addClass('match');
      isFind = true;
    }
    kagenNums.forEach(function(v){
      if(diffNum === n+v){
        if(v===-2 || v===2){
          ele.addClass('match-dame').attr({title:v});
        } else if(v>0){
          ele.addClass('match-yowai').attr({title:v});
          ele.closest('div').find('h3').addClass('match');
        } else {
          ele.addClass('match-modoshi').attr({title:v});
          ele.closest('div').find('h3').addClass('match');
        }
        isFind = true;
      }
    });
    if(!isFind){
      if(diffNum > n && diffNum <= n+36 && isMax && n>0){
        ele.addClass('match-over');
        ele.closest('div').find('h3').addClass('match');
      }
      if(diffNum > 108 && n===108 && isMax && n>0){
        ele.addClass('match-over');
        ele.closest('div').find('h3').addClass('match');
      }
    }
  });
}

//ぬいパワー
$(function(){
  var jTexts = [
    "弱い","普通","強い","最強","再生",
  ];
    $.getJSON('nuiPower.json', function(data){
      console.log(data);
      //var ary = data.ary;
      for(key in data){
        console.log(key);
        $nuiDiv = $('<div>');
        $('#nuiPower').append($nuiDiv);
        $h3 = $('<h3>').text(key);
        $nuiDiv.append($h3);
        data[key].forEach(function(ary, j){
          $ul = $('<ul>');
          $nuiDiv.append($ul);
          $li = $('<li>').addClass('b'+(j+1));
          $b = $('<b>').text(jTexts[j]);
          $li.append($b);
          $ul.append($li);
          ary.forEach(function(v, i){
            $i = $('<i>').text(v);
            $li.append($i);
            if(i===6){
              $i.addClass('max')
            }
            $i.on('click', function(){
              var addN = Number($(this).text());
              var n = Number($('.focus').val());
              $('.focus').val(n+addN).trigger('change');
            })
          });
        });

      }
/*
      ary.forEach(function(obj){
        $ul = $('<ul>');
        $('#nuiPower').append($ul);
      console.log(obj);
/*
        for(key j in obj){
          $li = $('<li>').addClass('b'+j);
          $ul.append($li);
          $h3 = $('<b>').text(key);
          $li.append($h3);
          obj[j].forEach(function(v, i))
            $i = $('<i>').text(v);
            $li.append($i);
          });
        }
      });

*/
    });
});



var setClothData = function(ary, ele){
  ary.forEach(function(v){
    var h3 = $('<h3>').text(v.name);
    var nText = '';
    v.n.forEach(function(nn, i){
      nText += nn + ' ';
      if(v.parts==='head'){
        if(i === 0){
          nText = '--- ' + nText + ' ---\n';
        }
      }
      if(v.parts==='body_b' || v.parts==='food'){
        if(i === 1 || i==3){
          nText += '\n';
        }
      }
      if(v.parts==='body_u' || v.parts==='arm'){
        if(i === 2 || i==5){
          nText += '\n';
        }
      }
    });
    var pre = $('<pre>').text(nText);
    var div = $('<div>').addClass('area');
    div.append(h3).append(pre);
    ele.append(div);
  })
}

$(function(){
  var parts = [
    'head',
    'body_u',
    'body_b',
    'arm',
    'food',
  ];
  var partsName = {
    'head':'頭',
    'body_u':'体上',
    'body_b':'体下',
    'arm':'うで',
    'food':'足',
  };

  var jsonArea = $('#jsonArea');
  var search = $('<input>',{placeholder:'装備名検索'});
  jsonArea.append(search);
  search.on('keyup', function(){
    var v = $(this).val();
    $('.nArea').addClass('clicked');
    var divs = $('.area');
    divs.removeClass('clicked');
    divs.each(function(){
      $(this).addClass('hide');
      $(this).removeClass('selected');
      var text = $(this).text();
      if(text.match(v)){
        $(this).addClass('selected');
      }
    });
  });
  parts.forEach(function(v){
    console.log(v);
    var jsonArea = $('#jsonArea');
    var wrap = $('<div>').addClass('jsonWrap');
    var div = $('<div>').addClass('nArea');
    var h2 = $('<h2>').text(partsName[v]);
    jsonArea.append(wrap);
    wrap.append(h2).append(div);
    h2.on('click', function(){
      $('.area').removeClass('hide');
      div.toggleClass('clicked');
    });
    $.getJSON('n-'+v+'.json', function(data){
      setClothData(data.ary, div)
    });
  });
});

*{
}
html,body{
margin:0;
padding:0;
overflow:hidden;
}
h2,h3,h4{
margin:0;
padding:0;
}

#container,
#content,
#demo{
  height:100%;
}
h1,h2,h3{
  background-color:#aaaaaa;
  width:100%;
  font-weight:bold;
  padding:2px 0;
}
h1{
  font-size:22px;
}
h2{
  font-size:18px;
}
h3{
  text-indent:1em;
  background-color:#dddddd;
}
.area:nth-child(2n) h3{
  background-color:#cccccc;
}
h4{
  font-weight:bold;
}

.frame{
  width:50%;
  height:100%;
  float:left;
  overflow-y:scroll;
}

.frame.x3{
  width:25%;
}
.soubiData{
  font-size:14px;
  font-weight:bold;
}
.area{
}
.area:hover{
  background-color:#eeeeee;
  cursor:pointer;
}
.area.selected{
  font-size:28px;
  background-color:#ffcccc;
}

.area pre{
  padding-bottom:20px;
}

.sozai{
  display:none;
}

pre{
  width:100%;
  max-height:100%;
  margin:0;
  padding:0 20px;
  box-sizing:border-box;
  white-space: pre-wrap;
  font-family:monospace;
}

b{
  font-weight:bold;
}

.monoArea{
  font-family:monospace;
  font-size:16px;
}
.monoArea h4{
  padding-top:1em;
}
.big{
  font-size:16px;
  font-weight:bold;
}

/*ぬいパワー*/
#nuiPower{
  color:#555;
  user-select:none;
}
#nuiPower h3{
  border-top:2px solid #000;
}
#nuiPower i{
  display:inline-block;
  width:32px;
  text-align:right;
  font-family:monospace;
  font-size:16px;
}
#nuiPower i:hover{
  background-color:rgba(255,255,255,0.5);
  color:#f00;
}

#nuiPower h3.match,
#nuiPower b.match{
  color:#000;
}

#nuiPower i.match{
  color:#0f0;
  font-weight:bold;
}
#nuiPower i.match-dame{
  color:#00f;
  font-weight:bold;
}
#nuiPower i.match-yowai{
  color:#0a0;
  font-weight:bold;
}
#nuiPower i.match-modoshi{
  color:#f00;
  font-weight:bold;
}
#nuiPower i.match-over{
  color:#060;
  font-weight:bold;
}



.n1{
  color:#1194E0;
  font-weight:bold;
}
.n2{
  color:#AAAA88;
  font-weight:bold;
}
.n3{
  color:#DAAB4E;
  font-weight:bold;
}
.n4{
  color:#D20000;
  font-weight:bold;
}
.n5,
.ns{
  color:#446644;
  font-weight:bold;
}
.nr{
  color:#ff5555;/*red*/
}
.np{
  color:#ff9999;/*pink*/
}
.nn{
  color:#990099;/*niji*/
}

.b1{
  background-color:#cceeff;
}
.b2{
  background-color:#ffffee;
}
.b3{
  background-color:#ffeecc;
}
.b4{
  background-color:#ffcccc;
}
.b5,
.bs{
  background-color:#eeffee
}
.nx{
color:#551A8B;
}
.st{
color:#0000FF;
}
.ss{
color:#7FC881;
}
td{border:1px solid #000000;}





#calc:after{
  content:"";
  display:block;
  clear:both;
}
.cellArea:after{
  content:"";
  display:block;
  clear:both;
}

.cellTable{
  border:1px solid #000000;
  margin:10px 0;
  width:168px;
  float:left;
}
.cellTable#diffTotal,
.cellTable#diffTotalMax{
  width:98%;
}
.cellScore input,
.cellTable input{
  width:56px;
  height:40px;
  font-size:18px;
  text-align:right;
  box-sizing:border-box;
  border:1px solid #888888;
}

input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
} 

input.focus,
input:focus{
  border:2px solid #66f;
}

.cellTable [readonly]{
  background-color:#dddddd;
}

#crystal input{
  width:120px;
  height:40px;
  font-size:16px;
  text-align:right;
  padding:0 8px;
  box-sizing:border-box;
  border:1px solid #888888;
}

table,td{
  font-family:monospace;
  font-size:12px;
  padding:2px;
}

#jsonArea h2:hover,
#jsonArea h3:hover{
  cursor:pointer;
  background-color:#eeeeee;
}

#jsonArea .nArea{
  display:none;
}
#jsonArea .nArea.clicked{
  display:block;
}
#jsonArea pre{
  display:none;
}
#jsonArea .hide{
  display:none;
}
#jsonArea .hide.selected{
  display:block;
}
#jsonArea .selected pre{
  display:block;
}

ページのソースを表示 : Ctrl+U , DevTools : F12

view-source:https://hi0a.com/demo/-js/js-dqx-saiho/