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