diff --git a/.gitignore b/.gitignore index 4465940..71d7c1f 100644 --- a/.gitignore +++ b/.gitignore @@ -2,4 +2,4 @@ /drafts /database.php /db.sqlite3 - +/www/images diff --git a/index.php b/index.php deleted file mode 100644 index e876354..0000000 --- a/index.php +++ /dev/null @@ -1,56 +0,0 @@ - set_charset ('utf8'); - -if ($row = Dao\Thread -> find ($thread)) - { - $title = $row -> title; - $explain = $row -> explain; - } - -if (isset ($_GET['id']) - && isset ($_GET['evaluate']) - && (($_GET['evaluate'] == 'good') || ($_GET['evaluate'] == 'bad'))) - { - $mysqli -> query (" - UPDATE - responses - SET - {$_GET['evaluate']} = {$_GET['evaluate']} + 1 - WHERE - (thread_id = $thread) AND (response_id = {$_GET['id']})"); - - header ("Location: ./?thread=$thread&sort=$sort"); - } - -require_once './forms/index.frm.php'; - diff --git a/migrate.php b/migrate.php deleted file mode 100644 index 27fc12d..0000000 --- a/migrate.php +++ /dev/null @@ -1,10 +0,0 @@ - query (file_get_contents ($file)); - diff --git a/migrations-old/2023_09_01_011340_create_threads_table.sql b/migrations-old/2023_09_01_011340_create_threads_table.sql deleted file mode 100644 index cf0e292..0000000 --- a/migrations-old/2023_09_01_011340_create_threads_table.sql +++ /dev/null @@ -1,2 +0,0 @@ -CREATE TABLE `miteruzo_bbs`.`threads` ( `id` INT NOT NULL AUTO_INCREMENT , `title` VARCHAR(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL , `explain` MEDIUMTEXT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL , `latest` DATETIME NOT NULL , `length` INT NOT NULL DEFAULT '0' , PRIMARY KEY (`id`)) ENGINE = InnoDB CHARSET=utf8mb4 COLLATE utf8mb4_unicode_ci; - diff --git a/migrations-old/2023_09_01_012000_create_responses_table.sql b/migrations-old/2023_09_01_012000_create_responses_table.sql deleted file mode 100644 index 90d6217..0000000 --- a/migrations-old/2023_09_01_012000_create_responses_table.sql +++ /dev/null @@ -1,2 +0,0 @@ -CREATE TABLE `miteruzo_bbs`.`responses` ( `thread_id` INT NOT NULL , `response_id` INT NOT NULL , `name` VARCHAR(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL DEFAULT '名なしさん' , `message` MEDIUMTEXT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL , `date` DATETIME NOT NULL , `image` VARCHAR(31) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL , `held` TINYINT NOT NULL DEFAULT '0' , `deleted` TINYINT NOT NULL DEFAULT '0' , `pass` VARCHAR(64) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NULL , `good` INT NOT NULL DEFAULT '0' , `bad` INT NOT NULL DEFAULT '0' , PRIMARY KEY (`thread_id`, `response_id`)) ENGINE = InnoDB CHARSET=utf8mb4 COLLATE utf8mb4_unicode_ci; - diff --git a/scripts/colour-pad.js b/scripts/colour-pad.js deleted file mode 100644 index c5d97cb..0000000 --- a/scripts/colour-pad.js +++ /dev/null @@ -1,1290 +0,0 @@ -// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ -// -// 【 カラーパレットPOPアップ 】 http://www.cman.jp -// -// 商用,改変,再配布はすべて自由ですですが、動作保証はありません -// -// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ -// maintenance history -// -// Ver Date contents -// 1.0 2015/7/15 New -// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ -// -// 使用方法 -// htmlのタグに以下の設定をしてください -// -// 「 onclick="cmanCP_JS_open(this)" cmanCPat="rc_text:id001,下記URL参照"> 」 -// -// -// 【注意】 -// 引数やユーザ設定内容についてはノーチェックです -// 解析しやすいようにコメントを多く入れています。 -// JavaScriptのファイルサイズを削減する場合は、コメントやスペースを消してください。 -// -// -// 詳細は以下でご確認ください -// https://web-designer.cman.jp/javascript_ref/color/palette/ -// -// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - -var cmanCP_VAR = {}; - -// ========================================================================================= -// カラーパレットの作成 -// ========================================================================================= -function cmanCP_JS_open(argThis){ - - // カラーリスト一覧 - var wColorList =[ '#ffffff','#cccccc','#a6a6a6','#7f7f7f','#595959','#333333','#000000', - '#ff9999','#ff4d4d','#ff0000','#b30000','#660000', - '#ffcc99','#ffa64d','#ff7f00','#b35900','#663300', - '#ffff99','#ffff4d','#ffff00','#b3b300','#666600', - '#ccff99','#a6ff4d','#7fff00','#59b300','#336600', - '#99ff99','#4dff4d','#00ff00','#00b300','#006600', - '#99ffcc','#4dffa6','#00ff7f','#00b359','#006633', - '#99ffff','#4dffff','#00ffff','#00b3b3','#006666', - '#99ccff','#4da6ff','#007fff','#0059b3','#003366', - '#9999ff','#4d4dff','#0000ff','#0000b3','#000066', - '#cc99ff','#a64dff','#7f00ff','#5900b3','#330066', - '#ff99ff','#ff4dff','#ff00ff','#b300b3','#660066', - '#ff99cc','#ff4da6','#ff007f','#b30059','#660033' - ]; - - cmanCP_VAR["popId"] = 'cmanCP_POP'; // POP枠のID - - var wRGB_List = [ 'R', 'G', 'B' ]; - var wRGB_TitleJP = [ '赤み', '緑み', '青み' ]; - var wRGB_TitleEn = [ 'red', 'green', 'blue' ]; - - var wHSL_List = [ 'H', 'S', 'L' ]; - var wHSL_TitleJP = [ '色相', '彩度', '輝度' ]; - var wHSL_Max = [ '359', '1', '1' ]; - var wHSL_Step = [ '1', '0.001', '0.001' ]; - - var wA_TitleJP = '不透明度'; - - - // ----- 属性取得 ------------------------------------------------------------ - var wAttr = argThis.getAttribute("cmanCPat").split(","); - - for(var i=0; i' + - '' + - '' + - '' + - '' + - '
' + - '色を選んでね♥' + - '
' + - ''; - - // ----- サンプル＆カラーリスト ----- - wHtml += '
' + - '' + - '' + - '' + - '' + - '' + - '
' + - '
' + - '
' + - '' + - '' + - '' + - '' + - '' + - '' + - '
' + - '
' + - '
' + - '
' + - '
' + - '
この色を選択
' + - '		'; - - for(var i=0; i '; // 選択カラーリスト - } - - wHtml += '
' + - '
'; - - // ----- 色の文字列表示 ----- - wHtml += '
'; - wHtml += '
'; - - // ----- レンジバー ----- - wHtml += ''; - wHtml += '
'; - wHtml += ''; - wHtml += '
RGB(16)
'; - wHtml += '
RGB(255)
'; - wHtml += '
HSL
'; - wHtml += ''; - wHtml += '
'; - wHtml += ''; - wHtml += ''; - wHtml += ''; - wHtml += ''; - wHtml += ''; - wHtml += ''; - - // --- RGB --- - for(var i=0; i<=2; i++){ - wHtml += ''; - wHtml += ''; - wHtml += ''; - wHtml += ''; - wHtml += ''; - } - - // --- HSL --- - for(var i=0; i<=2; i++){ - wHtml += ''; - wHtml += ''; - wHtml += ''; - wHtml += ''; - wHtml += ''; - } - - // --- 透明 --- - wHtml += ''; - wHtml += ''; - wHtml += ''; - wHtml += ''; - wHtml += ''; - wHtml += ''; - wHtml += '
'+wRGB_TitleJP[i]+''; - wHtml += ''; - wHtml += ''; - wHtml += ''; - wHtml += ''; - wHtml += '
'; - wHtml += '
'+wHSL_TitleJP[i]+''; - wHtml += ''; - wHtml += ''; - wHtml += ''; - wHtml += '
'; - for(var j=1; j<=20; j++){ - wHtml += '
'; - } - wHtml += '
'; - wHtml += '
'+wA_TitleJP+''; - wHtml += ''; - wHtml += ''; - wHtml += ''; - wHtml += '
'; - wHtml += '
'; - wHtml += '
'; - wHtml += '
'; - - wHtml += '
' + - 'パクリ元：' + - 'web-designer.cman.jp' + - '
'; - - - - // ----- 表示枠の作成＆割り当て ----------------------------------- - if(document.getElementById(cmanCP_VAR["popId"])){ - document.getElementById(cmanCP_VAR["popId"]).style.display = "none"; - }else{ - - var wEle = document.createElement("div"); // 新規に要素（タグ）を生成 - wEle.id = cmanCP_VAR["popId"]; - wEle.style.display = "none"; - wEle.style.position = 'fixed'; - document.body.appendChild(wEle); // このページ (document.body) の最後に生成した要素を追加 - } - - - // ----- カラーポップをの初期設定 --------------------------------- - cmanCP_VAR["objPop"] = document.getElementById(cmanCP_VAR["popId"]); - cmanCP_VAR["objPop"].innerHTML = wCss+"\n"+wHtml; - cmanCP_VAR["objPop"].style.opacity = 0; - cmanCP_VAR["objPop"].className = 'cmanCP_CSS_ALL'; - cmanCP_VAR["objPop"].style.left = '0px'; - cmanCP_VAR["objPop"].style.top = '0px'; - - - // ----- オブジェクトの設定 --------------------------------------- - cmanCP_VAR["obj_tR16"] = document.getElementById("cmanCP_ID_tR16"); - cmanCP_VAR["obj_tG16"] = document.getElementById("cmanCP_ID_tG16"); - cmanCP_VAR["obj_tB16"] = document.getElementById("cmanCP_ID_tB16"); - cmanCP_VAR["obj_tR"] = document.getElementById("cmanCP_ID_tR"); - cmanCP_VAR["obj_tG"] = document.getElementById("cmanCP_ID_tG"); - cmanCP_VAR["obj_tB"] = document.getElementById("cmanCP_ID_tB"); - cmanCP_VAR["obj_tH"] = document.getElementById("cmanCP_ID_tH"); - cmanCP_VAR["obj_tS"] = document.getElementById("cmanCP_ID_tS"); - cmanCP_VAR["obj_tL"] = document.getElementById("cmanCP_ID_tL"); - cmanCP_VAR["obj_tA"] = document.getElementById("cmanCP_ID_tA"); - cmanCP_VAR["obj_rR"] = document.getElementById("cmanCP_ID_rR"); - cmanCP_VAR["obj_rG"] = document.getElementById("cmanCP_ID_rG"); - cmanCP_VAR["obj_rB"] = document.getElementById("cmanCP_ID_rB"); - cmanCP_VAR["obj_rH"] = document.getElementById("cmanCP_ID_rH"); - cmanCP_VAR["obj_rS"] = document.getElementById("cmanCP_ID_rS"); - cmanCP_VAR["obj_rL"] = document.getElementById("cmanCP_ID_rL"); - cmanCP_VAR["obj_rA"] = document.getElementById("cmanCP_ID_rA"); - - - // ---------------------------------------------------------------- - // パレットの初期設定 - // ---------------------------------------------------------------- - - // ----- サイズの設定 --------------------------------------------- - if('def_size' in cmanCP_VAR){ - - cmanCP_VAR["def_size"] = cmanCP_VAR["def_size"].replace("px",""); - if(cmanCP_VAR["def_size"].toString().match(/^[0-9]+$/)){ - cmanCP_VAR["maxWidth"] = cmanCP_VAR["def_size"]; - } - } - if('maxWidth' in cmanCP_VAR){ - }else{ - cmanCP_VAR["maxWidth"] = 530; - } - cmanCP_VAR["objPop"].style.maxWidth = cmanCP_VAR["maxWidth"]+'px'; - - - // ----- 初期カラー設定 ------------------------------------------- - var wDefColorSet = ''; - var wDefColor = ''; - - if('def_color' in cmanCP_VAR){ - - try{ - if (cmanCP_VAR["def_color"].indexOf('cns=') == 0){wDefColor = cmanCP_VAR["def_color"].substr(4);} - else{ - var wObjDefColor = document.getElementById(cmanCP_VAR["def_color"].substr(4)); - - if(wObjDefColor){ - if (cmanCP_VAR["def_color"].indexOf('val=') == 0){wDefColor = wObjDefColor.value;} - else if (cmanCP_VAR["def_color"].indexOf('txt=') == 0){wDefColor = wObjDefColor.innerText;} - else if (cmanCP_VAR["def_color"].indexOf('col=') == 0){wDefColor = wObjDefColor.style.color;} - else if (cmanCP_VAR["def_color"].indexOf('bgc=') == 0){wDefColor = wObjDefColor.style.backgroundColor;} - - wDefColor = cmanCP_JS_zen_TO_han(wDefColor.toLowerCase()); - } - } - } - catch(e){ - wDefColor = ""; - } - } - - if (wDefColor == ""){ - } - else if (wDefColor.substr(0,1) == '#'){ - - if(wDefColor.substr(1).toString().match(/^[0-9a-f]+$/i)){ - switch (wDefColor.length){ - case 4: - cmanCP_VAR["obj_tR16"].value = wDefColor.substr(1,1).toString() + wDefColor.substr(1,1).toString(); - cmanCP_VAR["obj_tG16"].value = wDefColor.substr(2,1).toString() + wDefColor.substr(2,1).toString(); - cmanCP_VAR["obj_tB16"].value = wDefColor.substr(3,1).toString() + wDefColor.substr(3,1).toString(); - wDefColorSet = 'RGB16'; - break; - case 7: - cmanCP_VAR["obj_tR16"].value = wDefColor.substr(1,2).toString(); - cmanCP_VAR["obj_tG16"].value = wDefColor.substr(3,2).toString(); - cmanCP_VAR["obj_tB16"].value = wDefColor.substr(5,2).toString(); - wDefColorSet = 'RGB16'; - break; - } - } - } - else if (wDefColor.indexOf('rgb(') == 0){ - wDefColor = wDefColor.replace('rgb(',''); - wDefColor = wDefColor.replace(')',''); - var wSplit = wDefColor.split(','); - if(wSplit.length == 3){ - cmanCP_VAR["obj_tR"].value = wSplit[0]; - cmanCP_VAR["obj_tG"].value = wSplit[1]; - cmanCP_VAR["obj_tB"].value = wSplit[2]; - wDefColorSet = 'RGB'; - } - - } - else if (wDefColor.indexOf('rgba(') == 0){ - wDefColor = wDefColor.replace('rgba(',''); - wDefColor = wDefColor.replace(')',''); - var wSplit = wDefColor.split(','); - if(wSplit.length == 4){ - cmanCP_VAR["obj_tR"].value = wSplit[0]; - cmanCP_VAR["obj_tG"].value = wSplit[1]; - cmanCP_VAR["obj_tB"].value = wSplit[2]; - cmanCP_VAR["obj_tA"].value = wSplit[3]; - wDefColorSet = 'RGB'; - } - - } - else if (wDefColor.indexOf('hsl(') == 0){ - wDefColor = wDefColor.replace('hsl(',''); - wDefColor = wDefColor.replace('%',''); - wDefColor = wDefColor.replace(')',''); - var wSplit = wDefColor.split(','); - if(wSplit.length == 3){ - cmanCP_VAR["obj_tH"].value = wSplit[0]; - cmanCP_VAR["obj_tS"].value = parseFloat(wSplit[1])/100; - cmanCP_VAR["obj_tL"].value = parseFloat(wSplit[2])/100; - wDefColorSet = 'HSL'; - } - - } - else if (wDefColor.indexOf('hsla(') == 0){ - wDefColor = wDefColor.replace('hsla(',''); - wDefColor = wDefColor.replace('%',''); - wDefColor = wDefColor.replace(')',''); - var wSplit = wDefColor.split(','); - if(wSplit.length == 3){ - cmanCP_VAR["obj_tH"].value = wSplit[0]; - cmanCP_VAR["obj_tS"].value = parseFloat(wSplit[1])/100; - cmanCP_VAR["obj_tL"].value = parseFloat(wSplit[2])/100; - cmanCP_VAR["obj_tA"].value = wSplit[3]; - wDefColorSet = 'HSL'; - } - } - - if(wDefColorSet == ""){ - cmanCP_VAR["obj_tR16"].value = "ff"; - cmanCP_VAR["obj_tG16"].value = "80"; - cmanCP_VAR["obj_tB16"].value = "0"; - wDefColorSet = 'RGB16'; - } - if(cmanCP_VAR["obj_tA"].value == ''){ - cmanCP_VAR["obj_tA"].value = '1'; - } - cmanCP_JS_textCng(wDefColorSet); - - - // ----- 初期TAB設定 ---------------------------------------------- - var wDefTab = ''; - if('def_tab' in cmanCP_VAR){ - wDefTab = cmanCP_VAR['def_tab'].toUpperCase(); - } - switch (wDefTab){ - case 'RGB': - case 'RGB16': - case 'HSL': - cmanCP_JS_tanCng(wDefTab); break; - default: - cmanCP_JS_tanCng('HSL'); break; // DEBUG時はコメント - } - - - // ----- 透明の表示設定 ---------------------------------------------- - var wDefAlpha = ''; - if('def_alpha' in cmanCP_VAR){ - wDefAlpha = cmanCP_VAR['def_alpha']; - } - if(wDefAlpha == '0'){ - document.getElementById('cmanCP_ID_aA').style.display = 'none'; - }else{ - document.getElementById('cmanCP_ID_aA').style.display = ''; - } - - - // ----- サイズ取得のため透明のまま表示 --------------------------- - cmanCP_VAR["objPop"].style.display = ""; - - - // ----- 表示位置設定 --------------------------------------------- - if(cmanCP_VAR["objPop"].scrollWidth >= document.documentElement.clientWidth){ - cmanCP_VAR["objPop"].style.left = '0px'; - }else{ - cmanCP_VAR["objPop"].style.left = Math.round((document.documentElement.clientWidth - cmanCP_VAR["objPop"].scrollWidth) / 2) + 'px'; - } - - if(cmanCP_VAR["objPop"].scrollHeight >= document.documentElement.clientHeight){ - cmanCP_VAR["objPop"].style.top = '0px'; - }else{ - cmanCP_VAR["objPop"].style.top = Math.round((document.documentElement.clientHeight - cmanCP_VAR["objPop"].scrollHeight) / 2) + 'px'; - } - - // ----- 移動イベント登録 ----------------------------------------- - document.getElementById('cmanCP_ID_title').onmousedown = cmanCP_JS_mdown; - document.getElementById('cmanCP_ID_title').onmouseup = cmanCP_JS_mup; - document.getElementById('cmanCP_ID_title').onmousemove = cmanCP_JS_mmove; - document.getElementById('cmanCP_ID_title').onmouseout = cmanCP_JS_mout; - - // ----- 透明解除 ------------------------------------------------- - cmanCP_VAR["objPop"].style.opacity = 1; - - -cmanCP_ID_title - -} - - -// ========================================================================================= -// 閉じるボタンが押されたら -// ========================================================================================= -function cmanCP_JS_close(){ - - var wDelElm = document.getElementById(cmanCP_VAR["popId"]); - document.body.removeChild(wDelElm); - - // ハッシュクリア - for(var key in cmanCP_VAR){ - delete cmanCP_VAR[key]; - } -} - -// ========================================================================================= -// 色リストが選択されたら -// ========================================================================================= -function cmanCP_JS_csel(argObj){ - - var wColor = argObj.style.backgroundColor.toString(); - var w16 = ''; - var wRcColor = ''; - - if(wColor.substr(0,1) == '#'){ - wRcColor = argColor.substr(1); - } - else{ - - //背景色の余計な文字列削除 - wColor = wColor.replace("rgb(",""); - wColor = wColor.replace(")",""); - - //文字列分割 - var wColorSplit = wColor.split(","); - - //10進数を16進数に変換して連結 - for (var i = 0; i <= 2; i++) { - w16 = parseInt(wColorSplit[i]).toString(16) - if(w16.length == 1){ - wRcColor = wRcColor+'0'+w16; - }else{ - wRcColor = wRcColor+w16; - } - } - } - - cmanCP_VAR["obj_tR16"].value = wRcColor.substr(0,2); - cmanCP_VAR["obj_tG16"].value = wRcColor.substr(2,2); - cmanCP_VAR["obj_tB16"].value = wRcColor.substr(4,2); - - cmanCP_JS_textCng('RGB16'); - -} - -// ========================================================================================= -// タブがクリックされたら -// ========================================================================================= -function cmanCP_JS_tanCng(argID){ - - var wTabCssS = 'cmanCP_CSS_Tab cmanCP_CSS_TabS'; - var wTabCssN = 'cmanCP_CSS_Tab cmanCP_CSS_TabN'; - - - if(document.getElementById('cmanCP_ID_tab_'+argID).className == wTabCssS){return;} - - var wObjTabRGB = document.getElementById('cmanCP_ID_tab_RGB'); - var wObjTabRGB16 = document.getElementById('cmanCP_ID_tab_RGB16'); - var wObjTabHSL = document.getElementById('cmanCP_ID_tab_HSL'); - var wObjTrRGB_R = document.getElementById('cmanCP_ID_aRGB_R'); - var wObjTrRGB_G = document.getElementById('cmanCP_ID_aRGB_G'); - var wObjTrRGB_B = document.getElementById('cmanCP_ID_aRGB_B'); - var wObjTrHSL_H = document.getElementById('cmanCP_ID_aHSL_H'); - var wObjTrHSL_S = document.getElementById('cmanCP_ID_aHSL_S'); - var wObjTrHSL_L = document.getElementById('cmanCP_ID_aHSL_L'); - - - switch (argID){ - case 'RGB': - cmanCP_VAR["obj_tR"].style.display = ""; - cmanCP_VAR["obj_tG"].style.display = ""; - cmanCP_VAR["obj_tB"].style.display = ""; - cmanCP_VAR["obj_tR16"].style.display = "none"; - cmanCP_VAR["obj_tG16"].style.display = "none"; - cmanCP_VAR["obj_tB16"].style.display = "none"; - wObjTabRGB.className = wTabCssS; - wObjTabRGB16.className = wTabCssN; - wObjTabHSL.className = wTabCssN; - break; - - case 'RGB16': - cmanCP_VAR["obj_tR"].style.display = "none"; - cmanCP_VAR["obj_tG"].style.display = "none"; - cmanCP_VAR["obj_tB"].style.display = "none"; - cmanCP_VAR["obj_tR16"].style.display = ""; - cmanCP_VAR["obj_tG16"].style.display = ""; - cmanCP_VAR["obj_tB16"].style.display = ""; - wObjTabRGB.className = wTabCssN; - wObjTabRGB16.className = wTabCssS; - wObjTabHSL.className = wTabCssN; - break; - - case 'HSL': - wObjTabRGB.className = wTabCssN; - wObjTabRGB16.className = wTabCssN; - wObjTabHSL.className = wTabCssS; - break; - } - - switch (argID){ - case 'HSL': - wObjTrRGB_R.style.display = "none"; - wObjTrRGB_G.style.display = "none"; - wObjTrRGB_B.style.display = "none"; - wObjTrHSL_H.style.display = ""; - wObjTrHSL_S.style.display = ""; - wObjTrHSL_L.style.display = ""; - break; - - default : - wObjTrRGB_R.style.display = ""; - wObjTrRGB_G.style.display = ""; - wObjTrRGB_B.style.display = ""; - wObjTrHSL_H.style.display = "none"; - wObjTrHSL_S.style.display = "none"; - wObjTrHSL_L.style.display = "none"; - break; - } - - -} - -// ========================================================================================= -// レンジが変更された場合 -// ========================================================================================= -function cmanCP_JS_rangeCng(argID){ - - - switch (argID){ - case 'RGB': - cmanCP_VAR["obj_tR"].value = cmanCP_VAR["obj_rR"].value; - cmanCP_VAR["obj_tG"].value = cmanCP_VAR["obj_rG"].value; - cmanCP_VAR["obj_tB"].value = cmanCP_VAR["obj_rB"].value; - cmanCP_JS_textCng(argID); - break; - - case 'HSL': - cmanCP_VAR["obj_tH"].value = cmanCP_VAR["obj_rH"].value; - cmanCP_VAR["obj_tS"].value = cmanCP_VAR["obj_rS"].value; - cmanCP_VAR["obj_tL"].value = cmanCP_VAR["obj_rL"].value; - cmanCP_JS_textCng(argID); - break; - - case 'A': - cmanCP_VAR["obj_tA"].value = cmanCP_VAR["obj_rA"].value; - cmanCP_JS_textCng(argID); - break; - - } -} - -// ========================================================================================= -// テキスト入力が変更された場合 -// ========================================================================================= -function cmanCP_JS_textCng(argID){ - - - // テキストの整備 - switch (argID){ - case 'RGB16' : cmanCP_JS_rgb16_TO_rgb(); cmanCP_JS_rgb_TO_hsl(); break; - case 'RGB' : cmanCP_JS_rgb_TO_rgb16(); cmanCP_JS_rgb_TO_hsl(); break; - case 'HSL' : cmanCP_JS_hsl_TO_rgb(); cmanCP_JS_rgb_TO_rgb16(); break; - case 'A' : cmanCP_JS_chk_a(); break; - default : return; break; - } - - // レンジの整備 - cmanCP_VAR["obj_rR"].value = cmanCP_VAR["obj_tR"].value; - cmanCP_VAR["obj_rG"].value = cmanCP_VAR["obj_tG"].value; - cmanCP_VAR["obj_rB"].value = cmanCP_VAR["obj_tB"].value; - cmanCP_VAR["obj_rH"].value = cmanCP_VAR["obj_tH"].value; - cmanCP_VAR["obj_rS"].value = cmanCP_VAR["obj_tS"].value; - cmanCP_VAR["obj_rL"].value = cmanCP_VAR["obj_tL"].value; - cmanCP_VAR["obj_rA"].value = cmanCP_VAR["obj_tA"].value; - - - // サンプル更新 - cmanCP_JS_sampleCng(); -} - - -// ========================================================================================= -// RGB16→RGB 設定 -// ========================================================================================= -function cmanCP_JS_rgb16_TO_rgb(){ - - // RGB16の入力チェック＆正規化 - cmanCP_VAR["obj_tR16"].value = cmanCP_JS_chk00toFF(cmanCP_VAR["obj_tR16"].value); - cmanCP_VAR["obj_tG16"].value = cmanCP_JS_chk00toFF(cmanCP_VAR["obj_tG16"].value); - cmanCP_VAR["obj_tB16"].value = cmanCP_JS_chk00toFF(cmanCP_VAR["obj_tB16"].value); - - // RGB置換 - cmanCP_VAR["obj_tR"].value = parseInt(cmanCP_VAR["obj_tR16"].value, 16); - cmanCP_VAR["obj_tG"].value = parseInt(cmanCP_VAR["obj_tG16"].value, 16); - cmanCP_VAR["obj_tB"].value = parseInt(cmanCP_VAR["obj_tB16"].value, 16); -} - - -// ========================================================================================= -// RGB→RGB16 設定 -// ========================================================================================= -function cmanCP_JS_rgb_TO_rgb16(){ - - // RGBの入力チェック＆正規化 - cmanCP_VAR["obj_tR"].value = cmanCP_JS_chk0to255(cmanCP_VAR["obj_tR"].value); - cmanCP_VAR["obj_tG"].value = cmanCP_JS_chk0to255(cmanCP_VAR["obj_tG"].value); - cmanCP_VAR["obj_tB"].value = cmanCP_JS_chk0to255(cmanCP_VAR["obj_tB"].value); - - // RGB16置換 - cmanCP_VAR["obj_tR16"].value = cmanCP_JS_chk00toFF(parseInt(cmanCP_VAR["obj_tR"].value).toString(16)); - cmanCP_VAR["obj_tG16"].value = cmanCP_JS_chk00toFF(parseInt(cmanCP_VAR["obj_tG"].value).toString(16)); - cmanCP_VAR["obj_tB16"].value = cmanCP_JS_chk00toFF(parseInt(cmanCP_VAR["obj_tB"].value).toString(16)); -} - -// ========================================================================================= -// RGB(10進数) → HSL -// ========================================================================================= -function cmanCP_JS_rgb_TO_hsl(){ - - var wR = parseInt(cmanCP_VAR["obj_tR"].value); - var wG = parseInt(cmanCP_VAR["obj_tG"].value); - var wB = parseInt(cmanCP_VAR["obj_tB"].value); - - var wMax = Math.max(wR, wG, wB); - var wMin = Math.min(wR, wG, wB); - - var wH = 0; - var wS = 0; - var wL = 0; - - // --- 色相(H) ---------------------------------------------------------- - if (wMax == wMin) {} - else if (wMax == wR) {wH = 60 * (( wG - wB ) / ( wMax - wMin ));} - else if (wMax == wG) {wH = 60 * (( wB - wR ) / ( wMax - wMin )) + 120;} - else {wH = 60 * (( wR - wG ) / ( wMax - wMin )) + 240;} - if(wH < 0) {wH = wH + 360;} - if(wH >= 360) {wH = 0;} - - // --- 輝度(L) ---------------------------------------------------------- - wL = ( wMax + wMin ) / 2; - - // --- 彩度(S) ---------------------------------------------------------- - if (wMax == wMin) {} - else{ - if( wL <= (255 / 2) ) {wS = 255 * ( wMax -wMin ) / ( wMax + wMin );} - else {wS = 255 * ( wMax -wMin ) / ( 2 * 255 - ( wMax + wMin ));} - } - - // --- 色相(H)の整数化 ------------------------------------------------- - wH = Math.round(wH); - - // --- 彩度(S)の小数1桁整備（浮動小数のためテキストで処理） ------------ - wS = Math.round(wS / 255 * 1000).toString(); - if (wS == 0) {} - else if (wS.length < 2) {wS = ''+'0.00'+wS;} - else if (wS.length < 3) {wS = ''+'0.0'+wS;} - else if (wS.length < 4) {wS = ''+'0.'+wS;} - else {wS = wS.substr(0,1)+'.'+wS.substr(1);} - - // --- 輝度(L)の小数1桁整備（浮動小数のためテキストで処理） ------------ - wL = Math.round(wL / 255 * 1000).toString(); - if (wL == 0) {} - else if (wL.length < 2) {wL = ''+'0.00'+wL;} - else if (wL.length < 3) {wL = ''+'0.0'+wL;} - else if (wL.length < 4) {wL = ''+'0.'+wL;} - else {wL = wL.substr(0,1)+'.'+wL.substr(1);} - - // --- 変換結果を設定 -------------------------------------------------- - cmanCP_VAR["obj_tH"].value = wH; - cmanCP_VAR["obj_tS"].value = wS; - cmanCP_VAR["obj_tL"].value = wL; - -} - - -// ========================================================================================= -// HSL → RGB(10進数) -// ========================================================================================= -function cmanCP_JS_hsl_TO_rgb(){ - - var wCal; - - // HSLの入力チェック＆正規化 - cmanCP_VAR["obj_tH"].value = cmanCP_JS_chk0to359(cmanCP_VAR["obj_tH"].value); - - wCal = cmanCP_JS_chk0to1s3(cmanCP_VAR["obj_tS"].value); - if(wCal.toString() != cmanCP_VAR["obj_tS"].value.toString()){cmanCP_VAR["obj_tS"].value = wCal;} // number対応 - - wCal = cmanCP_JS_chk0to1s3(cmanCP_VAR["obj_tL"].value); - if(wCal.toString() != cmanCP_VAR["obj_tL"].value.toString()){cmanCP_VAR["obj_tL"].value = wCal;} // number対応 - - - // HSLからRGB計算 - var wH = parseInt(cmanCP_VAR["obj_tH"].value); - var wS = parseFloat(cmanCP_VAR["obj_tS"].value); - var wL = parseFloat(cmanCP_VAR["obj_tL"].value); - - var wMax = 0; - var wMin = 0; - var wR = 0; - var wG = 0; - var wB = 0; - - wS = wS * 100; - wL = wL * 100; - - - if (wL < 50){ - wMax = 2.55 * ( wL + wL * (wS / 100)); - wMin = 2.55 * ( wL - wL * (wS / 100)); - }else{ - wMax = 2.55 * ( wL + ( 100 - wL) * (wS / 100)); - wMin = 2.55 * ( wL - ( 100 - wL) * (wS / 100)); - } - - if (wH < 60){ - wR = wMax; - wG = (wH / 60) * (wMax - wMin ) + wMin; - wB = wMin; - - }else if(wH < 120){ - wR = (( 120 - wH ) / 60 ) * ( wMax - wMin ) + wMin; - wG = wMax; - wB = wMin; - - }else if(wH < 180){ - wR = wMin; - wG = wMax; - wB = (( wH - 120 ) / 60 ) * ( wMax - wMin ) + wMin; - - }else if(wH < 240){ - wR = wMin; - wG = (( 240 - wH ) / 60 ) * ( wMax - wMin ) + wMin; - wB = wMax; - - }else if(wH < 300){ - wR = (( wH - 240 ) / 60 ) * ( wMax - wMin ) + wMin; - wG = wMin; - wB = wMax; - - }else{ - wR = wMax; - wG = wMin; - wB = (( 360 - wH ) / 60 ) * ( wMax - wMin ) + wMin; - } - - // --- 色相(H)の整数化 ------------------------------------------------- - wR = Math.round(wR); - wG = Math.round(wG); - wB = Math.round(wB); - - // --- 変換結果を設定 -------------------------------------------------- - cmanCP_VAR["obj_tR"].value = wR; - cmanCP_VAR["obj_tG"].value = wG; - cmanCP_VAR["obj_tB"].value = wB; - -} - - -// ========================================================================================= -// Aはチェック＆正規化 設定 -// ========================================================================================= -function cmanCP_JS_chk_a(){ - - var wCal = cmanCP_JS_chk0to1s2(cmanCP_VAR["obj_tA"].value); - if(wCal.toString() != cmanCP_VAR["obj_tA"].value.toString()){cmanCP_VAR["obj_tA"].value = wCal;} // number対応 - -} - -// ========================================================================================= -// 16進数チェック＆正規化（0～ff） -// ========================================================================================= -function cmanCP_JS_chk00toFF(arg16){ - - var wChkStr = cmanCP_JS_zen_TO_han(arg16); - var wRc = 0; - var wStrPos = 0; - - if(wChkStr.toString().match(/^[0-9a-f]+$/i)){ - - wRc = parseInt(wChkStr, 16); - - if(wRc < 0) {wRc = 0;} - if(wRc > 255) {wRc = 255;} - - wRc = parseInt(wRc).toString(16); - if(wRc.length == 1){wRc = '0'+wRc;} - - } - - return wRc; -} - -// ========================================================================================= -// 10進数チェック＆正規化（0～255） -// ========================================================================================= -function cmanCP_JS_chk0to255(arg10){ - - var wChkStr = cmanCP_JS_zen_TO_han(arg10); - var wRc = 0; - - if(wChkStr.toString().match(/^[0-9]+$/)){ - wRc = parseInt(wChkStr); - if(wRc < 0) {wRc = 0;} - if(wRc > 255) {wRc = 255;} - } - return wRc; -} - -// ========================================================================================= -// 10進数チェック＆正規化（0～359） -// ========================================================================================= -function cmanCP_JS_chk0to359(arg10){ - - var wChkStr = cmanCP_JS_zen_TO_han(arg10); - var wRc = 0; - - if(wChkStr.toString().match(/^[0-9]+$/)){ - wRc = parseInt(wChkStr); - if(wRc < 0) {wRc = 0;} - if(wRc > 359) {wRc = 359;} - } - return wRc; -} - -// ========================================================================================= -// 10進数チェック（0～1,0.1刻み） -// ========================================================================================= -function cmanCP_JS_chk0to100s1(arg10){ - - var wChkStr = cmanCP_JS_zen_TO_han(arg10); - var wRc = 0; - - if(wChkStr.toString().match(/^[0-9]+(\.[0-9]+)?$/)){ - - wRc = Math.round(parseFloat(wChkStr) * 10) / 10; - if(wRc < 0) {wRc = 0;} - if(wRc > 100) {wRc = 100;} - - wRc = wRc.toString(); - wPos = wRc.indexOf('.'); - - if(wPos < 0){ - }else{ - wRc = wRc.substr(0,wPos)+'.'+wRc.substr(wPos+1,1); - } - - } - return wRc; -} - -// ========================================================================================= -// 10進数チェック（0～1,0.01刻み） -// ========================================================================================= -function cmanCP_JS_chk0to1s2(arg10){ - - var wChkStr = cmanCP_JS_zen_TO_han(arg10); - var wRc = 0; - - if(wChkStr != ''){ - - if(wChkStr.toString().match(/^[0-9]+\.$/)){ - wRc = wChkStr; - } - else if(wChkStr.toString().match(/^[0-9]+\.0$/)){ - wRc = wChkStr; - } - else if(wChkStr.toString().match(/^[0-9]+(\.[0-9]+)?$/)){ - - wRc = Math.round(parseFloat(wChkStr) * 100) / 100; - if(wRc < 0) {wRc = 0;} - if(wRc > 1) {wRc = 1;} - - wRc = wRc.toString().substr(0,4); - - if((wChkStr.length > wRc.length)&&(wChkStr.length <= 4)&&(wRc.substr(1,1) == '.')){ - wRc += ''+Array((wChkStr.length - wRc.length) + 1).join('0'); - } - - } - } - - return wRc; -} - -// ========================================================================================= -// 10進数チェック（0～1,0.001刻み） -// ========================================================================================= -function cmanCP_JS_chk0to1s3(arg10){ - - var wChkStr = cmanCP_JS_zen_TO_han(arg10); - var wRc = 0; - - if(wChkStr != ''){ - - if(wChkStr.toString().match(/^[0-9]+\.$/)){ - wRc = wChkStr; - } - else if(wChkStr.toString().match(/^[0-9]+\.0$/)){ - wRc = wChkStr; - } - else if(wChkStr.toString().match(/^[0-9]+\.00$/)){ - wRc = wChkStr; - } - else if(wChkStr.toString().match(/^[0-9]+(\.[0-9]+)?$/)){ - - wRc = Math.round(parseFloat(wChkStr) * 1000) / 1000; - if(wRc < 0) {wRc = 0;} - if(wRc > 1) {wRc = 1;} - - wRc = wRc.toString().substr(0,5); - - if((wChkStr.length > wRc.length)&&(wChkStr.length <= 5)&&(wRc.substr(1,1) == '.')){ - wRc += ''+Array((wChkStr.length - wRc.length) + 1).join('0'); - } - - } - } - - return wRc; -} - -// ========================================================================================= -// 全角入力対応（trimを含む） -// ========================================================================================= -function cmanCP_JS_zen_TO_han(argStr){ - - var wRcStr = argStr.toString(); - - var befstr = new Array("０","１","２","３","４","５","６","７","８","９","Ａ","Ｂ","Ｃ","Ｄ","Ｅ","Ｆ","ａ","ｂ","ｃ","ｄ","ｅ","ｆ","あ","え","．","。"); - var aftstr = new Array("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f","a","b","c","d","e","f","a","e",".","."); - - wRcStr = wRcStr.replace(/[ ]|[　]/g, ''); - wRcStr = wRcStr.replace(/\t|\r|\n/g, ''); - - for(var i=0; i ' + - '' + cmanCP_VAR["strRGB"] + ' ' + - '' + cmanCP_VAR["strHSL"] + ''; - }else{ - document.getElementById('cmanCP_ID_outstr').innerHTML = '' + cmanCP_VAR["strRGB16"] + ' (opacity:' + cmanCP_VAR["obj_tA"].value + ') ' + - '' + cmanCP_VAR["strRGBA"] + ' ' + - '' + cmanCP_VAR["strHSLA"] + ''; - } - -} - -// ========================================================================================= -// この色を選択 -// ========================================================================================= -function cmanCP_JS_select(){ - - // ----- 返却形式 ------------------------------------------------- - var wForm = ''; - var wOutText = ''; - - if('rc_form' in cmanCP_VAR){ - wForm = cmanCP_VAR['rc_form'].toUpperCase(); - } - - switch (wForm){ - case '#16': - wOutText = '#'+cmanCP_VAR["obj_tR16"].value+cmanCP_VAR["obj_tG16"].value+cmanCP_VAR["obj_tB16"].value; - break; - case '16': - wOutText = ''+cmanCP_VAR["obj_tR16"].value+cmanCP_VAR["obj_tG16"].value+cmanCP_VAR["obj_tB16"].value; - break; - case 'RGB': - wOutText = 'rgb('+cmanCP_VAR["obj_tR"].value+', '+cmanCP_VAR["obj_tG"].value+', '+cmanCP_VAR["obj_tB"].value+')'; - break; - case 'RGBA': - wOutText = 'rgba('+cmanCP_VAR["obj_tR"].value+', '+cmanCP_VAR["obj_tG"].value+', '+cmanCP_VAR["obj_tB"].value+', '+cmanCP_VAR["obj_tA"].value+')'; - break; - case 'HSL': - wOutText = 'hsl('+cmanCP_VAR["obj_tH"].value+', '+(cmanCP_JS_chk0to100s1(parseFloat(cmanCP_VAR["obj_tS"].value) * 100))+'%, '+(cmanCP_JS_chk0to100s1(parseFloat(cmanCP_VAR["obj_tL"].value) * 100)) + '%)'; - break; - case 'HSLA': - wOutText = 'hsla('+cmanCP_VAR["obj_tH"].value+', '+(cmanCP_JS_chk0to100s1(parseFloat(cmanCP_VAR["obj_tS"].value) * 100))+'%, '+(cmanCP_JS_chk0to100s1(parseFloat(cmanCP_VAR["obj_tL"].value) * 100)) + '%, '+cmanCP_VAR["obj_tA"].value+')'; - break; - default: - if(cmanCP_VAR["obj_tA"].value == '1'){ - wOutText = 'rgb('+cmanCP_VAR["obj_tR"].value+', '+cmanCP_VAR["obj_tG"].value+', '+cmanCP_VAR["obj_tB"].value+')'; - }else{ - wOutText = 'rgba('+cmanCP_VAR["obj_tR"].value+', '+cmanCP_VAR["obj_tG"].value+', '+cmanCP_VAR["obj_tB"].value+', '+cmanCP_VAR["obj_tA"].value+')'; - } - break; - } - - // ----- テキスト設定 --------------------------------------------- - var wOutTextID = []; - - if('rc_text' in cmanCP_VAR){ - wOutTextID = cmanCP_VAR["rc_text"].split(','); - } - - for(var i=0; i response.json ()).then (function - (json) - { - if (json.status) - return 'success'; - else - return 'miss'; - }).catch ( - (error) => 'error'); -} - -/* - * Canvas から画像を取得する． - * id：要素オブジェクト - * - * 戻り値は，Promise オブジェクト． - */ -function -getImageFromCanvas (id) -{ - return new Promise ( - function (resolve, reject) - { - const w2 = new Image (); // 作業用画像オブジェクト - - w2.onload = () => resolve (w2); - w2.onerror = (e) => reject (e); - w2.src = id.toDataURL ('image/png'); - }); -} - -/* - * Canvas を合成する． - * - * 戻り値は，なし． - */ -async function -concatCanvas () -{ - canvasPerfect.getContext ('2d').fillStyle = 'white'; - canvasPerfect.getContext ('2d').fillRect (0, 0, canvasWidth, canvasHeight); - - // Canvas 合成 - for (let i = 0; i < layerMax; ++i) - { - const w = await getImageFromCanvas (canvas[i]); - - canvasPerfect.getContext ('2d').drawImage (w, 0, 0, canvasWidth, canvasHeight); - } -} - -/* - * サーヴァに Canvas 画像を送信する． - * backup：ドラフト・フラグ - * - * 戻り値は，なし． - */ -async function -SendToServer (backup) -{ - await concatCanvas (); - - let image = canvasPerfect.toDataURL ('image/png'); - let param = {method: 'POST', - headers: {'Content-Type': 'application/json; charset=utf-8'}, - body: JSON.stringify ({data: image}), - mode: 'cors'}; - - if (backup) - await SendServer (`/modules/backup.php?id=${uniqId}`, param); - else - { - // SendServer (`upload.php?name=${userName.value}&pass=${password.value}&msg=${message.value}`, param); - await SendServer (`/modules/upload.php${window.location.search}&name=${userName.value}&pass=${password.value}&held=${held ? 1 : 0}&uniqid=${uniqId}`, param); - } -} - -/* - * 定義上の Canvas サイズと実際のそれとの比率を取得する． - * - * 戻り値は，なし． - */ -function -GetZoom () -{ - zoomX = canvasWidth / canvasRootCtx.canvas.clientWidth; - zoomY = canvasHeight / canvasRootCtx.canvas.clientHeight; -} - -/* - * ローカル画像 files を取込む． - * - * 戻り値は，なし． - */ -function -LoadFile (files) -{ - let reader = new FileReader (); // ファイル読込ダイアログ - - // ファイルが読込まれた場合 - reader.onload = function - (evt) - { - // 画像が読込まれた場合 - img.onload = function - () - { - canvasCtx[layer.value].drawImage (img, 0, 0, canvasWidth, canvasHeight); - - held = true; - }; - - img.src = evt.target.result; - - // 履歴を更新 - historySt[countSt] = count; - ++countSt; - countMax = countSt; - history[count] = {type: 'load', layer: layer.value}; - ++count; - }; - - reader.readAsDataURL (files[0]); // 選択された最初のファイルを指定 -} - -GetZoom (); -NewCanvas (); - - -/* - * ペンの座標および履歴を記録し，ペン移動中の処理に移る． - * クリックまたはタップ開始と同時に実行する． - * - * 戻り値は，なし． - */ -function -Down (evt) -{ - let mousePos = getMousePosition (canvasRoot, evt); // マウス座標 - - if (bucket.checked) - { - bucketArea (parseInt (mousePos.x, 10), parseInt (mousePos.y, 10), colour, - layer.value, false); - } - else - { - // 座標を記録 - lastX = mousePos.x + 1; - lastY = mousePos.y; - - nowDraw = true; - - // 履歴を更新 - historySt[countSt] = count; - ++countSt; - countMax = countSt; - - Drawing (evt); - } -} - -/* - * ペン移動中の処理を行ふ． - * - * 戻り値は，なし． - */ -function -Move (evt) /* 筆移動なうみ */ -{ - Drawing (evt); -} - -async function -Up () /* 筆離したお (^∇^)/ */ -{ - nowDraw = false; - - await SendToServer (true); - - historySt[countSt] = count; -} - -canvasRoot.addEventListener ('mousedown', - function (evt) - { - Down (evt); - }); - -canvasRoot.addEventListener ('mousemove', - function (evt) - { - Move (evt); - }); - -canvasRoot.addEventListener ('mouseup', - function () - { - Up (); - }); - -canvasRoot.addEventListener ('touchstart', - function (evt) - { - Down (evt.changedTouches[0]); - }); - -canvasRoot.addEventListener ('touchmove', - function (evt) - { - evt.preventDefault (); - Move (evt.changedTouches[0]); - }); - -canvasRoot.addEventListener ('touchend', - function () - { - Up (); - }); - -canvasRoot.addEventListener ('touchcancel', - function () - { - Up (); - }); - -addEventListener ('resize', - function () - { - GetZoom (); - }); - -buttonNew.addEventListener ('click', - function () - { - if (confirm ('作成中の絵を初期化しても大丈夫ですか．')) - NewCanvas (); - }); - -buttonSend.addEventListener ('click', - async function () - { - const searchParams = new URLSearchParams (window.location.search); - - await SendToServer (false); - - document.getElementsByTagName ('body')[0].style.marginTop = 'auto'; - document.getElementsByTagName ('body')[0].style.marginBottom = 'auto'; - document.getElementsByTagName ('body')[0].innerHTML = '
待ってね．
'; - - window.setTimeout ( - function () - { - window.location.href = `./?thread=${searchParams.get ('thread')}&sort=${ - searchParams.get ('sort')}`; - }, 2000); - }); - -buttonSave.addEventListener ('click', - function () - { - let download = document.createElement ('a'); - - concatCanvas (); - download.href = canvasPerfect.toDataURL ('image/png'); - download.download = 'canvas.png'; - - document.body.appendChild (download); - download.click (); - document.body.removeChild (download); - }); - -buttonChangeSize.addEventListener ('click', - function () - { - changeWidth.value = canvasWidth; - changeHeight.value = canvasHeight; - - changeSizeWindow.style.display = 'block'; - }); - -buttonUndo.addEventListener ('click', - function () - { - if (countSt > 0) - { - const _layer = Number (layer.value); - - --countSt; - count = historySt[countSt]; - - while (layerMax != 3) - { - if (layerMax > 3) - delLayer (0, true); - else - addLayer (0, true); - } - - ClearCanvas (); - - for (let i = 0; i < count; ++i) - Trace (i); - - layer.value = Math.max (0, Math.min (_layer, layerMax - 1)); - } - - reDraw (); - }); - -buttonRedo.addEventListener ('click', - function () - { - if (countSt < countMax) - { - const _layer = Number (layer.value); - - ++countSt; - count = historySt[countSt]; - - for (let i = historySt[countSt - 1]; i < count; ++i) - Trace (i); - - layer.value = Math.max (0, Math.min (_layer, layerMax - 1)); - } - - reDraw (); - }); - -pen.addEventListener ('click', - function () - { - for (let i = 0; i < layerMax; ++i) - canvasCtx[i].globalCompositeOperation = 'source-over'; - }) - -rubber.addEventListener ('click', - function () - { - for (let i = 0; i < layerMax; ++i) - canvasCtx[i].globalCompositeOperation = 'destination-out'; - }); - -layerAdd.addEventListener ('click', - function () - { - addLayer (Number (layer.value) + 1, false); - }); - -layerDel.addEventListener ('click', - function () - { - if (layerMax > 1) - delLayer (Number (layer.value), false); - else - window.alert ('消せるレイアがありません．'); - }); - -layerUp.addEventListener ('click', - function () - { - if (layer.value < layerMax - 1) - changeLayer (Number (layer.value), Number (layer.value) + 1, false); - }); - -layerDown.addEventListener ('click', - function () - { - if (layer.value > 0) - changeLayer (Number (layer.value), Number (layer.value) - 1, false); - }); - - -function -Trace (his) -{ - switch (history[his].type) - { - case 'draw': - canvasCtx[history[his].layer].globalCompositeOperation = ( - ((history[his].mode == 'rubber') - ? 'destination-out' - : 'source-over')); - - if (history[his].mode == 'bucket') - { - bucketArea (history[his].start.x, history[his].start.y, - history[his].colour, history[his].layer, true); - } - else - { - canvasCtx[history[his].layer].lineWidth = history[his].size; - canvasCtx[history[his].layer].strokeStyle = history[his].colour; - - canvasCtx[history[his].layer].beginPath (); - canvasCtx[history[his].layer].moveTo (history[his].start.x, - history[his].start.y); - canvasCtx[history[his].layer].lineTo (history[his].end.x, - history[his].end.y); - canvasCtx[history[his].layer].closePath (); - canvasCtx[history[his].layer].stroke (); - } - - break; - - case 'load': - canvasCtx[history[his].layer].drawImage ( - img, 0, 0, canvasWidth, canvasHeight); - - break; - - case 'addLayer': - addLayer (history[his].layer, true); - - break; - - case 'delLayer': - delLayer (history[his].layer, true); - - break; - - case 'changeLayer': - changeLayer (history[his].from, history[his].to, true); - - break; - } -} - -function -getMousePosition (canvas, evt) -{ - let rect = canvas.getBoundingClientRect (); - - return {x: (evt.clientX - rect.left) * zoomX, - y: (evt.clientY - rect.top) * zoomY}; -} - -function -ClearCanvas () -{ - for (let i = 0; i < layerMax; ++i) - canvasCtx[i].clearRect (0, 0, canvasWidth, canvasHeight); - - reDraw (); -} - -function -NewCanvas () -{ - ClearCanvas (); - - count = 0; - history = []; - countSt = 0; - historySt = []; - countMax = 0; -} - -function -Drawing (evt) -{ - if (nowDraw) - { - let mousePos = getMousePosition (canvasRoot, evt); - let nowX = mousePos.x; - let nowY = mousePos.y; - - if ((nowX == lastX) && (nowY == lastY)) - --nowX; - - if (radioSize.value == 0) - { - canvasCtx[layer.value].lineWidth = document.getElementById ( - 'size-free').value; - } - else - canvasCtx[layer.value].lineWidth = radioSize.value; - - canvasCtx[layer.value].strokeStyle = colour; - - canvasCtx[layer.value].beginPath (); - canvasCtx[layer.value].moveTo (lastX, lastY); - canvasCtx[layer.value].lineTo (nowX, nowY); - canvasCtx[layer.value].closePath (); - canvasCtx[layer.value].stroke (); - - reDraw (); - - history[count] = { - type: 'draw', - start: {x: lastX, y: lastY}, - end: {x: nowX, y: nowY}, - colour: canvasCtx[layer.value].strokeStyle, - size: canvasCtx[layer.value].lineWidth, - layer: layer.value, - mode: ((canvasCtx[layer.value].globalCompositeOperation - == 'destination-out') - ? 'rubber' - : (bucket.checked ? 'bucket' : 'pen'))}; - ++count; - - lastX = mousePos.x; - lastY = mousePos.y; - } -} - -function -changeColour (rgb) -{ - const colourPicker = document.getElementById ('colour-picker'); - let cps = colourPicker.getAttribute ('cmanCPat').split (','); - let clCode; - - cps[0] = 'def_color:cns=' + rgbTo16 (rgb).substr (0, 7); - clCode = rgbTo16 (rgb).substr (0, 7); - - if (clCode in colourCode) - clCode = colourCode[clCode]; - - document.getElementById ('irorororo').innerHTML = clCode; - colourPicker.setAttribute ('cmanCPat', cps.join ()); - - colour = rgb; -} - - -function -rgbTo16 (col) -{ - return "#" + col.match(/\d+/g).map(function(a){return ("0" + parseInt(a).toString(16)).slice(-2)}).join(""); -} - - -function -bucketArea (px, py, cl, lyr, fromHistory) -{ - console.log ([px, py]); - - let cwnt = 0; - let r, g, b, a; - let r_, g_, b_, a_; - - [r, g, b, a] = canvasCtx[lyr].getImageData (px, py, 1, 1).data; - - let dx = new Array (canvasWidth * canvasHeight); - let dy = new Array (canvasWidth * canvasHeight); - let dxy = new Array (canvasHeight); - - for (let i = 0; i < canvasHeight; ++i) - dxy[i] = new Array (canvasWidth).fill (0); - - dx[0] = px; - dy[0] = py; - dxy[py][px] = 1; - - ++cwnt; - - for (let i = 0; true; ++i) - { - let x = dx[i]; - let y = dy[i]; - - if (x + 1 < canvasWidth) - { - if (dxy[y][x + 1] == 0) - { - dxy[y][x + 1] = 1; - - [r_, g_, b_, a_] = canvasCtx[lyr].getImageData ( - x + 1, y, 1, 1).data; - - if ((r_ == r) && (g_ == g) && (b_ == b) && (a_ == a)) - { - dx[cwnt] = x + 1; - dy[cwnt] = y; - - ++cwnt; - } - } - } - - if (0 <= x - 1) - { - if (dxy[y][x - 1] == 0) - { - dxy[y][x - 1] = 1; - - [r_, g_, b_, a_] = canvasCtx[lyr].getImageData ( - x - 1, y, 1, 1).data; - - if ((r_ == r) && (g_ == g) && (b_ == b) && (a_ == a)) - { - dx[cwnt] = x - 1; - dy[cwnt] = y; - - ++cwnt; - } - } - } - - if (y + 1 < canvasHeight) - { - if (dxy[y + 1][x] == 0) - { - dxy[y + 1][x] = 1; - - [r_, g_, b_, a_] = canvasCtx[lyr].getImageData ( - x, y + 1, 1, 1).data; - - if ((r_ == r) && (g_ == g) && (b_ == b) && (a_ == a)) - { - dx[cwnt] = x; - dy[cwnt] = y + 1; - - ++cwnt; - } - } - } - - if (y - 1 >= 0) - { - if (dxy[y - 1][x] == 0) - { - dxy[y - 1][x] = 1; - - [r_, g_, b_, a_] = canvasCtx[lyr].getImageData ( - x, y - 1, 1, 1).data; - - if ((r_ == r) && (g_ == g) && (b_ == b) && (a_ == a)) - { - dx[cwnt] = x; - dy[cwnt] = y - 1; - - ++cwnt; - } - } - } - - if (i == cwnt - 1) - break; - } - - canvasCtx[lyr].fillStyle = cl; - - for (let i = 0; i < cwnt; ++i) - canvasCtx[lyr].fillRect (dx[i], dy[i], 1, 1); - - reDraw (); - - if (!(fromHistory)) - { - // 履歴を更新 - historySt[countSt] = count; - ++countSt; - countMax = countSt; - - history[count] = { - type: 'draw', - start: {x: px, y: py}, - colour: canvasCtx[lyr].fillStyle, - layer: lyr, - mode: 'bucket'}; - ++count; - } -} - - -function -getCookie (nameOfCookie) -{ - const r = document.cookie.split (';'); - - let f = null; - - r.forEach ( - function (element) - { - const content = element.split ('='); - - if (content[0] == nameOfCookie) - f = content[1]; - }); - - return f; -} - - -function -uniqueId (digits) -{ - var strong = typeof digits !== 'undefined' ? digits : 1000; - - return Date.now().toString(16) + Math.floor ( - (strong * Math.random ())).toString (16); -} - - -function -deletePost (id) -{ - delId.value = id; -} - - -function -deletePostReally () -{ - if (delId.value == '') - window.alert ('削除したいレスの番号を入れろ!!!!!'); - else if (delPass.value == '') - window.alert ('設定した削除用パスワードを入れろ!!!!!!!!!!!!!!!!!'); - else - { - window.location.href = `#${delId.value}`; - - setTimeout ( - function () - { - if (window.confirm (`レス番号 ${delId.value} の投稿を削除します．\nよろしいですかい?????`)) - { - const searchParams = new URLSearchParams (window.location.search); - - window.location.href = `./modules/delete.php?thread=${searchParams.get ( - 'thread')}&id=${delId.value}&pass=${delPass.value}`; - } - else - window.location.href = '#del'; - }, 100); - } -} - - -function -closeModal () -{ - modal.style.display = 'none'; -} - - -function -applyResolution () -{ - if ((changeWidth.value >= canvasRoot.width) - && (changeHeight.value >= canvasRoot.height)) - return; - - if (!(window.confirm ('指定されている幅もしくは高さの値がサイズ変更前よりも小さいです．\nこのままだと右端もしくは下端が変更後のサイズに合わせてカットされてしまいます．\nよろしいかな?????'))) - return; - - canvasWidth = Math.max (32, Math.min (changeWidth.value, 640)); - canvasHeight = Math.max (24, Math.min (changeHeight.value, 480)); - - canvasArea.style.width = canvasWidth + 'px'; - canvasArea.style.height = canvasHeight + 'px'; - - for (let i = 0; i < layerMax; ++i) - { - const canvas4replace = document.createElement ('canvas'); - - canvas4replace.width = canvasWidth; - canvas4replace.height = canvasHeight; - - const canvas4replaceCtx = canvas4replace.getContext ('2d'); - - if (i == 0) - { - canvas4replaceCtx.fillStyle = 'white'; - canvas4replaceCtx.fillRect (0, 0, canvasWidth, canvasHeight); - } - - canvas4replaceCtx.drawImage (canvas[i], 0, 0); - - canvas[i].width = canvasWidth; - canvas[i].height = canvasHeight; - - canvasCtx[i].drawImage (canvas4replace, 0, 0); - } - - canvasPerfect.width = canvasRoot.width = canvasWidth; - canvasPerfect.height = canvasRoot.height = canvasHeight; - - reDraw (); - - closeModal (); -} - - -function -reDraw () -{ - canvasRootCtx.fillStyle = 'white'; - canvasRootCtx.fillRect (0, 0, canvasWidth, canvasHeight); - - for (let i = 0; i < layerMax; ++i) - { - if (!(layerSep.checked && (i != layer.value))) - canvasRootCtx.drawImage (canvas[i], 0, 0); - } -} - - -function -changeLayer (from, to, fromHistory) -{ - const _canvas = canvas[from]; - const _canvasCtx = canvasCtx[from]; - - canvas[from] = canvas[to]; - canvas[to] = _canvas; - - canvasCtx[from] = canvasCtx[to]; - canvasCtx[to] = _canvasCtx; - - if (!(fromHistory)) - { - layer.value = to; - - // 履歴を更新 - historySt[countSt] = count; - ++countSt; - countMax = countSt; - - history[count] = {type: 'changeLayer', - from: from, - to: to}; - ++count; - } - - reDraw (); -} - - -function -addLayer (lyr, fromHistory) -{ - const newLayer = document.createElement ('label'); - - canvas.splice (lyr, 0, document.createElement ('canvas')); - canvasCtx.splice (lyr, 0, canvas[lyr].getContext ('2d')); - - canvas[lyr].width = canvasWidth; - canvas[lyr].height = canvasHeight; - - newLayer.innerHTML - = ` ${layerMax}`; - layer[layerMax - 1].parentNode.after (newLayer); - - ++layerMax; - - reDraw (); - - if (!(fromHistory)) - { - layer.value = lyr; - - // 履歴を更新 - historySt[countSt] = count; - ++countSt; - countMax = countSt; - - history[count] = {type: 'addLayer', - layer: lyr}; - ++count; - } -} - - -function -delLayer (lyr, fromHistory) -{ - --layerMax; - - canvas[lyr].remove (); - - canvas.splice (lyr, 1); - canvasCtx.splice (lyr, 1); - - layer[layerMax].parentNode.remove (); - - if (!(fromHistory)) - { - layer.value = Math.max (0, lyr - 1); - - // 履歴を更新 - historySt[countSt] = count; - ++countSt; - countMax = countSt; - - history[count] = {type: 'delLayer', - layer: lyr}; - ++count; - } - - reDraw (); -} - diff --git a/scripts/script.js b/scripts/script.js deleted file mode 100644 index 2360a09..0000000 --- a/scripts/script.js +++ /dev/null @@ -1,169 +0,0 @@ -const music = new Audio ('./assets/music.mp3'); // BGM -let playing = false; // 再生フラグ -let nowPlay = true; // 再生すべきかどぅか - -document.getElementById ('sort').addEventListener ('change', sortChange); - -/* - * BGM を再生しよぅとする． - * - * 戻り値は，なし． - */ -async function -PlayMusic () -{ - // 再生中でなぃ場合 - if (playing === false) - { - // BGM を再生しよぅとする． - try - { - await music.play (); - music.loop = true; - - playing = true; - nowPlay = true; - - // オン/オフ・ボタン - document.getElementById ('mute').innerHTML = 'BGM がうるさい人用'; - } - catch (err) - { - playing = false; - } - } -} - -/* - * BGM の消音切替 - * - * 戻り値は，なし． - */ -function -PauseMusic () -{ - // 切替 - if (nowPlay && playing) // 再生中の場合 - { - music.muted = true; - document.getElementById ('mute').innerHTML = 'やっぱり BGM が恋しい人用'; - - nowPlay = false; - } - else // 消音中の場合 - { - music.muted = false; - document.getElementById ('mute').innerHTML = 'BGM がうるさい人用'; - - nowPlay = true; - } -} - -// 1000 ms ごとに BGM 再生試行 -window.setInterval (function - () - { - PlayMusic (); - }, - 1000); - -// 画面クリックで BGM 再生試行 -document.addEventListener ('click', function - () - { - PlayMusic (); - }); - -// 画面タッチで BGM 再生試行 -document.addEventListener ('touchstart', function - () - { - PlayMusic (); - }); - -const body = document.getElementsByTagName ('body')[0]; // body 要素 -const cv = document.getElementById ('work'); // 作業用 Canvas -const g = cv.getContext ('2d'); // 作業用 Canvas のコンテクスト - -const list = ['magenta', 'lime', 'cyan', 'yellow', 'orange', 'pink', 'aliceblue', - 'antiquewhite', 'aqua', 'aquamarine', 'bisque', 'lightgreen', 'linen', - 'lightsalmon', 'darkorange', 'palegreen']; - // 色リスト -let nowColour = Math.floor (Math.random () * list.length); - // 前の色番号 -let nextColour = Math.floor (Math.random () * list.length); - // 次の色番号 -let [tempR, tempG, tempB] = getRGB (list[nowColour]); - // 現在の RGB 値 - -// 3000 ms ごとに次の色指定 -window.setInterval (function - () - { - nowColour = nextColour; - nextColour = Math.floor (Math.random () * list.length); - }, - 3000); - -// 20 ms ごとに，ぢょぢょに，色変更 -window.setInterval (function - () - { - let [nowR, nowG, nowB] = getRGB (list[nowColour]); - let [nextR, nextG, nextB] = getRGB (list[nextColour]); - - body.style.backgroundColor = `rgb(${tempR}, ${tempG}, ${tempB})`; - - tempR += (nextR - nowR) / 150; - tempG += (nextG - nowG) / 150; - tempB += (nextB - nowB) / 150; - }, - 20); - -/* - * カラ・コゥド c を RGB 値に変換する． - * - * 戻り値は，RGB 値排列． - */ -function -getRGB (c) -{ - g.fillStyle = c; - g.fillRect (0, 0, 1, 1); - - const img = g.getImageData (0, 0, 1, 1); - const px = img.data; - const rgb = [px[0], px[1], px[2]]; - - return rgb; -} - -function -sortChange (evt) -{ - const searchParams = new URLSearchParams (window.location.search); - - switch (evt.currentTarget.value) - { - default: - window.location.href = `./?thread=${searchParams.get ('thread')}&sort=td`; - - break; - - case 'evaluate-good': - window.location.href = `./?thread=${searchParams.get ('thread')}&sort=eg`; - - break; - - case 'time-asc': - window.location.href = `./?thread=${searchParams.get ('thread')}&sort=ta`; - - break; - - case 'evaluate-bad': - window.location.href = `./?thread=${searchParams.get ('thread')}&sort=eb`; - - break; - } -} - diff --git a/assets/kusobbs.gif b/www/assets/kusobbs.gif similarity index 100% rename from assets/kusobbs.gif rename to www/assets/kusobbs.gif diff --git a/assets/music.mp3 b/www/assets/music.mp3 similarity index 100% rename from assets/music.mp3 rename to www/assets/music.mp3 diff --git a/www/index.php b/www/index.php new file mode 100644 index 0000000..832732c --- /dev/null +++ b/www/index.php @@ -0,0 +1,53 @@ + title; + $explain = $row -> explain; + } + +if (isset ($_GET['id'])) + { + if (($_GET['evaluate'] ?? '') === 'good') + { + Dao\Response :: like ((int) $_GET['id']); + header ("Location: ./?thread=$thread&sort=$sort"); + } + + if (($_GET['evaluate'] ?? '') === 'bad') + { + Dao\Response :: dislike ((int) $_GET['id']); + header ("Location: ./?thread=$thread&sort=$sort"); + } + } + +require_once './forms/index.frm.php'; + diff --git a/styles/style.css b/www/styles/style.css similarity index 100% rename from styles/style.css rename to www/styles/style.css