Dweets awesomed by u/hope4tg

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

pythech

function u(t) {

with(x)for(c.width|=i=16;--i;)for(j=9;--j;beginPath(),fillStyle=`hsl(${j*t},65%,50%)`,arc(i*120+T(t*i*j/128)*64,120*j,64,0,9),fill());

May 29 2018 5:46 PM UTC

}// 134/140

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

u/iverjo

#dots

show FPS hide FPS share 1 remix fullscreen

pythech

remix of d/8285 by u/S.T.L.K.R.

function u(t) {

x.a=x.moveTo
x.b=x.bezierCurveTo
c.onmousemove=e=>v=e.x
with(x)for(c.width=k=p=360;p-=9;b(!a(!stroke(),p),p,p,v,k,p),a(p,0),b(p,0,v,p,p,k));

May 29 2018 1:26 PM UTC

}// 140/140

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

Hover your mouse over the canvas to see the effect

u/deobfuscate

#interactive

show FPS hide FPS share fullscreen

hope4tg

remix of d/8253 by u/hope4tg

function u(t) {

x.font='3em x';for(i=240;i--;x.fillText('■',i*8,(t*5|0)*8))x.fillStyle=R(l=(S(i/10)*(t*S(t)-t*t)%5/5)*255,(l+128+(t*4))%255,0)

May 29 2018 9:36 AM UTC

}// 126/140

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

Alien art

u/hope4tg

#weird
u/S.T.L.K.R.

Alien embrio generator

show FPS hide FPS share 1 remix fullscreen

S.T.L.K.R.

remix of d/8280 by u/S.T.L.K.R.

function u(t) {

x.a=x.moveTo,x.b=x.bezierCurveTo
with(x)for(c.width=k=p=360;p-=6;a(0,p),b(0,p,p,m=p+C(t)*p,k,p),a(l=p*2,0),b(l,0,l+l*S(t),m,l,k),stroke());

May 29 2018 1:10 AM UTC

}// 139/140

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

Again special thanks to pythech https://www.dwitter.net/u/pythech

u/uchenna

i have been trying to implement this on my project please help me, thanks
u/S.T.L.K.R.

Sure how can i help? If it helps https://www.scratchapixel.com/lessons/advanc…
u/S.T.L.K.R.

Also a related project on my github: https://github.com/STLKRv1/Bezier-Surface-Re…

show FPS hide FPS share 1 remix fullscreen

E-Mouse

remix of d/3194 by u/lurifax

function u(t) {

for(i=2e3;i--;x.fillStyle=R(C(t)*128+128,0,C(i)*128+128,.07))x.fillRect(960+T(p=i/314)*(d=250+S(p*3+t)*(S(t)*99)*C(t)*4),540+C(p)*d,9,9)

May 28 2018 5:54 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 1 remix fullscreen

DataMeta

remix of d/8233 by u/DataMeta

function u(t) {

c.width|=0;p=Math.PI;x.lineWidth=60;for(i=1;i<24;i++){x.beginPath();x.arc(960,540,50+(i*60)+S(t/p*i)*60,t+(i*p)+S(t-i),t+i**i);x.stroke()}

May 28 2018 5:04 AM UTC

}// 138/140

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

u/iverjo

The innermost part looks like a bit of the Revision logo some of the time
u/DataMeta

Had to look up what that logo looks like, but yeah you're right

show FPS hide FPS share fullscreen

hope4tg

remix of d/8217 by u/johnbruin

function u(t) {

c.width=-1
x.translate(150,85)
for(j=10;j--;){
x.rotate(t)
for(i=20;i--;)x.rotate(0.1*C(i+j)),x.fillText("----",0,j*C(S(t))*10)}

May 26 2018 6:36 PM UTC

}// 128/140

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

u/rhys5584

is this loss

show FPS hide FPS share 1 remix fullscreen

hope4tg

remix of d/8139 by u/firegodjr

function u(t) {

x.font='3em x';r=Math.random;for(i=240;i--;x.fillText('■',i*8,(t*5|0)*8))f=r(),x.fillStyle=R(l=(S(i/10)*(t*S(t))%5/5)*128+i,l-128+(t*2),t*2)

May 26 2018 3:34 PM UTC

}// 140/140

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

renders itself

show FPS hide FPS share 2 remixes fullscreen

prplz

remix of d/8154 by u/Xen

function u(t) {

r=Math.random
for(i=666;i--;x[S(((22-y)**2+(13-z)**2)**.35+t)**2>.8?'clearRect':'strokeRect'](y*T,z*T,T=44,T))y=r()*T,z=r()*T

May 26 2018 12:52 PM UTC

}// 125/140

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

Thanks Xen for the strokerect, it makes really cool textures

u/firegodjr

Looks like pencil crosshatching!

show FPS hide FPS share fullscreen

DataMeta

remix of d/1129 by u/kballinas

function u(t) {

c.width=1920;
for(i=0;i<192;i++){
x.fillStyle=R(i/6,S(i+t),2*(t+i),.9)
x.fillRect(720+S((t/16)*(i-Math.log(t)))*720, 10*i, 560, 56)
}

May 25 2018 6:24 PM UTC

}// 133/140

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

The stroboscopic effect takes a few seconds to spool up

dwitter.net | hope4tg (2466)