Dweets awesomed by u/ellisk1

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

DataMeta

remix of d/8735 by u/DataMeta

function u(t) {

for(i=60;i--;)o=i*4.4,x.lineWidth=i,x.fillStyle=R(o-16,o+16,o+32,),x.beginPath(),x.arc(960+t*S(T(i))*i,540+C(T(i))*i,256-t*t,0,7),x.fill()

Jun 28 2018 4:01 AM UTC

}// 138/140

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

Gemstone

u/firegodjr

Ooo, nice
u/magna

#waitforit
u/sigveseb

Niiice!

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

x.fillRect(0,0,c.width=w=255,w)
for(i=99;i--;x.fill(x.arc((t*b*i+i*i)%w,99+b,5+b/5,!x.beginPath(),7)))b=i&1?1:-1,x.fillStyle=R(w,b*w,b*w,.2)

Jun 26 2018 3:22 AM UTC

}// 140/140

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

Highway at night #bokeh

u/lionleaf

I like it! #traffic
u/magna

2 chars shorter, yellow headlights: with(x)for(i=fillRect(0,0,c.width=w=255,w)|99;i--;fill(arc((t*b+i)*i%w,99+b,5+b/5,!beginPath(),7)))b=i&1?1:-1,fillStyle=R(w,b*w,b*w*.8,.2)
u/aleamb

absolutely beautiful, magna
u/joeytwiddle

Love it. Reminds me of Mercury - The Timeless. Would be great to get some z-axis going.
u/magna

Thanks folks!

show FPS hide FPS share 1 remix fullscreen

jylikangas

function u(t) {

c.width=900
for(j=9;j--;x.beginPath())for(a=T(t/j),i=16;i--;x.stroke())x.lineTo(200+j*60+S(t)*99+S(a+=(7-i)%2*11)*25,240+(i%4>>1)*99+C(a)*9)

Jun 24 2018 9:58 AM UTC

}// 140/140

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

Wireframe #default

Show more comments…
u/aleamb

greeeeat!
u/magna

YAY!
u/joeytwiddle

Brilliant
u/donbright

my gosh....
u/vain

great work / code !
u/joeytwiddle

That's not a #cube, it's eight cuboids!

show FPS hide FPS share 2 remixes fullscreen

DataMeta

remix of d/8412 by u/DataMeta

function u(t) {

p=Math.PI;r=Math.random();for(i=0;i<300;i++)x.fillStyle=R(i,i,i),x.fillRect(960+p*i*S(t+i*.9),540+S(t/7+i/p)*i*1.559,T(t/2)*r*2,T(t+i)*r*2)

Jun 22 2018 2:42 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/magna

Very stylish!
u/Xen

i love it!

show FPS hide FPS share 3 remixes fullscreen

New_Core

function u(t) {

for(b=c.width|=i=40;i--;x.fill())x.beginPath(),x.fillStyle=`hsl(${i*i},99%,50%)`,x.ellipse(i*199%b+99*S(a=t+i),1200-a*i*20%1300,80,99,0,0,7)

Jun 12 2018 5:06 PM UTC

}// 140/140

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

Almost balloons..

u/lionleaf

#baloons #colorful

show FPS hide FPS share 1 remix fullscreen

DataMeta

function u(t) {

c.width=1920;g=1.618;for(i=0;i<27;i++){for(j=0;j<15;j++){x.fillStyle=R(i*8+j*8,0,255-j*8);x.fillRect(i*71,j*71,68*S(t*g-j),68*S(t*g-i))}}

Jun 7 2018 9:32 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 1 remix fullscreen

veubeke

remix of d/8399 by u/veubeke

function u(t) {

d=new Date%2
for(H=a=60;a--;)for(b=H;b--;x.fillRect(a+t*60%32*H,y,2,2))y=(d?H-a:a)/2+b+(t*60>>5)*30-H,x.fillStyle=R(255-y/5,b&&(d+3)*60-b)

Jun 5 2018 9:04 PM UTC

}// 138/140

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

Show more comments…
u/Xen

Love it!
u/yokljo

new Date%2 is incredible
u/lionleaf

Amazing! #maze
u/pythech

dope
u/magna

Veubeke strikes again.
u/katkip

A-maze-ing
u/katkip

#d3

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

for(x.fillRect(0,i=-9,W=2e3,W);++i-9;)for(j=28;j-->9;x.clearRect(960-i*700/j,700-W/j*T(t/2-(q<9||q)/99),300/j,150/j))q=T(i*j+t/j)

May 15 2018 8:12 PM UTC

}// 129/140

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

Shattering floors

u/jylikangas

Inspired by http://sid766.tumblr.com/post/172062394600

show FPS hide FPS share 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/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!

dwitter.net | ellisk1 (8783)