![]() System : Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64 User : www-data ( 33) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, Directory : /var/www/html/share/09072021/ |
Upload File : |
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.3.1/p5.min.js"></script> <title>💖</title> </head> <body> <style type="text/css"> html, body { padding: 0; margin: 0; width: 100%; height: 100%; overflow: hidden; background: black; white-space: nowrap; text-align: center; touch-action: manipulation; } body::before { content: ""; display: inline-block; vertical-align: middle; height: 100%; } canvas, main { display: inline-block; vertical-align: middle; } @media (orientation: landscape) { canvas, main { height: 100vh !important; width: 100vh !important; } } @media (orientation: portrait) { canvas, main { height: 100vw !important; width: 100vw !important; } } </style> <script type="application/processing"> int angle = 0; int colorR = 0; int colorG = 0; int colorB = 0; int radius = 0; void setup() { size(900, 600); background(0); noStroke(); fill(0, 102); frameRate(20); } void drawFlower(float xM, float yM) { angle += 10; float val = cos(radians(angle)) * 12.0f; for (int a = radius; a < 360+radius; a += 73){ float x = cos(radians(a)) * val; float y = sin(radians(a)) * val; fill(colorR, colorG, colorB); ellipse(xM + x, yM + y, val, val); } fill(255- colorB, (colorB + 37)%255, (colorG + 90)%255); ellipse(xM, yM, 4, 4); } void draw() { if (mousePressed) { drawFlower(mouseX, mouseY); } } void mousePressed() { angle = (int)random(0, 75); radius = (int)random(0, 360); colorR = (int)random(0, 255); colorB = (int)random((255-colorR)/2, 255); colorG = (int)random((255-(colorR+colorR)/2)/2, 255); } </script> <script type="text/javascript" src="processing.js"></script> </body> </html>