WikiDer > Маурер Роуз

// Шаблон, должно быть где-то, верно?документ.тело.innerHTML = ''; // Удаляет содержимое страницы на случай, если вы просто хотите вставить это в консоль на новой вкладке или где угодно.const холст = документ.createElement('холст');холст.ширина = 800;холст.высота = 800;документ.тело.appendChild(холст);const ctx = холст.getContext('2d');// Хорошо, пора подняться.позволять п = 6, d = 71; // Это может быть любая комбинация, но эта хорошая.ctx.переведите(холст.ширина / 2, холст.высота / 2);ctx.beginPath();ctx.ширина линии = 0.5;ctx.strokeStyle = 'синий';за (позволять тета = 0; тета <= 360 / * мы работаем с градусами, помните? * /; тета++){    позволять k = тета * d * Математика.ЧИСЛО ПИ / 180;    позволять р = 300 * Математика.грех(п * k);    позволять Икс = -р * Математика.потому что(k);    позволять у = -р * Математика.грех(k);    ctx.lineTo(Икс, у);    ctx.moveTo(Икс, у);}ctx.Инсульт();ctx.beginPath();ctx.ширина линии = 4;ctx.strokeStyle = 'красный';за (позволять тета = 0; тета <= 360; тета++){    позволять k = тета * Математика.ЧИСЛО ПИ / 180;    позволять р = 300 * Математика.грех(п * k);    позволять Икс = р * Математика.потому что(k);    позволять у = -р * Математика.грех(k);    ctx.lineTo(Икс, у);    ctx.moveTo(Икс, у);}ctx.Инсульт();

/*p5.js - это порт обработки, который можно запустить в браузере. Перейдя на editor.p5js.org, очистив там код, вставив его и нажав кнопку Play, вы можете запустить его. Был добавлен пользовательский интерфейс, чтобы они могли выбирать значения «n» и «d», а также изменять формулу с sin на любую из 6 основных триггерных функций (Примечание: только синусоидальная функция является допустимой функцией Maurer Rose) * /позволять п;позволять d;функция настраивать() {  createCanvas(400, 400);  // устанавливает ползунок для n  слайдерЛепестки = createSlider(1,100,6);  слайдерЛепестки.стиль('ширина', '300px');  слайдерЛепестки.позиция(30,высота+5);    // устанавливает ползунок для d  слайдерD = createSlider(1,360,71);  слайдерD.стиль('ширина', '300px');  слайдерD.позиция(30,высота+30);    // настраиваем параметры радио для формулы угла  angleOptions = createRadio();  angleOptions.позиция(10, 460);  angleOptions.вариант('грех');  angleOptions.вариант('cos');  angleOptions.вариант('загар');  angleOptions.вариант('сек');  angleOptions.вариант('csc');  angleOptions.вариант('детская кроватка');  angleOptions.стиль('ширина', '60px');    // уменьшает количество вычислений, которые должен выполнять ваш браузер  частота кадров(3);}функция рисовать() {  п = слайдерЛепестки.ценить();  d = слайдерD.ценить();  фон(255);  толкать();  noFill();  beginShape();  Инсульт(0, 0, 255);  ходВес(0.5);  angleMode(ГРАДУСЫ);  переведите(ширина/2, высота/2);  за(позволять тета = 0; тета <= 360; тета++){    позволять k = тета * d;    позволять р = ширина/2 * angleFormula(п,k);    позволять  Икс = р * потому что(k);    позволять у = р * грех(k);    вершина(Икс, у);  }  endShape();  beginShape();  Инсульт(255, 0, 0);  ходВес(2);  за(позволять тета = 0; тета <= 360; тета++){    позволять k = тета;    позволять р = ширина/2 * angleFormula(п,k);    позволять Икс = р * потому что(k);    позволять у = р * грех(k);    вершина(Икс, у);  }  endShape();  поп();  Инсульт(255);  textFont('Грузия', 20);  текст('N (# Лепестки):' + ул(п), 10,20);  текст('D:' + ул(d), 10, 50);}функция angleFormula(п,k) {  выключатель(angleOptions.ценить()) {    дело "грех":       возвращаться грех(k*п);    дело "cos":       возвращаться потому что(k*п);    дело "загар":       возвращаться загар(k*п);    дело "csc":       возвращаться (1/грех(k*п));    дело "сек":       возвращаться (1/потому что(k*п));    дело "детская кроватка":       возвращаться (1/загар(k*п));    дефолт:      возвращаться грех(k*п);  }}