diff --git a/p5js/CartoonGan/CartoonGan_Basic/MrBubz.jpg b/p5js/CartoonGan/CartoonGan_Basic/MrBubz.jpg
new file mode 100644
index 00000000..2dcfb275
Binary files /dev/null and b/p5js/CartoonGan/CartoonGan_Basic/MrBubz.jpg differ
diff --git a/p5js/CartoonGan/CartoonGan_Basic/index.html b/p5js/CartoonGan/CartoonGan_Basic/index.html
new file mode 100644
index 00000000..eddda145
--- /dev/null
+++ b/p5js/CartoonGan/CartoonGan_Basic/index.html
@@ -0,0 +1,15 @@
+
+
+ CartoonGAN Basic
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/p5js/CartoonGan/CartoonGan_Basic/sketch.js b/p5js/CartoonGan/CartoonGan_Basic/sketch.js
new file mode 100644
index 00000000..69d8c414
--- /dev/null
+++ b/p5js/CartoonGan/CartoonGan_Basic/sketch.js
@@ -0,0 +1,27 @@
+let cartoonGan;
+let img;
+let newImage;
+function preload(){
+ img = loadImage('MrBubz.jpg');
+}
+
+function setup(){
+ createCanvas(256, 256);
+
+ cartoonGan = ml5.cartoon(modelLoaded)
+ image(img, 0,0, width, height)
+}
+
+function modelLoaded(){
+ cartoonGan.generate(img, gotResults)
+}
+
+function gotResults(err, result){
+ if(err){
+ return;
+ }
+ console.log(result)
+ image(result.image, 0,0, 256, 256);
+
+}
+