aerlevvsedi
aerlevvsedi
El blog de multimedia de Lu
12 posts
Don't wanna be here? Send us removal request.
aerlevvsedi · 1 year ago
Text
Proyecto final final, este es el bueno 2.0
Tumblr media
0 notes
aerlevvsedi · 1 year ago
Text
Proyecto final; Champiñonazo
Tumblr media Tumblr media
0 notes
aerlevvsedi · 1 year ago
Text
Proyecto final; espíritu del champiñón
Tumblr media Tumblr media Tumblr media Tumblr media
jahsja inspirado en el Chrek claramente
0 notes
aerlevvsedi · 1 year ago
Text
Se supone que la estrellita es el botón de menú pero nunca pude hacer que se viera no RANCIO.
<title>aerlevvsedi</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://stackpath.bootstrapcdn.com/bootstrap/5.1.0/css/bootstrap.min.css" rel="stylesheet"> <style> @font-face { font-family: 'Cloister'; src: url('FONTS/CloisterBlack.ttf') format('truetype'); } body { background-image: url('img/Staticblack.gif'); background-repeat: repeat; background-size: 420px 200px; background-color: rgba(0, 0, 0, 0.2); color: green; font-family: 'Cloister', sans-serif; position: relative; margin: 0; padding-top: 120px; /* Adjusted padding for better alignment */ } header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; padding-top: 30px; /* Adjusted top padding for header content */ background-color: rgba(0, 0, 0, 0.8); /* Example background color */ } .nav-wrapper { position: fixed; top: 0; left: 0; width: 0; /* Initially hidden width */ height: 100vh; /* Full height of viewport */ z-index: 1000; background-color: rgba(180, 180, 180, 0.8); /* Adjust background color */ overflow-x: hidden; transition: width 0.3s ease; padding-top: 50px; /* Adjusted top padding */ } .nav-wrapper.show { width: 250px; /* Width of the vertical nav bar when shown */ } .nav-link { color: green; } .copy-left { display: inline-block; text-align: right; margin: 0px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } h1.display-1 { font-size: 3em; margin-top: 30px; /* Adjusted top margin as needed */ } .video-container { position: relative; width: 50%; /* Set width to 50% of the viewport */ margin: auto; /* Center horizontally */ padding-top: 28.125%; /* 16:9 aspect ratio (height: 9/16 * width) */ margin-top: 50px; /* Adjusted margin for vertical centering */ } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (max-width: 768px) { .bubble { border-radius: 10px; } } .bubble.text-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .navbar-nav { flex-direction: column; } .navbar-nav .nav-link { padding: 0.5rem 1rem; margin: 0.2rem 0; } .navbar-nav .nav-item { width: 100%; /* Full width for vertical nav items */ } .menu-toggle-btn { position: absolute; top: 10px; left: 10px; cursor: pointer; z-index: 9999; } .menu-toggle-btn i { color: white; /* Adjust icon color */ } </style>
aerlevvsedi©
<div class="nav-wrapper" id="navWrapper"> <nav class="navbar navbar-dark bg-dark"> <div class="container-fluid"> <a class="navbar-brand" href="#">Aerlevvsedi</a> <button class="navbar-toggler" type="button" onclick="toggleMenu()"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="#proyectos">Proyectos</a> </li> <li class="nav-item"> <a class="nav-link" href="#recomendaciones">Recomendaciones Semanales</a> </li> </ul> </div> </div> </nav> </div> <div class="container"> <div class="row justify-content-center mt-5"> <div class="video-container"> <iframe width="560" height="315" src="https://www.youtube.com/embed/cU0XUX7Wmzo?si=FHrY37smaGjsCv1-" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> </div> </div> <img src="IMG/AAA.png" alt="aaaaaaa" class="full-size-image"> <script> function toggleMenu() { var navWrapper = document.getElementById("navWrapper"); navWrapper.classList.toggle('show'); // Toggle the 'show' class } </script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.1.0/js/bootstrap.bundle.min.js"></script>
0 notes
aerlevvsedi · 1 year ago
Text
PImage backgroundImg; PImage bottomLeftImage; PImage bottomRightImage; int[] colors = { color(255, 0, 0), // Red color(255, 127, 0), // Orange color(255, 255, 0), // Yellow color(0, 255, 0), // Green color(0, 0, 255), // Blue color(139, 0, 255) // Purple }; int currentColorIndex = 0; String line1 = "HYDRATE"; String line2 = "YOURSELF"; float textSizeBase = 100; // Base size of the text float textSizeMultiplier = 1.0; // Multiplier to scale text size with canvas size float textY1, textY2; // Y-coordinates of the text lines
int numDroplets = 100; // Number of droplets Droplet[] droplets = new Droplet[numDroplets]; // Array to hold droplets float poolThreshold; // Y-coordinate threshold where droplets start pooling
void setup() { size(720, 600); // Set canvas size backgroundImg = loadImage("Background.jpg"); // Load background image bottomLeftImage = loadImage("Vaso.png"); // Load bottom left image bottomRightImage = loadImage("Garrafon.png"); // Load bottom right image
// Resize images to half their original height float scale = 0.5; bottomLeftImage.resize(int(bottomLeftImage.width * scale), int(bottomLeftImage.height * scale)); bottomRightImage.resize(int(bottomRightImage.width * scale), int(bottomRightImage.height * scale));
// Calculate text size based on canvas size textSize(textSizeBase * textSizeMultiplier);
// Calculate Y-coordinates for text lines textY1 = height / 2 - textSizeBase * textSizeMultiplier / 2; // Above the center textY2 = height / 2 + textSizeBase * textSizeMultiplier / 2; // Below the center
// Set text to bold PFont myFont = createFont("Arial", 48, true); // Create a bold Arial font with size 48 textFont(myFont);
// Initialize droplets for (int i = 0; i < numDroplets; i++) { droplets[i] = new Droplet(); }
// Set the pooling threshold to the bottom of the canvas poolThreshold = height; }
void draw() { // Display background image image(backgroundImg, 0, 0, width, height);
// Add gray-tinted overlay fill(50,100); // Semi-transparent gray fill rect(0, 0, width, height); // Draw a gray-tinted overlay
// Update and display droplets for (int i = 0; i < numDroplets; i++) { droplets[i].fall(); droplets[i].display(); }
// Display bottom left image image(bottomLeftImage, 20, height - bottomLeftImage.height - 20); // Adjust position as needed
// Display bottom right image image(bottomRightImage, width - bottomRightImage.width - 20, height - bottomRightImage.height - 20); // Adjust position as needed
// Blinking and cycling text color if (frameCount % 30 == 0) { // Change color every 30 frames (approximately every half second) currentColorIndex = (currentColorIndex + 1) % colors.length; }
// Display text with thick black outline and cycling colors textAlign(CENTER, CENTER); textSize(textSizeBase * textSizeMultiplier);
// Draw black outline stroke(0); strokeWeight(5); fill(colors[currentColorIndex]); text(line1, width / 2, textY1); text(line2, width / 2, textY2);
// Reset stroke for droplets noStroke(); }
// Class to represent a droplet class Droplet { float x, y; // Position of the droplet float speed; // Speed of the droplet boolean pooling; // Flag to indicate if droplet is pooling
Droplet() { reset(); // Initialize droplet position and speed }
// Method to update position void fall() { if (!pooling) { y += speed; if (y > poolThreshold) { // Start pooling at the threshold y = poolThreshold; // Set y to the threshold pooling = true; // Set pooling flag } } else { // If pooling, reset droplet above canvas after reaching the bottom y = random(-height, 0); pooling = false; // Reset pooling flag to restart falling } }
// Method to display the droplet void display() { fill(150, 200, 255); // Light blue color for water droplets ellipse(x, y, 5, 5); // Draw a small ellipse as the droplet }
// Method to reset droplet position and speed void reset() { x = random(width); // Random horizontal position y = random(-height, 0); // Start above the canvas speed = random(2, 6); // Random falling speed (double the previous speed range) pooling = false; // Initially not pooling } }
0 notes
aerlevvsedi · 1 year ago
Text
PImage photo; PrintWriter output;
void setup (){ size (800,800); background (60,100,90); size (1360,800); photo = loadImage ("esponja.jpeg"); output = createWriter ("TEXTO.txt"); }
void draw(){ tint (random(255),random(255),random(255), 10); image(photo,40,40);
point(mouseX,mouseY); output.print(mouseX);
stroke(random(255),random(255),random(255)); fill (random(255),random(255),random(255)); ellipse (mouseX,mouseY,50,50); }
void keyPressed(){ output.flush(); output.close(); exit(); }
0 notes
aerlevvsedi · 1 year ago
Text
El hombre trascendental; Singularidad y Daddy Issues
Bueno ¿Pues qué decir del Raymon Kursweil? En sabias palabras de mi madre, la gente inteligente siempre está loquita. Y pues ajá, jajaja.
Me parece super aterrador hablar de la singularidad y como es posible que ocurra más pronto que tarde (pero luego recuerdo lo mal que funcionan los modelos de lenguaje abierto de inteligencia artificial y se me pasa un poquito) y de cierta forma, no creo que sus predicciones de una IA que sea super capaz y a la que terminemos venerando como si fuera un dios estén tan desasertadas, cuando en la actualidad se nos olvida muchas veces poner en duda la información que encontramos en línea y damos todo lo que encontramos por verdad absoluta.
PERO LUEGO el documental dió un giro de 180° cuando nuestro estimado Ray se puso a hablar de la nano robótica y como está segurisimo de que es la solución que estabamos buscando para combatir el envejecimiento y por ende, la muerte, y pues creo que su imaginación se dejó llevar un poco JAJA. Lo unico en lo que podía pensar mi cerebro cuando comenzó con su trip de nano robótica para fusionarse con tus células y demás era en A: esto es el detonante dramático de la película esta de Big Hero 6 y B: Lo mal que podría salir esta idea en un futuro donde la singularidad ocurra después de la implantación en masa de nanobots en las personas; sería algo como lo que pasa en El Día en el que la tierra se detuvo pero mas jarcor, con robotsitos explotando cuerpos y demás.
Tumblr media
Y luego, bueno, pues si que triste que su papá se haya muerto, pero YA SIENTESE, SEÑOR, mejor aprenda a hacer chistes malos al respecto y deje de tomar tantas pastillas que al rato va a salir en un capítulo de Alerta Aeropuerto, y es que estoy segura de que sus radiografías ya se ven asi:
Tumblr media
0 notes
aerlevvsedi · 1 year ago
Text
Tumblr media Tumblr media Tumblr media
0 notes
aerlevvsedi · 1 year ago
Text
Lo and Behold: Internete, pseudociencia y sociópatas
Es bien interesante ver documentales sobre el internet y la tecnología años después de la fecha original de publicación, porque los cambios y avances que han ocurrido del 2016 para acá son bastante notorios.
Me atrevo a decir que algunos puntos que Herzog explora en el docu, hoy en día, se leen un tanto ingenuos [Exhibit a: La adicción al internete como un evento raro, extremo, propio de la juventud ingorante, cuando en la actualidad, lxs más adictxs a las redes son las personas mayores, que no saben distinguir de una noticia/ post/ imagen fabricada de una real]. La anunciación de los peligros de la web no es ahora más que un evento *Cassandra-esque* de la modernidad, porque seamos honestxs, el acoso, la cyber-violencia, los videos e imágenes de decapitados, muertes, violaciones, etc, solo ha generado indiferencia y apatía en la mayor parte de lxs usuarixs.
Navegar en la computadora cambió de una actividad para la que era, si no necesario, si útil, tener una computadora, a la hiperaccesibilidad de los celulares. No hay nada más natural que googlear, postear y scrollear. Es un pensamiento en segundo plano. No nos detenemos a pensar en la practicidad de la información pseudogratuita [porque, de nuevo ¿Será que a la mayoría le intriga siquiera cual es el precio que pagan por ver unos momazos? ¿O lo saben y no les importa?].
Y bueno, que decir de la ✨Hypersensibilidad Electromagnética✨. No hay nada más perteneciente al internet que las enfermedades pseudocientíficas que afectan de vez en cuando a uno que otro hipocondriaco googleando sus síntomas por enésima vez.
Creo que lo único que me queda por ponderar es el fin del internet y el posible apocalipsis que ocurriría cuando la nube desaparezca. Caos absoluto, sufrimiento, abuelitas sin poder hablar por videollamada con sus nietecitos por quinta vez en el día, ¡¿POR DIOS, ALGUIEN PUEDE PENSAR EN LX NIÑXS SIN SPOTIFY O JUEGOSDECHICAS.COM?!
Tumblr media
Moraleja: Lo mejor que puede hacer unx es amasar una gran cantidad de media física para no perder aquellas cosas que nos hacen feliz. Si con el internet perdemos la electricidad, ya nos la ingeniaremos para hacer funcionar que la grabadora dosmilera con radio, entrada de cassettes y cds, que la tele de princesas con lector de pelis integrada, aunque sea a fuerza bruta.
0 notes
aerlevvsedi · 1 year ago
Text
Ą̸̛̠̙̞̤͇̬̮̲̲̙́͑͂͒̈́̋͒͜͝v̶͉͑͛̔̂̓͒̎̄͝i̷̛͙̣̳͒́̈́̌̽́̊͌̇̍͜d̸̢̧̻̼̘̪̤͍̞̼̰̖͙̗̏̈̚ę̶̟̣̘̯͔͎̗͍̮̖̯͙̱̹̂̓̇̂̄͆̐̈́͌̆͆̕͝m̴͔̯̩͈̗͙͍͖̫̠͍̹̻̍̉̿ͅű̷̗̫̌̒͐̃̇̂͝͠x̷̨̛̫͕͙̻̼͎͉̒͊ ̵̬̤̪̯̙̠̯͇̬̞̖͗̉̄͛͗c̵͔̻̻͈̪̐̓̿̾̾̍̍͝��̡̙̱̠̤̰̜͚͍ǫ̵̼̱̬̼̲͎͓̳͋͋̍̈́͂̄̂͝͠r̴̡̧̙͚̲̪̣̟͈̱̤̜͕̲͎̋̉̐̈ę̸͙̤̦̥̝̼̩̲̯̒͊̈́̀͝
0 notes
aerlevvsedi · 1 year ago
Text
Tumblr media
0 notes
aerlevvsedi · 1 year ago
Text
Tumblr media
0 notes