An animation sequence from Dithering (Part -1) article, illustrating how each pixel on an image is run through a threshold map to get the dithered image.
Complete article is available on https://visualrambling.space/dithering-part-1/
A Pen by Umair Akbar on CodePen.
| <div class="toolbar"> | |
| <div class="pill"> | |
| <span class="lbl">Glass</span> | |
| <input id="amp" type="range" min="0" max="1.5" value="0.5" step="0.01" /> | |
| <span id="ampVal" class="val">0.50</span> | |
| </div> | |
| <div class="pill"> | |
| <span class="lbl">Chromatic</span> | |
| <input id="chrom" type="range" min="0" max="2" value="0.6" step="0.01" /> | |
| <span id="chromVal" class="val">0.60</span> |
An experimental animation where cards slide through a glowing beam and transform into code. Inspired by the awesome Evervault visuals ✨
A Pen by BL/S® Studio on CodePen.
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>AuraOS Web Experience</title> | |
| <!-- External Libraries via CDN for beauty and functionality --> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <link href="https://fonts.googleapis.com/css2?family=Segoe+UI:wght@300;400;600&display=swap" rel="stylesheet"> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.36.1/min/vs/loader.min.js"></script> |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>macOS Web Experience</title> | |
| <!-- External Libraries via CDN for single-file functionality --> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet"> |
| html { | |
| max-width: 70ch; | |
| padding: 3em 1em; | |
| margin: auto; | |
| line-height: 1.75; | |
| font-size: 1.25em; | |
| } | |
| h1,h2,h3,h4,h5,h6 { | |
| margin: 3em 0 1em; |
| """ | |
| stable diffusion dreaming | |
| creates hypnotic moving videos by smoothly walking randomly through the sample space | |
| example way to run this script: | |
| $ python stablediffusionwalk.py --prompt "blueberry spaghetti" --name blueberry | |
| to stitch together the images, e.g.: | |
| $ ffmpeg -r 10 -f image2 -s 512x512 -i blueberry/frame%06d.jpg -vcodec libx264 -crf 10 -pix_fmt yuv420p blueberry.mp4 |
| Portable Version KEYS: | |
| P6Z3T-UYJC9-YAK3F-APN9M-6ZDSD | |
| FGZPK-93CWX-Q33Y6-D5URV-YXC3X | |
| 9CZQX-9YAQA-PF33L-XVUQH-NSD48 | |
| 8RZ3L-H3Y5L-W2RY5-Z5M8N-C7Z2U | |
| CCZNU-LW3LF-K9V2T-MYZFF-94667 | |
| EWZM6-3W4UX-KH922-C96GK-VGBH2 | |
| Standard Version KEYS: | |
| 4AZNW-S2YHE-LLMWM-J6EL8-7QKDL |
| #define _GNU_SOURCE | |
| #include <stdio.h> | |
| #include <stdlib.h> | |
| #include <string.h> | |
| #include <unistd.h> | |
| #include <fcntl.h> | |
| #include <sys/mman.h> | |
| #include <sys/syscall.h> |