La función angleMode() en p5.js se usa para establecer el modo en que se interpreta el ángulo. Se puede configurar en grados o radianes. Todas las funciones que usan un ángulo como parámetro seguirían el modo de ángulo establecido por esta función.
Sintaxis:
angleMode( mode )
Parámetros: esta función acepta un solo parámetro como se mencionó anteriormente y se describe a continuación:
- modo: Es una constante que se puede utilizar para establecer el modo en que se interpretaría el ángulo. Puede tener los valores de GRADOS o RADIANES.
El siguiente ejemplo ilustra la función angleMode() en p5.js:
Ejemplo:
javascript
let angleModeSelected;
function setup() {
createCanvas(400, 300);
textSize(18);
// Set the default angle to DEGREES
angleModeSelected = DEGREES;
// Create a button for toggling the angle mode
angleModeToggler = createButton("Toggle Angle Mode");
angleModeToggler.position(30, 40);
angleModeToggler.mouseClicked(() => {
if (angleModeSelected == DEGREES) angleModeSelected = RADIANS;
else angleModeSelected = DEGREES;
});
// Create a slider for changing the current angle
angleSlider = createSlider(-180, 180, 0, 1);
angleSlider.position(30, 120);
}
function draw() {
clear();
// Get the angle from the slider
let angleToRotate = angleSlider.value();
// Convert the angle to radians
// for demonstration
let angleInRadians = (angleToRotate / 57.295).toFixed(3);
text("Angle Mode Selected: " + angleModeSelected, 20, 20);
text("Current value of rotation: " + angleToRotate + " degrees", 20, 80);
text("Current value of rotation: " + angleInRadians + " radians", 20, 100);
// Set the angle mode
// based on the selected mode
angleMode(angleModeSelected);
translate(width / 3, height / 1.5);
// Rotate the shape according to
// the angle specified
rotate(angleToRotate);
// Draw the rectangle that
// would be rotated
rect(0, 0, 100, 25);
}
Producción:
Editor en línea: https://editor.p5js.org/
Configuración del entorno: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/
Referencia: https://p5js.org/ referencia/#/p5/modoángulo
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA