Dweets by u/Qwitter

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

Qwitter

function u(t) {

c.width^=0;x.font='99px A';for(i=64;i--;){p=t*i/10;x.setTransform(C(p),S(p),-S(p),C(p),i%8*240+50*T(p+i),135*i/8);x.fillText('YES',-140,0)}

Jan 27 2018 11:36 AM UTC

}// 139/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

Qwitter

function u(t) {

w=c.width^=0;for(i=12;i--;x.beginPath()){k=7*t+t*t;p=k+i*6.3/12;x.arc((125.6*k)%(2*w)-110,w/4,200,p,p+1/2);x.lineWidth=99;x.stroke();}

Jan 24 2018 9:16 PM UTC

}// 134/140

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

Ludicrous Speed <i>GO!</i>. <sup>refresh</sup>

show FPS hide FPS share fullscreen

Qwitter

function u(t) {

w=500;c.width=4*w;for(i=150;i--;x.fillText('dweet',p*w*5,w+4*w*p*S(t+d)) ){d=i/10;p=1/(1+i+.4*S(7*t+i));s=p*w;x.font=s+'px courier new';}

Jan 23 2018 6:05 PM UTC

}// 137/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

Qwitter

function u(t) {

w=500;c.width=4*w;for(i=150;i--;x.fillRect(p*w*5,w+4*w*p*S(t+d),s,s) ){d=i/10;p=1/(1+i+.4*S(7*t+i));s=p*w;x.fillStyle=R(s*2,25,s*2);}

Jan 22 2018 9:33 PM UTC

}// 133/140

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

<svg height="40" width="40"><circle cx="10" cy="15" r="9" stroke="#999900" stroke-width="2" fill="#bfbf22" /><text x="7" y="20" fill="#cfcf00">$</text><text x="5" y="20" fill="#eeee00">D</text></svg>

show FPS hide FPS share fullscreen

Qwitter

remix of d/6285 by u/jonathan_b

function u(t) {

for(c.width|=s=i=504;i--;x.beginPath())q=S(i)*C(t+i),x.arc(q*s*t/i+9*i,s+s*q,i,0,7),x.lineWidth=i,x.strokeStyle=R(T(i/q),q*s,i*3),x.stroke()

Jan 22 2018 12:35 PM UTC

}// 140/140

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

Thanks JB

u/joeytwiddle

Sideways tornado with purple lightning
u/joeytwiddle

https://www.youtube.com/watch?v=__QqQq9XBsQ Orb parody
u/Qwitter

Thanks for Orb , Funny and deeply insightful, reminds me a bit of alan's psycadelic breakfast from atom heart mother; Also , yes i liked jonb's cartoon colored O clouds, fiddled till i found a pepperland storm on the horizon
u/joeytwiddle

#tornado

show FPS hide FPS share fullscreen

Qwitter

function u(t) {

a=530;m=t%28;c.width=2e3;x.beginPath();for(i=1;i<m+1;i++){p=3*t+i*6.28/m;x.lineTo(a*(2+C(p)),a*(1+S(p)))}with(x)closePath(),fill(stroke())

Jan 21 2018 5:00 PM UTC

}// 138/140

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

For some reason my phone does not require the x.beginPath(); command. (?)

u/sigveseb

afaik you don't need beginPath at all, since setting the width of a canvas resets it completely, including the current path
u/Qwitter

Thank you for your answer. It does work the same w/o beginPath on the phone's Safari browser, and i was able to get a little color with x.fillStyle=R(p);. However, it just makes a way to many verticied jumbled circular shape w/o it on the edge explorer (its a bad habit) on my computer. Another major difference I have seen between the phone andthe computer is in the results of using the 'HSVA' color coordinates, sometimes they look vastly different, but im not sure under what conditions that happens. Probably not worth investigating, but I'll note them here to spread some awareness.
u/Qwitter

*HSLA
u/Xen

part way between square and pentagon it gives a cube optical illusion ;)

show FPS hide FPS share fullscreen

Qwitter

function u(t) {

l=20;c.width=1920;for(p=-2;p<3;p++){for(j=0;j<99;j++){x.beginPath();k=j%2;x.arc(810+p*240*S(t/4)+l*k,540,j*l,3.14*k,3.14*(k+1)),x.stroke()}}

Jan 21 2018 3:12 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 fullscreen

Qwitter

function u(t) {

b=225;for(i=200;i--;x.fillRect(0,i*9,9,9))x.fillStyle=R(9*i*t%b,0,99+b*i*i*t%156)
x.drawImage(c,9,S(t)*4+2*C(3*t))
x.fillRect(0,0,2e3,9)

Jan 21 2018 9:19 AM UTC

}// 137/140

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

<svg width= "40" height = "40"><path d =" M0 0 L40 40" stroke = "black" /></svg>

show FPS hide FPS share fullscreen

Qwitter

function u(t) {

f=t*99;with(x)strokeStyle=`HSLA(${f},100%,50%,.3)`,beginPath(stroke()),arc(900+T(f)*9,99,f%75,0,7),drawImage(c,12*C(t),9+4*S(S(5*t)))

Jan 21 2018 8:36 AM UTC

}// 133/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

Qwitter

function u(t) {

f=t*99;with(x)strokeStyle=`HSLA(${f+160},100%,50%,.3)`,beginPath(fill(stroke())),arc(900,500,9,0,7),drawImage(c,9*C(3*t),9*S(5*t)+3*T(t/33))

Jan 21 2018 8:21 AM UTC

}// 140/140

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

dwitter.net | Qwitter (562)