Dweets awesomed by u/Tesseract

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 1 remix fullscreen

KilledByAPixel

remix of d/20939 by u/KilledByAPixel

function u(t) {

c.style.filter='invert('
for(t*=i=300;i--;x.fillText(j=i/12|0,j,j*S(j*j*t),3))x.setTransform(1,0,0,i%2*2-1,t*24%1980,t),x.rotate(i%12/1.908)

Dec 8 2020 5:55 AM UTC

}// 140/140

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

#snowflake study #3

show FPS hide FPS share fullscreen

pavel

remix of d/20901 by u/pavel

function u(t) {

for(i=c.width|=p=g=>(g(0)?k&3:k/4)*200+130*g(.8+(~~k+k/4&1||-1)*(i%120*41/13+5*t));k=--i/120;)x.fillRect(560+p(S),240+p(C),9,9)

Dec 4 2020 9:12 PM UTC

}// 127/140

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

Moving #illusion

u/pavel

Discovered this randomly when golfing the original. Not sure why it happens.
u/danny@hille.dk

cool effect: the "feature" is caused by not truncating k=--i/120 -> k=--i/120|0 disables this feature :-)
u/KilledByAPixel

👍
u/danny@hille.dk

better solution: for(i=c.width|=p=g=>(g(0)?k&3:~~k/4)*200+150*g((k&1||-1)*(i%120*41/13+5*t));k=--i/120;)x.fillRect(560+p(S),240+p(C),9,9)

show FPS hide FPS share 1 remix fullscreen

MrHaila

function u(t) {

c.width^=0
for(i=0;i<20;i++){
o=S(S(t*(i+1))*(S(t)-0.5))*800
q=i*98
e=i*2.5
x.fillRect(q,400,50,200+o+e)
x.fillRect(q,700+o-e,50,200-o+e)
}

Dec 3 2020 10:13 PM UTC

}// 139/140

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

Hello world!

u/Xen

welcome to the dwitter family!

show FPS hide FPS share 3 remixes fullscreen

pavel

function u(t) {

for(i=c.width|=0;i--;x.fillRect(660+(p>>2)*200+130*C(a=Math.PI/4+(p+p/4&1||-1)*(369/13*d+3*t)),240+p%4*200+130*S(a),d,d))d=i%120/9,p=i/120|0

Dec 1 2020 8:51 PM UTC

}// 140/140

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

#beesandbombs demake https://twitter.com/beesandbombs/status/1327…

u/rep_movsd

If you stare a bit, you see white lines completing the circles - an optical illusion
u/danny@hille.dk

save 9 bytes for(i=c.width|=0;i--;x.fillRect(660+(p>>2)*200+130*C(a=.8+(p+p/4&1||-1)*(28.4*d+3*t)),240+p%4*200+130*S(a),d,d))p=i/120|0,d=i%120/9
u/danny@hille.dk

120/9 = 40/3
u/danny@hille.dk

129 bytes -> for(m=120,i=c.width|=0;i--;x.fillRect(660+(p>>2)*200+m*C(a=.8+(p+p/4&1||-1)*(28.4*d+3*t)),240+p%4*200+m*S(a),d,d))d=i%m/9,p=i/m|0

show FPS hide FPS share fullscreen

ciaccodavide

remix of d/20865 by u/ciaccodavide

function u(t) {

for(c.width|=i=192;i--;)x[s='fillStyle']=`hsl(0,0%,${i*.6}%`,x.fillRect(i*10,0,192,2e3)
x[s]=`grey`
x.arc(960+S(t)*500,540,400,0,7)
x.fill()

Nov 30 2020 11:59 AM UTC

}// 140/140

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

Same Grey Circle

u/ciaccodavide

#illusion
u/DataMeta

fun. we explored this #opticalillusion differently :) d/15843 #gradient
u/joeytwiddle

To add a second ball: x.arc(960-S(t)*500,540,300,0,7)

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

remix of d/20852 by u/ciaccodavide

function u(t) {

c.width|=1
r=t*60%60
G=30
for(i=0;i<199;i++)x.moveTo(r+G*i+(X=960+S(t*i)*10),Y=540+C(t*i)*10),x.arc(X,Y,r+G*i,0,7)
x.fill('evenodd')

Nov 29 2020 9:43 PM UTC

}// 132/140

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

Hypno 3

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/20815 by u/rodrigo.siqueira

function u(t) {

for(i=3e3,f=g=>i*C(i*i)*g(i+t*(t>4));i--;x.fillRect(960+f(S)*C(t/3),540+f(C)*C(t/3),1,.5))x.fillStyle=R(i,i/9),c.style='filter:invert('

Nov 28 2020 5:01 PM UTC

}// 135/140

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

Starry night swirl #spiral

u/jellyedwards

Wow that's beautiful! #waitforit
u/ElderLord7777

how do I see the code?

show FPS hide FPS share fullscreen

Tesseract

function u(t) {

for(j=c.width=128;j--;g(j&7,k=j>>3)>t%4||x.fillRect(j%8*9,9*k,9,9))g=(x,y)=>x|y&&(x>3?4-g(7-x,y):(o=y>>2)+g([y,x][o]%4<<1,[x,y][o]%4<<1)/4)

Nov 26 2020 9:20 AM UTC

}// 139/140

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

Hilbert curve

u/Tesseract

It's basically a coincidence that the recursive function terminates - it takes more calls than you'd expect and it doesn't work if you try scaling it up.
u/Tesseract

#fractal
u/Xen

nicely done!

show FPS hide FPS share 1 remix fullscreen

geb

remix of d/20806 by u/rodrigo.siqueira

function u(t) {

for(i=3e3,c.width|=f=g=>i*S(i+t)*g(i/23/6-t)/8;i--;x.fillRect(950+f(S),455+i*(i%2)+f(C),9,9))x.fillStyle=R(i,i/9,t),c.style='filter:invert('

Nov 26 2020 8:29 AM UTC

}// 140/140

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

u/danny@hille.dk

fairy wand

show FPS hide FPS share fullscreen

jellyedwards

function u(t) {

a=b=255
k=7/a
t=(t%8)**3
for(s=i=0;i<14;i+=k,a^=31){
x.fillRect(960+t*C(t+i)-i,520+t*S(t+i)-i,3,3)
i>s&&(s+=3.5,x.fillStyle=R(a,a,0))
}

Nov 26 2020 1:07 AM UTC

}// 135/140

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

Cymbal

dwitter.net | Tesseract (4964)