Dweets awesomed by u/taupelink

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 fullscreen

DataMeta

remix of d/4256 by u/danr

function u(t) {

p=Math.PI;for(i=0;i<1080;i++){s=i==0?2920:9;x.fillStyle=R(i,i,i,.1);x.fillRect(S(t/p-t)*600*T(S(i%p-t))+960*(i==0?-1:1)-56,i*S(t+i),s*7,s);}

May 28 2018 7:31 PM UTC

}// 140/140

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

props to the community for providing such rich material to remix

u/uchenna

i have been trying to implement this on my project please help me, thanks

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

t?c.width=-1:a=1
a+=(t%6)-3
x.arc(300+a,119-68*S(2*t%3.16),50,0,7)
x.stroke()
x.clip()
x.font="6cm A"
x.fillText("Dwitter",200*S(t)-200,160)

May 11 2018 9:01 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/uchenna

please i'm new to javascript how can i use this code on my project
u/sigveseb

this is a cool one!
u/prplz

Nice! I didn't know about clipping
u/BuRRak

Cool! By commenting out clip you see what is going on a bit more!‮
u/fujimotos

#text
u/13thptr

#clip

show FPS hide FPS share fullscreen

trancor

remix of d/7988 by u/trancor

function u(t) {

d=(j,r)=>{x.beginPath(),x.arc(j*4+S(t*3+r)*r,T(t)*r+r*5,S(t+=j&6)*r/5+r,0,7),x.fill(),r>2&&(r/=2,d(j-r,r),d(j,r))}
d(w=(c.width=999)/2,600)

May 5 2018 8:08 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 2 remixes fullscreen

jylikangas

function u(t) {

for(c.width=i=-9;++i<9;R=a=>x.lineTo(150+a*99/(z=j-t%1),z+90+(99+T(j+t&a+9|8)+a*a)/z))for(j=12;x.beginPath(x.stroke()),R(i),--j;R(i+1))R(i)

May 4 2018 7:27 PM UTC

}// 139/140

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

Wireframe World

Show more comments…
u/iverjo

So good!
u/firegodjr

jylikangas at it again with the golden dweets :D #wireframe #perspective
u/aleamb

epic dweet!
u/jylikangas

http://jsriffs.blogspot.com/2018/05/making-o…
u/donbright

speechless
u/vain

can you hear the 80th retro synth music? :D Cool work

show FPS hide FPS share fullscreen

trancor

remix of d/7905 by u/trancor

function u(t) {

c.width=999,w=540,t?m=[w+S(t)*340,w]:p=[];p.push([[...m],5]),p.map((z,i)=>{k=z[0],k[0]+=S(i+t),k[1]-=z[1]+S(i*8),x.lineTo(...k),x.stroke()})

May 4 2018 1:02 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/firegodjr

#smoke #wireframe
u/hollo47

Abstract smoke! Nice! Could look nice if it left a trail?
u/joeytwiddle

Tried shadowBlur but very heavy. Trails look better anyway: x.fillStyle='#fff3',t?x.fillRect(0,0,999,800):c.width=999;x.beginPath();w=540,t?m=[w+S(t)*340,w]:p=[];p.push([[...m],5]),p.map((z,i)=>{k=z[0],k[0]+=S(i+t),k[1]-=z[1]+S(i*8),x.lineTo(...k),x.stroke()})
u/trancor

Oooo, I like that, great idea! I'll have to try incorporating that into a remix. Thanks joeytwiddle!

show FPS hide FPS share 1 remix fullscreen

trancor

remix of d/7820 by u/trancor

function u(t) {

!t?h=(c.width=w=99)+5:0;s=S(t)*9+29;for(i=0;i<w*h;i+=7){j=i%w;k=i/w;x.fillStyle=R(C(t+S(j+k/3)*C(i*k)*3)*255,0,k,.1);x.fillRect(j-6,k,s,s);}

Apr 27 2018 1:18 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/joeytwiddle

mmm nice #texture
u/Agnes

"That's gotta be... that's gotta be Kane!"
u/aleamb

nice!

show FPS hide FPS share 1 remix fullscreen

Agnes

function u(t) {

for(w=c.width|=i=9;i--;)x.rect(400+i*100+S(t)*300,400,50,200);x.clip();for(i=1e3,A=Math.random;i--;x.arc(w*A(),1080*A(),3*A(),0,7));x.fill()

Apr 25 2018 9:40 AM UTC

}// 140/140

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

Noisy default

show FPS hide FPS share 3 remixes fullscreen

anthonylewis

remix of d/7659 by u/New_Core

function u(t) {

w=c.width^=0
for(i=30;i--;)
Z=w/(i-t%2+1),x.rect(-Z/2+960,-Z/2+540,Z,Z),x.stroke()

Apr 20 2018 12:16 AM UTC

}// 82/140

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

A simple tunnel to use a base for future effects (hopefully)

u/jylikangas

You can use strokeRect here. Golfed to 71b... for(w=c.width|=i=30;i--;x.strokeRect(960-Z/2,540-Z/2,Z,Z))Z=w/(i-t%2+1)
u/magna

#tunnel

show FPS hide FPS share 1 remix fullscreen

firegodjr

function u(t) {

c.width=1920
for(y=0;y<38;++y)for(d=0;d<2;++d,x.fill()){x.beginPath();for(w=0;w<33;++w){x.lineTo(60*w,S(t+(y+d)/5+w/2)*50+30*y+30*d-25)}}

Apr 13 2018 6:06 PM UTC

}// 137/140

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

u/elochimsiemasz

Wow
u/loni_art

trippy!"
u/jylikangas

Cool! Here's the same with 120bytes if your or someone wants to add color...for(c.width|=y=38;y--;)for(d=2;--d;x.fill(new Path2D(V)))for(V='M',w=33;w--;)V+=[60*w,S(t+(y+d)/5+w/2)*50+30*y+30*d]+'L'
u/firegodjr

Thanks for the golf, I'm afraid Path2D strings are a bit over my head at the moment, but I did manage to golf it to 108 chars without using them. :)

show FPS hide FPS share 1 remix fullscreen

fervour

function u(t) {

p=40;for(i=48;i--;)for(j=27;j--;){c=(C(i/3+t*3)+S(C(j/4)+t*5)+S((i+j+t*9)/12))*50;x.fillStyle=`hsl(${c},99%,${c}%)`;x.fillRect(i*p,j*p,p,p)}

Mar 28 2018 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).

u/iverjo

Plasma!
u/DirtyDan

Remixed: d/7527

dwitter.net | taupelink (50782)