renaming brain and p5 variables as const (CAPS) so they have helpful formatting

src/components/PageSwitcher/components/EEGEduAnimate/EEGEduAnimate.js

@@ -146,15 +146,34 @@ export function renderModule(channels) {
         const code =  
 `class MySketch extends React.Component {
   setup(p5, whereToPlot) {
-    p5.createCanvas(400, 400, p5.WEBGL).parent(whereToPlot)
+    p5.createCanvas(200, 200, p5.WEBGL).parent(whereToPlot)
   }
   draw(p5) {
-    let x = p5.height;
-    let y = true;
-    const test = 3;
-    text = "this is"
-    p5.fill(brain.delta,brain.theta,brain.alpha);
-    p5.ellipse(brain.beta,brain.alpha,20);
+    HEIGHT = p5.height
+    WIDTH = p5.width;
+    MOUSEX = p5.mouseX;
+    MOUSEY = p5.mouseY;
+
+    DELTA = brain.delta;
+    THETA = brain.theta;  
+    ALPHA = brain.alpha;
+    BETA = brain.alpha;
+    GAMMA = brain.gamma;
+
+    //Change the code here:
+
+    p5.background(255,200,200);
+    p5.fill(ALPHA*100,0,0);
+    p5.stroke(10,10,10); 
+    // p5.noStroke();
+    p5.ellipse(MOUSEX,MOUSEY,10);
+    // p5.rect(40,120,120,40);
+    // p5.triangle(30,10,32,10,31,8);
+    // p5.translate();
+    // p5.rotate();
+
+
+    //Done change below here
   }
   render() {
     return (
@@ -164,7 +183,8 @@ export function renderModule(channels) {
 }
 render(
   <MySketch />
-)    
+)       
+   
 
 `