Dweets awesomed by u/Ameo

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*300,400,50,200) // draw 50x200 rects

} // 122/140

Please log in (or register) to post a dweet (copy-paste the code somewhere safe to save it meanwhile)


    u(t) is called 60 times per second.
    t: Elapsed time in seconds.
    S: Shorthand for Math.sin.
    C: Shorthand for Math.cos.
    T: Shorthand for Math.tan.
    R: Function that generates rgba-strings, usage ex.: R(255, 255, 255, 0.5)
    c: A 1920x1080 canvas.
    x: A 2D context for that canvas.

Try the new frontend: beta.dwitter.net
Current theme challenge: #Opposites

show FPS hide FPS share fullscreen

bakkot

function u(t) {

for(n=t?0:a=b=0;n++<99;r<1/3?a+=960:(b+=1080,a+=r<2/3?400:1520))x.fillRect(a/=2,b/=2,1,r=Math.random())

Feb 20 2017 6:35 PM UTC

}// 103/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

show FPS hide FPS share 4 remixes fullscreen

mxfh

function u(t) {

d=x.getImageData(0,0,w=c.width=256,h=144);for(i=0;i<h;i++)for(j=0;j<w;j++)d.data[(i*w+j)*4+3]=(i-j&j+i)*t%w;x.putImageData(d,0,0)

Feb 20 2017 3:43 AM UTC

}// 129/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Show more comments…
u/jim

This is my favorite demo on Dwitter so far
u/mxfh

first draft on documenting the more obvious parts: https://news.ycombinator.com/item?id=13712558
u/hamptonio

pretty sick
u/mxfh

drone audiosoundtrack paste this:
u/mxfh

;new Audio("data:audio/wav;base64,"+window.btoa('RIFF$WAVEfmt data'+x.getImageData(0,128,c.width,32).data.reduce((data,byte)=>data+String.fromCharCode(byte),''))).play()
u/mxfh

//safer encoding: ;new Audio("data:audio/wav;base64,UklGRiQAAgBXQVZFZm10IBAAAAABAAIAAIAAAAAAAgAEABAAZGF0YQAA"+window.btoa(x.getImageData(0,128,c.width,32).data.reduce((data,byte)=>data+String.fromCharCode(byte),''))).play()
u/Xaviaro

Breathtaking!
u/lionleaf

#fractal #recursive
u/Galaxtone

Of you let it run long enough it returns to the original image but sort of pixelated and a little more and it'll return to the original image

show FPS hide FPS share fullscreen

pieterkockx

function u(t) {

for(i=0;i<400;i++){r=Math.random(1);s=S(t)*S(r*t);x.fillStyle=R(180*s,240*r*s,128*s,r*r);x.fillRect(i*11*s,1e3*s+99*r,5*r,28*r*(t%8));}

Feb 19 2017 11:33 PM UTC

}// 135/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

show FPS hide FPS share 2 remixes fullscreen

aemkei

function u(t) {

for(c.width=90,b=[a=this.b||0],i=3e4;i--;x.fillRect(i%90,i/90,1,b[i]=a?3==d|a[i]&2==d:24*i%7%2))for(d=0,j=5;e=87*(2<j--)+j;)d+=a[i+e]+a[i-e]

Feb 19 2017 10:33 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/lionleaf

wow, awesome! Game of life!
u/iverjo

Impressive
u/aemkei

Based on aem1k.com/life
u/aemkei

#gameoflife

show FPS hide FPS share fullscreen

aemkei

function u(t) {

!window.X&&(X=Y=Z=1);x.fillRect(9*(Z+=(X+=((Y+=X-(X*Z-Y)/99)-X)/9)*Y/Z-1),9*(40+X),9,9)

Feb 18 2017 10:40 PM UTC

}// 87/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Lorenz Attractor

u/Ameo

I love attractors; great job!
u/donbright

wow!!!

show FPS hide FPS share fullscreen

veubeke

function u(t) {

c.width^=0;for(i=1312;i--;x.fillRect(i%32*16,b*16,16,16))b=i>>5,x.fillStyle=R(0,0,0,2-S(r=Math.acos(i/16%2-1))-!!(b%4&&(r*12+t&31)+b-b%4&7))

Feb 17 2017 11:22 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

show FPS hide FPS share 1 remix fullscreen

xem

remix of d/645 by u/xem

function u(t) {

for(i=j=0;i<
118;j+={0:17,3:11,11:11,55:54,87:54,69:-68,101:-68}[i++]|1)x.fillStyle=R(i,i+99,i*3,1),x.fillRect(j%18*99,~~(j/18)*99,90,90)

Feb 17 2017 10:36 PM UTC

}// 137/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/lionleaf

Awesome periodic table!
u/iverjo

wow, impressive!
u/xem

thanks! More info on http://codegolf.github.io/period1k/
u/KilledByAPixel

Nice! #periodic #periodictable

show FPS hide FPS share fullscreen

pilow

function u(t) {

c.width=2e3;x.translate(800,500);for(i=0;i<20;++i){x.translate(180,0);x.rotate(t/4);x.fillStyle=R(i*12,255-i*12,150);x.fillRect(0,0,30,500)}

Feb 14 2017 12:46 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/lionleaf

Hypnotic

show FPS hide FPS share fullscreen

New_Core

function u(t) {

c.width=2e3;for(i=15;i--;)x.lineTo(1e3+200*S(a=.3*(i%3)*t+i*1.57)+500*C(t*.8),500+200*C(a)+300*C(t*.5)),x.stroke()

Feb 14 2017 9:12 AM UTC

}// 114/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/iverjo

Smooth

show FPS hide FPS share fullscreen

iverjo

function u(t) {

for(i=0;i<2400;i++)x.beginPath(),x.arc(960+i*C(i/20),540+i*S(i/20)/3,29+i*i/2e4,0,7),x.fillStyle='#'+['000','A0E','FFF','9F0'][i%4],x.fill()

Jan 28 2017 10:00 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Optical illusion: Go fullscreen and glance at the different parts of the image. As you move your eyes, it may seem like other parts of the image moves slightly.

Show more comments…
u/iverjo

This needs a large and bright display to work
u/donbright

lol i kept looking for 't' in your code, not there!
u/iverjo

Haha!
u/CliffJonesJr

I love these illusion dweets. Nice!
u/iverjo

Thanks :)
u/iverjo

#opticalillusion

dwitter.net | Ameo (1708)