JavaScript Puzzle Game
A fun puzzle game built with JavaScript that challenges logical thinking.
Play Now
STARTING MS-DOS...
function drawTree(ctx, startX, startY, length, angle,
branchWidth, color1, color2) {
ctx.beginPath();
ctx.save();
ctx.strokeStyle = color1;
ctx.fillStyle = color2;
ctx.shadowBlur = 2;
ctx.shadowColor = "#FECBF1";
ctx.lineWidth = branchWidth;
ctx.translate(startX, startY);
ctx.rotate(angle * Math.PI / 180);
ctx.moveTo(0, 0);
ctx.lineTo(0, -length);
ctx.stroke();
if (length < 10) {
ctx.restore();
return;
}
drawTree(ctx, 0, -length, length * 0.7, angle - 20,
branchWidth * 0.7, color1, color2);
drawTree(ctx, 0, -length, length * 0.7, angle + 20,
branchWidth * 0.7, color1, color2);
ctx.restore();
}
window.addEventListener('load', () => {
const canvas = document.getElementById('recursive-tree');
const ctx = canvas.getContext('2d');
// Clear and draw
ctx.clearRect(0, 0, canvas.width, canvas.height);
drawTree(ctx, canvas.width / 2,
canvas.height - 80, 120, 0, 10, '#FA67D1', '#F7F3B7');
});
C:\>_
