Dweets awesomed by u/joeytwiddle

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: #Food

show FPS hide FPS share 1 remix fullscreen

Bugsy

remix of d/5437 by u/BackendForth

function u(t) {

i=c.width=2e3;for(;i--;){s=i/99-t*4%27+5;w=2**(-s*s)*99+9;x.fillRect(i,540-w/2+S(i/43)*9+(i>960?i/2-480:0)*(i%2?1:-1),2,w)}

Jan 4 2018 11:43 PM UTC

}// 123/140

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

u/ETHproductions

Golfed even further: https://www.dwitter.net/d/5601

show FPS hide FPS share 2 remixes fullscreen

veubeke

function u(t) {

M=576
for(i=M*2;i--;x.fillRect(i/24<<5,i%24<<5,32,32,x.fillStyle=r<0|r>=1?'red':R(_=r*256,_,_)))r=i>=M?
Math.random():
i/M

Jan 4 2018 11:14 PM UTC

}// 122/140

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

This is a template to play with drop-in replacements for Math.random(). Enter code in the last line that uses the existing variables to produce values in the range [0,1). Red squares will appear if values are out of range.

Show more comments…
u/veubeke

A bad example :) https://www.dwitter.net/d/5541
u/sigveseb

A bit on the long side, but looks good: https://www.dwitter.net/d/5545
u/magna

Reminder that we can now link to dweets using the short notation: d/5545
u/joeytwiddle

Try: i**t%M/M One issue with sine/cosine is more black+white than grey: .5+S(i**t)/2
u/f8f82804

#tool #template
u/joeytwiddle

#random #challenge

show FPS hide FPS share 2 remixes fullscreen

wackytman

function u(t) {

c.width|=i=300
x.lineWidth=.5
while(--i)x.arc(600,600,500-S(i),i,S(t)*-i)
x.stroke()

Jan 4 2018 11:03 PM UTC

}// 84/140

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

Fuck knows

u/DirtyDan

A crystal ball :O
u/joeytwiddle

Nice! I like it slow: S(t/99) And 960,540 if you want to centralise it.

show FPS hide FPS share 1 remix fullscreen

visy

function u(t) {

for(i=955;i>0;i--)
z=i+t,ss=(C(t*10.+i)+i*t*0.5*S(t*i*.1)),x.fillStyle=R(i,i*2-ss*.1,i*3-ss,.1),x.fillRect(960+S(z)*ss, 540+C(z)*ss, 5, 5)

Jan 4 2018 5:58 PM UTC

}// 138/140

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

u/eviltoad

interesting

show FPS hide FPS share fullscreen

BackendForth

function u(t) {

c.width=1920
for(i=0;i<1720;i+=16){x.beginPath()
s=t%8*39+i/9-222
x.arc(i,99+i/3+99*S(i/99+t/9),i/9*(1+Math.pow(1.01,-s*s)),0,7)
x.stroke()}

Jan 4 2018 3:14 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/joeytwiddle

Gulp!
u/Xen

snake done gone eaten!
u/iverjo

4 characters shorter: c.width+=0;for(i=0;i<1720;i+=16)x.beginPath(),s=t%8*39+i/9-222,x.arc(i,99+i/3+99*S(i/99+t/9),i/9*(1+Math.pow(1.01,-s*s)),0,7),x.stroke()
u/codeslaw

Reminds me of my first dweet! d/2083
u/joeytwiddle

#worm

show FPS hide FPS share fullscreen

chadiik

function u(t) {

c.width=200;for(i=15;i--;)x.fillStyle=R(S(h=i/3+t)*255),x.font=7+S(h)*6+'px A',x.fillText('Bonne Fête Papa'[14-i],99+C(h)*50,S(h)*20+50)

Jan 4 2018 1:34 PM UTC

}// 136/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 fullscreen

lowpoly

remix of d/5473 by u/lowpoly

function u(t) {

s=10;x.drawImage(c,s,0);for(i=0;i<=c.height;i+=s)x.fillRect(0,i,s,s,x.fillStyle=`hsl(${i/c.height*C(t*i*3)*255},100%,50%)`);

Jan 4 2018 12:14 PM UTC

}// 124/140

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

play with x.fillStyle;-)

u/lowpoly

For example, x.fillStyle=Math.random()>0.5?'#000':'#fff'
u/lowpoly

or x.fillStyle=(~~(i/s/s)%2)^(~~(t*s)%2)?'#000':'#fff'
u/sigveseb

So intense colors!

show FPS hide FPS share fullscreen

eviltoad

remix of d/5469 by u/eviltoad

function u(t) {

c.width|=f=(a,d,g,b,w,h)=>!d?0:(x.fillRect(w-=g*C(a),h-=g*S(a),d*4,d*4),[b,b/9,-b].map(_=>f(a+_,d-1,g/2,b,w,h)));f(2,7,600,4*S(t),940,1080)

Jan 4 2018 11:00 AM UTC

}// 139/140

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

u/joeytwiddle

#klingon #sierpinski #batleth

show FPS hide FPS share fullscreen

pommak

function u(t) {

s=S(t),w=190*s,p=.062+t
for(z=1;z<40;z++)for(i=0;i<99;i++){
x.fillStyle=R(w*s,w*s,w)
x.fillRect(960+40*z*s*S(i*p),590+40*z*s*C(i*p),s*99,1)}

Jan 4 2018 10:32 AM 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 fullscreen

morton

function u(t) {

a=128;b=256;c=Math.floor;s=c(t*10);r=t%14;x.fillStyle=R((s*367+92)%b,(s*572)%b,(s*936)%b);x.fillRect((a*c(r*10))%1920,c(r*10*a/1920)*a,a,a)

Jan 4 2018 9:35 AM UTC

}// 139/140

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

u/iverjo

Nice algorithm for generating many different colors. This is the kind of color set you could use when plotting many different variables in the same plot.

dwitter.net | joeytwiddle (61488)