Code viewer for World: Doodle Classifier

// Cloned by Sophie Renshaw on 3 Dec 2021 from World "Doodle Neural Network - playing around" by Sophie Renshaw 
// Please leave this clone trail here.
 


// Cloned by Sophie Renshaw on 24 Nov 2021 from World "Doodle Neural Network" by Sophie Renshaw 
// Please leave this clone trail here.
 


// Cloned by Sophie Renshaw on 20 Nov 2021 from World "Character recognition neural network" by "Coding Train" project 
// Please leave this clone trail here.


$.getScript ( "/uploads/50ph/traintest.js")
$.getScript ( "/uploads/50ph/dataprep.js")
$.getScript ( "/uploads/50ph/sketchv2.js")
$.getScript ( "/uploads/50ph/nn.js")
$.getScript ( "/uploads/50ph/matrix.js")

$.getScript ( "https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.2.0/p5.min.js")
$.getScript ( "https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@0.8.0")


AB.loadCSS("/uploads/50ph/doodle.css")
  
  thehtml = '<h1 style="color:#ee82ee; font-family:Copperplate;">Doodle Classifier</h1> '
  AB.msg ( thehtml, 1 );
  
  thehtml = '<h2 style="color:#CB35A2; font-family:Copperplate;">Click the Train button to train the model, then the Test button to pass it a test image.</h2> '
  AB.msg ( thehtml, 2 );
  
  thehtml = '<button style="color:#3900ff; background:#ffcbc2" class="train" id="train">Train</button>';
  AB.msg ( thehtml, 4 );
  
  thehtml = '<button style="color:#3900ff; background:#ffcbc2" class="test">Test</button>';
  AB.msg ( thehtml, 6 );
  
  thehtml = '<h2 style="color:#CB35A2; font-family:Copperplate;">Draw a Bee, Candle, Clock or Fish and click the Guess button.</h2> '
  AB.msg ( thehtml, 8 );
  
  thehtml = '<button style="color:#3900ff; background:#ffcbc2" class="guess">Guess</button>';
  AB.msg ( thehtml, 9 );
  
  thehtml = '<button style="color:#3900ff; background:#ffcbc2" class="clear">Clear</button>';
  AB.msg ( thehtml, 11 );