Dweets awesomed by u/CocoMeister

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 3 remixes fullscreen

23_Skidoo

remix of d/12291 by u/23_Skidoo

function u(t) {

for(s=24,d=360,i=4e3;i--;f=(C(X)*s+Y)/d-t,x.fillStyle=`hsla(${S(f)*d} 66%${C(f*9)*C(f*s+t)*51+Y/d*8}%`)x.fillRect(X=i%82*s,Y=~~(i/82)*s,s,s)

Feb 11 2019 9:11 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/pavel

FYI the trick of not putting a delimiter between s and l in the hsl call does not work in Safari, its all just black.
u/sigveseb

Kinda looks like a knitted sweater :)

show FPS hide FPS share 1 remix fullscreen

Tesseract

function u(t) {

x.strokeStyle=R(9,t?(i+=2)/9:i=0,0,.3)
for(j=3e3;j--;x.beginPath(x.stroke()))l=(k=i|j)&-k,x.arc(j,i,(x.lineWidth=l/(l&i&j?.707:1))/18,0,7)

May 25 2018 5:26 AM UTC

}// 138/140

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

#fractal

u/Tesseract

Arc radius and line width are semi-interchangeable

show FPS hide FPS share fullscreen

robbyg

remix of d/8195 by u/Barth

function u(t) {

with(x){for(a=192,c.width|=0;a--;)b=540+S(a/8-t)*40,lineTo(a*10,b);stroke();font="5em a";translate(980,b);rotate(C(t)/3);fillText("🚴",0,0)}

May 23 2018 7:49 PM UTC

}// 139/140

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

u/Barth

He looks better

show FPS hide FPS share 1 remix fullscreen

Barth

function u(t) {

for(a=990,c.width|=0,x.font="99px a",i=0;i<20;i++)x.lineTo(99*i,9*S(i-t)+a);x.fill(),x.translate(a,a),x.rotate(C(t)/5),x.fillText("🚴",0,0)

May 22 2018 11:10 AM UTC

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

CocoMeister

function u(t) {

c.width=1920
t=C(t/30)
for(i=0;i<1080;i++){x.fillStyle='hsl('+T(i/5)*S(i*t)*99+',50%,50%)'
x.fillRect(T(i)*99+960,T(i/5)*S(i*t)*99+500,9,9)}

May 22 2018 8:46 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

Barth

function u(t) {

for(a=990,c.width=1920,x.font="99px a",i=0;i<20;i++)x.lineTo(99*i,9*S(i-t)+a);x.fill(),x.translate(a,a),x.rotate(C(t)/5),x.fillText("🚴",0,0)

May 22 2018 6:00 AM UTC

}// 140/140

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

Cannot compress it, help me

u/prplz

Try c.width|=0. This uses the "bitwise or" operator on the width, which does nothing with zero. Any time width is written to, the canvas is cleared
u/Barth

Thanks
u/Barth

https://www.dwitter.net/d/8195
u/jellyedwards

with(x){...} saves on every x. : with(x){for(a=990,c.width=1920,font="99px a",i=0;i<20;i++)lineTo(99*i,9*S(i-t)+a);fill(),translate(a,a),rotate(C(t)/5),fillText("🚴",0,0)}
u/jellyedwards

he follows the hills a bit better here: with(x){for(a=990,c.width|=0,font="99px a",i=0;i<20;i++)lineTo(100*i,99*C(i-t)+a);fill(),translate(a,a),rotate(C(t)/3),fillText("🚴",200,0)}

show FPS hide FPS share fullscreen

sukkamehu

remix of d/2279 by u/scottglz

function u(t) {

with(x)fillStyle=`hsl(${t*30%360},100%,50%)`,beginPath(),fillRect(0,0,2000,1),fill(),drawImage(c,0,0,1920,1123.2)

May 21 2018 1:38 PM UTC

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

markuspeitl

function u(t) {

x.beginPath()
X=t%20*150+200*S(t)
x.moveTo(X,1e3)
x.lineTo(X+600*S(t*1.5),0)
K=255
x.strokeStyle = R(K*T(t/2),K*S(t/2),K*C(t/2))
x.stroke()

May 7 2018 9:09 PM UTC

}// 139/140

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

u/prplz

I love interference patterns!

show FPS hide FPS share fullscreen

CocoMeister

function u(t) {

c.width=1920
for(i=0;i<1920;i++){
x.fillRect(i,C(i)*T(t/4)*252+500,10,S(i)*50)
x.fillStyle=R(255*S(i),40,C(i)*T(t/4)*252)}

May 3 2018 11:07 AM UTC

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

CocoMeister

remix of d/1449 by u/PhocaZH

function u(t) {

e=(t%4-2);g=Math.abs(e);x.fillStyle='#F55';y=400+-Math.sqrt(1-Math.pow(g-1,2))*150;a=-Math.acos(1-g);x.fillRect(900+e*150,y,9,870+a*150-y);

May 2 2018 7:48 AM UTC

}// 139/140

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

added red color

u/BalintCsala

You could use with(Math)
u/BalintCsala

And x**.5 instead of sqrt
u/BalintCsala

And simply x**5 instead of pow(x,5)

dwitter.net | CocoMeister (588)