El método numFrames() de p5.Image en la biblioteca p5.js se usa para devolver el número total de fotogramas de la animación GIF.
Sintaxis:
numFrames()
Parámetros: Esta función accept no acepta ningún parámetro.
Valor devuelto: este método devuelve un número que representa el número total de fotogramas de la animación GIF.
Las siguientes bibliotecas se incluyen en la sección «head» de la página HTML al implementar los siguientes ejemplos.
<script src=”p5.Image.js”></script>
<script src=”p5.min.js”></script>
Ejemplo: El siguiente ejemplo ilustra el método numFrames() en p5.js
Javascript
function preload() {
example_gif =
loadImage("sample-gif.gif");
}
function setup() {
createCanvas(500, 300);
textSize(18);
text("Click on the button to get " +
"the total number of frames",
20, 20);
frameBtn =
createButton("Get number of frames");
frameBtn.position(30, 40);
frameBtn.mousePressed(getTotalFrames);
}
function draw() {
// Draw the GIF on screen
image(example_gif, 20, 60, 240, 120);
}
function getTotalFrames()
{
// Get the total number of frames
let numberOfFrames =
example_gif.numFrames();
text("Number of frames in the GIF is: "
+ numberOfFrames, 20, 200);
}
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.Imagen/numFrames
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA