var canvas, ctx, width, height, nn; var error = [1, [1, 1]]; var answers = {} var col = randomRGB(); var guess = [0.5, 0.5]; var debug = false; var unit = width; var getting = false; var temp = [[{"weights":[],"val":0},{"weights":[],"val":0.9882352941176471},{"weights":[],"val":0.5647058823529412},{"weights":[],"val":0},{"weights":[],"val":1}],[{"weights":[30.19886764451569,30.643099488890858,30.97120709589301,0.16463525876330287,-46.76627362911661],"val":0.8812519381376281},{"weights":[-51.5819839697877,-54.155467011964824,-50.494420802332016,0.5938574438843482,57.20759696198411],"val":1.6539934908138772e-11},{"weights":[-50.72204206997155,-51.11436162640063,-50.49853764350964,0.04524875859777788,73.30115100862949],"val":0.0032408104927599585}],[{"weights":[4.894283817384724,-3.8070432479839647,-7.396367765367492],"val":0.9949644380599955},{"weights":[-5.311044154999833,3.1301510217326056,4.245717477510879],"val":0.009365412567255756}]] document.addEventListener ("DOMContentLoaded", function () { canvas = document.getElementById("canvas"); ctx = canvas.getContext("2d"); setSize(canvas, innerWidth, innerHeight); ctx.fillStyle = "#333333"; ctx.fillRect(0, 0, width, height); //spinnerResize(); unit = width0.5)}; col = randomRGB(); } //nn = getNN(100); //getNNa(); //nn.load(temp); window.addEventListener("resize", function () { setSize(canvas, innerWidth, innerHeight); ctx.fillStyle = "#333333"; ctx.fillRect(0, 0, width, height); unit = width0.5 && debug) { ctx.lineWidth = 8; ctx.strokeStyle = "#000"; ctx.stroke(); } ctx.beginPath(); ctx.arc(width/4*3, height/2, unit/5, 0, Math.PI*2); ctx.fill(); if((col[0]+col[1]+col[2])/3/255<0.5 && debug) { ctx.lineWidth = 8; ctx.strokeStyle = "#fff"; ctx.stroke(); } ctx.fillStyle = "#000"; ctx.font = (unit/12) + "px sans-serif"; ctx.fillText("BLACK", width/4, height/2); //ctx.fillText(Math.floor(guess[0]*100)+"%", width/4, height/2+width/10); if(guess[0]>guess[1]) { ctx.beginPath(); ctx.arc(width/4, height/2-unit/5, unit/10, 0, Math.PI*2); ctx.fill(); } ctx.fillStyle = "#fff"; ctx.fillText("WHITE", width/4*3, height/2); //ctx.fillText(Math.floor(guess[1]*100)+"%", width/4*3, height/2+width/10); if(guess[0]9 && error[0] >= 0.01) { nn.train(answers); guess = nn.guess(col); } /*if(error[1][0] <= 0.01 && error[1][1] <= 0.01) { //print(nn.layers); document.write(JSON.stringify(nn.layers)); clearInterval(t); }*/ if(error[0] >= 0.23) { if(cnt==100) { //nn = getNN(100); getNNa(); //cnt = 0; } else cnt++; } if(Math.floor(nn.guess(col)[0]*100) == 65 && Math.floor(nn.guess(col)[1]*100) == 65) nn = new NN(3, [5, 5, 2]); } function getNN(mT) { var done = false; var result; var kill = 0; var tries = 0; var as = {}; mT = mT || 50; while(!done && tries < mT) { result = new NN(3, [5, 3, 2]); kill=0; as = {}; for(var i=0; i<100; i++) { as[rgbToHex(col)] = {rgb: col, val: +!((col[0]+col[1]+col[2])/3/255>0.6)}; col = randomRGB(); } for (var i=0; i<100; i++) { result.train(as); error = result.cost(as); //print(error) //if(i>1)console.log(i); if(error[0] >= 0.24) { kill++; } if(error[0] < 0.07) { done = true; //console.log(error[0] + ": " + i); //break; } else if (done == true) { done = false; } } tries++; } //console.log(done + ": " + (tries/mT)); answers = as; nn = result; cnt = 0; //return result; // document.getElementById("spinner").style.visibility = "hidden"; getting = false; } function getNNa(mT) { // document.getElementById("spinner").style.visibility = "visible" getting = true; setTimeout(getNN, 1000/60+1); } function setSize(canv, w, h) { canv.style.width = w + "px"; canv.style.height = h + "px"; width = w; height = h; canv.width = w*window.devicePixelRatio; canv.height = h*window.devicePixelRatio; canv.getContext("2d").scale (window.devicePixelRatio, window.devicePixelRatio); } function randomRGB () { var result = []; for(var i=0; i<3; i++) { result.push(Math.floor(Math.random()*256)); } return result; } function rgbToHex(nums) { var letters = "0123456789ABCDEF" var result="#"; for(var i=0; i<3; i++) { result += letters[Math.floor(nums[i]/16)]; result += letters[Math.floor(nums[i]%16)]; } return result; } function fill(arr, filling) { for(var idx=0; idx0) print(nn.cost(answers)); } function newNN () { document.getElementById("startmenu").style.visibility = "hidden"; getNNa(); requestAnimationFrame(loop); } function loadNN () { document.getElementById("startmenu").style.visibility = "hidden"; nn.load(temp); requestAnimationFrame(loop); } //CLASSES function NN (layers, nodes) { this.layers = []; this.learningRate = 0.01; for(var i=0; i0 ? this.layers[i-1] : []); } } this.guess = function (inputs) { for(var i=0; i=1; i--) { var nodes = this.layers[i]; //console.log(i) //if(i==1) print(weightErrors[2]); var cur = next; next = []; var nextErrors = new Array(nodes.length).fill([]); nextErrors = fill(nextErrors, Array); for(var j=0; j=1; i--) { var nodes = this.layers[i]; for(var j=0; j=1; i--) { //var nodes = this.layers[i]; for(var j=0; j 0) changes.push(nodes[i].val*change); else changes.push(nodes[i].val*change*0.1);*/ changes.push(nodes[i].val*change); } return changes; } this.train = function (nodes, change) { var changes = []; for(var i=0; i 0) changes.push(this.weights[i]*change); else changes.push(this.weights[i]*change*0.1);*/ changes.push(this.weights[i]*change); } return changes; } } function print(obj) { console.log(JSON.stringify(obj)) }

Color Predictor[ML]