EsyCode Help

		EsyCode JavaScript - Help Home EsyCode Book

About EsyCode ia a simple development environment for learning programming. It includes Turtle Geometry and Music. Today, computers are everywhere. Even if you don't plan to become an expert, in my opinion, it is very important to not treat machines as black-boxes, but to have at least a general idea of how they work. This approach is useful in any field of activity. For using EsyCode one could: either access the corresponding URL: EsyCode-JavaScript by Ioan-Valeriu Grossu (2025) or right click on esycode.htm, choose "save link as" for downloading the esycode.htm file to your device, and open it locally in any browser

Learning // Turtle Geometry penColor ("darkgreen"); // penColor = pc forward(20); // forward = fd penUp(); fd(20); // penUp = pu penDown(); fd(20); // penDown = pd left(); pu(); fd(50); // left = lt pd(); right(); fd(20); // right = rt pu(); backward(40); // backward = bk pd(); pc("red"); bk(20); home(); // Turtle goes home // Music // Twinkle, Twinkle, Little Star // 60 BPM => 60 Beats per Minute setTempo(60); await PAUSE(); await DO(); await DO(); await SOL(); await SOL(); await LA(); await LA(); await SOL(0.5); await FA(); await FA(); await MI(); await MI(); await RE(); await RE(); await DO(0.5); // Linear Structure // Compute rectangle area // Input var width = read("Width = ?"); var height = read("Height = ?"); // Compute var rectangleArea = width * height; // Output write("Area = " + rectangleArea); // Alternative Structure // Dice Game setTempo(120); var dice = getRandom(1,6); // Input var number = read("What number was I thinking of (1 to 6)?"); // Output write("My number: " + dice); write("Your answer: " + number); // Choice if(number == dice) { write("You won!"); await DO(); await MI(); await SOL(); await DO2(); } else { write("Retry..."); await RE(); await DOH(); await DO(); } // Draw Square pc("red"); var latura = 70; // Sounds => better observing each step fd(latura); rt(); await DO(); fd(latura); rt(); await MI(); fd(latura); rt(); await SOL(); fd(latura); rt(); await DO2(); // Repetitive Structure pc("red"); var edge = 70; // Work less for drawing a square var count = 1; while(count <= 4) { fd(edge); rt(); write(count); await DO(); // Increase count with 1 count += 1; } // List example var house = new List(); house.add("Ionel"); house.add("Maria"); house.add("Ana"); house.add("Gigel"); house.changeItem(3, "Antonia"); var apartment = 1; var count = house.count(); while(apartment <= count) { var person = house.item(apartment); write(apartment + ") " + person); await DO(); apartment += 1; } // Functions => "named blocks of code" // Define drawSquare function drawSquare(edge) { pc("red"); var count = 1; while(count <= 4) { fd(edge); rt(); count += 1; } } // Call drawSquare drawSquare(50); pu(); fd(60); pd(); drawSquare(30); ht(); Advanced examples // Draw Star ht(); var n = 10; var radius = 70; var angle = 360/n; var index = 0; while(index < n) { index += 1; fd(radius); bk(radius); rt(angle); } // Gauss var n = read("n: "); var s = 0; for(var i = 1; i <= n; i++) { s += i; } write("S(" + n + ") = " + s); // Function Graph function f(x) { return 0.5 * x + 50 * Math.sin(0.1 * x); //return 0.5 * x + 25; //return 0.1 * x * x - 30; //return 0.001 * x * x * x; //return 50 * Math.sin(0.1 * x); } // Draw Axes ht(); var w = pageWidth(); var h = pageHeight(); rt(); bk(w/2); fd(w); home(); fd(h/2); bk(h); home(); // Draw Graph pc("red"); var xi = -w/2; setXY(xi, f(xi)); for(var x = xi + 1; x <= w/2; x++) { var y = f(x); towards(x,y); var dx = x - xCor(); var dy = y - yCor(); var d = Math.sqrt(dxdx + dydy); if (d<1) d = 1; fd(d); setXY(x,y); } // Recursion function drawBranches(length) { var half = length / 2; var alpha = 30; if(half < 1) return; pc("green"); lt(alpha); fd(half); drawBranches(half); pc("green"); bk(half); rt(alpha); pc("red") rt(alpha); fd(half); drawBranches(half); pc("red") bk(half); lt(alpha); } pu(); bk(100); pd(); drawBranches(240); pu(); rt(); fd(150); lt(); pd(); ht(); drawBranches(100); // Recursion - STEP by STEP ! async function drawBranches(length) { var half = length / 2; var alpha = 30; if(half < 16) return; pc("green"); lt(alpha); fd(half); await MI(); await drawBranches(half); pc("green"); bk(half); rt(alpha); pc("red") rt(alpha); fd(half); await SOL(); await drawBranches(half); pc("red") bk(half); lt(alpha); } await drawBranches(128); await DO(0.5); // Sierpinski function drawTriangle(edge, color) { pc(color); rt(30); fd(edge); rt(120); fd(edge); rt(120); fd(edge); rt(90); } function drawSierpinski(edge) { if(edge < 8) return; var newEdge = edge / 2; var xIni = xCor(); var yIni = yCor(); drawTriangle(edge, "red"); drawSierpinski(newEdge); pu(); rt(30); fd(edge); lt(30); pd(); drawTriangle(edge, "green"); drawSierpinski(newEdge); pu(); rt(150); fd(edge); lt(150); pd(); drawTriangle(edge, "blue"); drawSierpinski(newEdge); setXY(xIni, yIni); } ht(); pu(); bk(100); rt(); bk(120); lt(); pd(); drawSierpinski(128);