<commit_before>function initialize_webiopi(){
    // webiopiの準備が終わってからstyles.cssを適用する
    applyCustomCss('styles.css');

    // タッチエリアの設定
    var touchArea = $("#touchArea")[0];

    // タッチイベントのイベントリスナーの登録
    touchArea.addEventListener("touchstart", touchEvent, false);
    touchArea.addEventListener("touchmove", touchEvent, false);
    touchArea.addEventListener("touchend", touchEndEvent, false);

    // クリックイベントのイベントリスナーの登録
    touchArea.addEventListener("click", clickEvent, false);

    // GPIOの状態を監視しない
    webiopi().refreshGPIO(false);

    imageSetup();
}

// スライダの最小値、最大値、刻み幅、初期値
var sliderMin = 0;
var sliderMax = 20;
var sliderStep = 1;
var sliderValue = sliderMax/2;

// 前に送信したデューティー比を覚えておく
var rate25Prev = 0;
var rate24Prev = 0;
var rate23Prev = 0;
var rate22Prev = 0;

// デューティー比がth (0.0～1.0) 以上変化した時のみ値を送信
var th = 0.1;
// モーターの最大速度 (0.0～1.0)。モーターを保護する意味で1.0にはしない方が良い
var maxSpeed = 0.8;
// 命令送信ごとに増加するIDを作成（iOSのSafariでPOSTがキャッシュされることの対策）
var commandID = 0;

var mCount = 0;
var mCanvas;
var mCtx;
var mImg1;
var mImg2;
var mImgArrow;
var mWidth = 640;
var mHeight = 480;

var viewScale = 0.90;

var URL1, URL2;

function imageSetup(){

  var host = location.host;
  var hostname = host.split(":")[0];

  var port= 9000;
  URL1 = 'http://' + hostname + ':' + port + '/?action=snapshot';
  URL2 = 'http://' + hostname + ':8000/bb/06/img/CrawlerControllerTrans.png';

  mCanvas = document.getElementById("canvas");
  mCtx = mCanvas.getContext('2d');

  mWidth = viewScale*document.getElementById("touchArea").offsetWidth;
  mHeight= mWidth*3/4;

  mCanvas.width = mWidth;
  mCanvas.height = mHeight;
 
  $( "#slider_servo" ).height(mHeight);

  mImg1 = new Image();<commit_msg>modify image url<commit_after>function initialize_webiopi(){
    // webiopiの準備が終わってからstyles.cssを適用する
    applyCustomCss('styles.css');

    // タッチエリアの設定
    var touchArea = $("#touchArea")[0];

    // タッチイベントのイベントリスナーの登録
    touchArea.addEventListener("touchstart", touchEvent, false);
    touchArea.addEventListener("touchmove", touchEvent, false);
    touchArea.addEventListener("touchend", touchEndEvent, false);

    // クリックイベントのイベントリスナーの登録
    touchArea.addEventListener("click", clickEvent, false);

    // GPIOの状態を監視しない
    webiopi().refreshGPIO(false);

    imageSetup();
}

// スライダの最小値、最大値、刻み幅、初期値
var sliderMin = 0;
var sliderMax = 20;
var sliderStep = 1;
var sliderValue = sliderMax/2;

// 前に送信したデューティー比を覚えておく
var rate25Prev = 0;
var rate24Prev = 0;
var rate23Prev = 0;
var rate22Prev = 0;

// デューティー比がth (0.0～1.0) 以上変化した時のみ値を送信
var th = 0.1;
// モーターの最大速度 (0.0～1.0)。モーターを保護する意味で1.0にはしない方が良い
var maxSpeed = 0.8;
// 命令送信ごとに増加するIDを作成（iOSのSafariでPOSTがキャッシュされることの対策）
var commandID = 0;

var mCount = 0;
var mCanvas;
var mCtx;
var mImg1;
var mImg2;
var mImgArrow;
var mWidth = 640;
var mHeight = 480;

var viewScale = 0.90;

var URL1, URL2;

function imageSetup(){

  var host = location.host;
  var hostname = host.split(":")[0];

  var port= 9000;
  URL1 = 'http://' + hostname + ':' + port + '/?action=snapshot';
  URL2 = 'http://' + hostname + ':8000/m2/img/CrawlerControllerTrans.png';

  mCanvas = document.getElementById("canvas");
  mCtx = mCanvas.getContext('2d');

  mWidth = viewScale*document.getElementById("touchArea").offsetWidth;
  mHeight= mWidth*3/4;

  mCanvas.width = mWidth;
  mCanvas.height = mHeight;
 
  $( "#slider_servo" ).height(mHeight);

  mImg1 = new Image();
{'fraction_non_alphanumeric': 0.1437426210153483, 'fraction_numerical': 0.03748524203069658, 'mean_word_length': 4.181957186544342, 'pattern_counts': {'":': 2, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6291271', 'n_tokens_mistral': 1588, 'n_tokens_neox': 1522, 'n_words': 257}