home.social

#1kb — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #1kb, aggregated by home.social.

  1. Genuary 14 - Less than 1KB artwork.

    ... let's play with particles! 😎

    It's the first time I've used p5.js - I played with Sagar Arora's contribution, which was inspired by Particle.js, and changed it a bit. Thanks a lot! 🙏
    The file is minified and has 808 bytes.

    #GENUARY #genuary2024 #genuary14 #p5js #motiongraphics #motiondesign #realtime #creativecoding #generativedesign #generativeart #particles #1KB #MastoArt

  2. Genuary 14 - Less than 1KB artwork.

    ... let's play with particles! 😎

    It's the first time I've used p5.js - I played with Sagar Arora's contribution, which was inspired by Particle.js, and changed it a bit. Thanks a lot! 🙏
    The file is minified and has 808 bytes.

    #GENUARY #genuary2024 #genuary14 #p5js #motiongraphics #motiondesign #realtime #creativecoding #generativedesign #generativeart #particles #1KB #MastoArt

  3. Genuary 14 - Less than 1KB artwork.

    ... let's play with particles! 😎

    It's the first time I've used p5.js - I played with Sagar Arora's contribution, which was inspired by Particle.js, and changed it a bit. Thanks a lot! 🙏
    The file is minified and has 808 bytes.

    #GENUARY #genuary2024 #genuary14 #p5js #motiongraphics #motiondesign #realtime #creativecoding #generativedesign #generativeart #particles #1KB #MastoArt

  4. Genuary 14 - Less than 1KB artwork.

    ... let's play with particles! 😎

    It's the first time I've used p5.js - I played with Sagar Arora's contribution, which was inspired by Particle.js, and changed it a bit. Thanks a lot! 🙏
    The file is minified and has 808 bytes.

    #GENUARY #genuary2024 #genuary14 #p5js #motiongraphics #motiondesign #realtime #creativecoding #generativedesign #generativeart #particles #1KB #MastoArt

  5. Genuary 14 - Less than 1KB artwork.

    ... let's play with particles! 😎

    It's the first time I've used p5.js - I played with Sagar Arora's contribution, which was inspired by Particle.js, and changed it a bit. Thanks a lot! 🙏
    The file is minified and has 808 bytes.

    #GENUARY #genuary2024 #genuary14 #p5js #motiongraphics #motiondesign #realtime #creativecoding #generativedesign #generativeart #particles #1KB #MastoArt

  6. #genuary2024 #1KB
    <!-- <!DOCTYPE html> -->
    <!--genuary--1kb-->
    <html lang="en">
    <head>
    <meta charset="utf-8" />
    <script src="cdn.jsdelivr.net/npm/[email protected]/"></script>
    <style>body { background-color: black; margin: 0; padding: 0; }</style>
    <script>
    setup=()=>{createCanvas(windowWidth,windowHeight);rectMode(CENTER);noFill();a=random(width/3,width/2);b=random(width/3,width/2);c=random(10,20);d=random(2,12)};
    draw=()=>{background(10,30,40,2);translate(width/2,height/2);t=frameCount/1500;strokeWeight(1);for(let k=0;k<d;k++){push();rotate(TWO_PI/(int(d))*k);for(let i=0;i<=c;i++){for(let j=0;j<39;j+=1){push();stroke(155+c*d-i*c,255-j*d*2,255-i*d/2,100);translate(a/2*sin(TWO_PI/c*j+t-b*sin(t/100)),b/4*cos(TWO_PI/c*j+t-b*cos(t/100)));rotate(TWO_PI/c*j+t);line(0,0,c/4*sin(TWO_PI/c*j),a*cos(TWO_PI/c*j));pop()}}pop();};stroke(20,50,60);strokeWeight(4);rect(0,0,width-20,height-20)};mousePressed = ()=>{setup();draw();}
    </script>
    </head>
    <body></body>
    </html>

  7. #genuary2024 #1KB
    <!-- <!DOCTYPE html> -->
    <!--genuary--1kb-->
    <html lang="en">
    <head>
    <meta charset="utf-8" />
    <script src="cdn.jsdelivr.net/npm/[email protected]/"></script>
    <style>body { background-color: black; margin: 0; padding: 0; }</style>
    <script>
    setup=()=>{createCanvas(windowWidth,windowHeight);rectMode(CENTER);noFill();a=random(width/3,width/2);b=random(width/3,width/2);c=random(10,20);d=random(2,12)};
    draw=()=>{background(10,30,40,2);translate(width/2,height/2);t=frameCount/1500;strokeWeight(1);for(let k=0;k<d;k++){push();rotate(TWO_PI/(int(d))*k);for(let i=0;i<=c;i++){for(let j=0;j<39;j+=1){push();stroke(155+c*d-i*c,255-j*d*2,255-i*d/2,100);translate(a/2*sin(TWO_PI/c*j+t-b*sin(t/100)),b/4*cos(TWO_PI/c*j+t-b*cos(t/100)));rotate(TWO_PI/c*j+t);line(0,0,c/4*sin(TWO_PI/c*j),a*cos(TWO_PI/c*j));pop()}}pop();};stroke(20,50,60);strokeWeight(4);rect(0,0,width-20,height-20)};mousePressed = ()=>{setup();draw();}
    </script>
    </head>
    <body></body>
    </html>

  8. #genuary2024 #1KB
    <!-- <!DOCTYPE html> -->
    <!--genuary--1kb-->
    <html lang="en">
    <head>
    <meta charset="utf-8" />
    <script src="cdn.jsdelivr.net/npm/[email protected]/"></script>
    <style>body { background-color: black; margin: 0; padding: 0; }</style>
    <script>
    setup=()=>{createCanvas(windowWidth,windowHeight);rectMode(CENTER);noFill();a=random(width/3,width/2);b=random(width/3,width/2);c=random(10,20);d=random(2,12)};
    draw=()=>{background(10,30,40,2);translate(width/2,height/2);t=frameCount/1500;strokeWeight(1);for(let k=0;k<d;k++){push();rotate(TWO_PI/(int(d))*k);for(let i=0;i<=c;i++){for(let j=0;j<39;j+=1){push();stroke(155+c*d-i*c,255-j*d*2,255-i*d/2,100);translate(a/2*sin(TWO_PI/c*j+t-b*sin(t/100)),b/4*cos(TWO_PI/c*j+t-b*cos(t/100)));rotate(TWO_PI/c*j+t);line(0,0,c/4*sin(TWO_PI/c*j),a*cos(TWO_PI/c*j));pop()}}pop();};stroke(20,50,60);strokeWeight(4);rect(0,0,width-20,height-20)};mousePressed = ()=>{setup();draw();}
    </script>
    </head>
    <body></body>
    </html>

  9. #genuary2024 #1KB
    <!-- <!DOCTYPE html> -->
    <!--genuary--1kb-->
    <html lang="en">
    <head>
    <meta charset="utf-8" />
    <script src="cdn.jsdelivr.net/npm/[email protected]/"></script>
    <style>body { background-color: black; margin: 0; padding: 0; }</style>
    <script>
    setup=()=>{createCanvas(windowWidth,windowHeight);rectMode(CENTER);noFill();a=random(width/3,width/2);b=random(width/3,width/2);c=random(10,20);d=random(2,12)};
    draw=()=>{background(10,30,40,2);translate(width/2,height/2);t=frameCount/1500;strokeWeight(1);for(let k=0;k<d;k++){push();rotate(TWO_PI/(int(d))*k);for(let i=0;i<=c;i++){for(let j=0;j<39;j+=1){push();stroke(155+c*d-i*c,255-j*d*2,255-i*d/2,100);translate(a/2*sin(TWO_PI/c*j+t-b*sin(t/100)),b/4*cos(TWO_PI/c*j+t-b*cos(t/100)));rotate(TWO_PI/c*j+t);line(0,0,c/4*sin(TWO_PI/c*j),a*cos(TWO_PI/c*j));pop()}}pop();};stroke(20,50,60);strokeWeight(4);rect(0,0,width-20,height-20)};mousePressed = ()=>{setup();draw();}
    </script>
    </head>
    <body></body>
    </html>

  10. #genuary2024 #1KB
    <!-- <!DOCTYPE html> -->
    <!--genuary--1kb-->
    <html lang="en">
    <head>
    <meta charset="utf-8" />
    <script src="cdn.jsdelivr.net/npm/[email protected]/"></script>
    <style>body { background-color: black; margin: 0; padding: 0; }</style>
    <script>
    setup=()=>{createCanvas(windowWidth,windowHeight);rectMode(CENTER);noFill();a=random(width/3,width/2);b=random(width/3,width/2);c=random(10,20);d=random(2,12)};
    draw=()=>{background(10,30,40,2);translate(width/2,height/2);t=frameCount/1500;strokeWeight(1);for(let k=0;k<d;k++){push();rotate(TWO_PI/(int(d))*k);for(let i=0;i<=c;i++){for(let j=0;j<39;j+=1){push();stroke(155+c*d-i*c,255-j*d*2,255-i*d/2,100);translate(a/2*sin(TWO_PI/c*j+t-b*sin(t/100)),b/4*cos(TWO_PI/c*j+t-b*cos(t/100)));rotate(TWO_PI/c*j+t);line(0,0,c/4*sin(TWO_PI/c*j),a*cos(TWO_PI/c*j));pop()}}pop();};stroke(20,50,60);strokeWeight(4);rect(0,0,width-20,height-20)};mousePressed = ()=>{setup();draw();}
    </script>
    </head>
    <body></body>
    </html>