p5.js | Función AngleMode()

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:

angleMode-selector

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *