Dibujos con efecto caleidoscopio fondo negro utilizando p5.js | Operating systems, scripting, PowerShell and security

Gráficos, JavaScript

// Simetría correspondiente al número de reflejos.
// Cambia el valor para obtener un número diferente de reflexiones
let symmetry = 6;

let angle = 360 / symmetry;
let saveButton, clearButton, mouseButton, keyboardButton;
let slider;

function setup() {
  createCanvas(710, 710);
  angleMode(DEGREES);
  background(0); // Cambiar el fondo a negro

  // Creando el botón para guardar para el archivo
  saveButton = createButton('Guardar');
  saveButton.mousePressed(saveFile);

  // Creando el botón para borrar la pantalla
  clearButton = createButton('Borrar');
  clearButton.mousePressed(clearScreen);

  // Creando el botón para la pantalla completa
  fullscreenButton = createButton('Pantalla Completa');
  fullscreenButton.mousePressed(screenFull);

  // Configurando el deslizador para el grosor del pincel
  brushSizeSlider = createButton('Tamaño del Pincel');
  sizeSlider = createSlider(1, 32, 4, 0.1);
}

// Función para guardar el archivo
function saveFile() {
  save('design.jpg');
}

// Función para limpiar la pantalla
function clearScreen() {
  background(0); // Cambiar el fondo a negro
}

// Función para pantalla completa
function screenFull() {
  let fs = fullscreen();
  fullscreen(!fs);
}

function draw() {
  translate(width / 2, height / 2);

  if (mouseX > 0 && mouseX < width && mouseY > 0 && mouseY < height) {
    let mx = mouseX - width / 2;
    let my = mouseY - height / 2;
    let pmx = pmouseX - width / 2;
    let pmy = pmouseY - height / 2;

    if (mouseIsPressed) {
      for (let i = 0; i < symmetry; i++) {
        rotate(angle);
        let sw = sizeSlider.value();
        let col = color(255); // Cambiar el color a blanco
        stroke(col);
        strokeWeight(sw);
        line(mx, my, pmx, pmy);
        push();
        scale(1, -1);
        line(mx, my, pmx, pmy);
        pop();
      }
    }
  }
}

// Simetría correspondiente al número de reflejos.

// Cambia el valor para obtener un número diferente de reflexiones

let symmetry = 6;

let angle = 360 / symmetry;

let saveButton, clearButton, mouseButton, keyboardButton;

let slider;

function setup() {

createCanvas(710, 710);

angleMode(DEGREES);

background(0); // Cambiar el fondo a negro

// Creando el botón para guardar para el archivo

saveButton = createButton('Guardar');

saveButton.mousePressed(saveFile);

// Creando el botón para borrar la pantalla

clearButton = createButton('Borrar');

clearButton.mousePressed(clearScreen);

// Creando el botón para la pantalla completa

fullscreenButton = createButton('Pantalla Completa');

fullscreenButton.mousePressed(screenFull);

// Configurando el deslizador para el grosor del pincel

brushSizeSlider = createButton('Tamaño del Pincel');

sizeSlider = createSlider(1, 32, 4, 0.1);

}

// Función para guardar el archivo

function saveFile() {

save('design.jpg');

}

// Función para limpiar la pantalla

function clearScreen() {

background(0); // Cambiar el fondo a negro

}

// Función para pantalla completa

function screenFull() {

let fs = fullscreen();

fullscreen(!fs);

}

function draw() {

translate(width / 2, height / 2);

if (mouseX > 0 && mouseX < width && mouseY > 0 && mouseY < height) {

let mx = mouseX - width / 2;

let my = mouseY - height / 2;

let pmx = pmouseX - width / 2;

let pmy = pmouseY - height / 2;

if (mouseIsPressed) {

for (let i = 0; i < symmetry; i++) {

rotate(angle);

let sw = sizeSlider.value();

let col = color(255); // Cambiar el color a blanco

stroke(col);

strokeWeight(sw);

line(mx, my, pmx, pmy);

push();

scale(1, -1);

line(mx, my, pmx, pmy);

pop();

}

Dibujos con efecto caleidoscopio fondo negro utilizando p5.js (JavaScript, Gráficos)

LIBRO DE POWERSHELL

LO ÚLTIMO

VÍDEOS