Dweets awesomed by u/cantelope

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

donbright

remix of d/2333 by u/Jenky

function u(t) {

r=Math.random
t?(p=s[d%2]+=(d/2<1?4:-4),s[d%2]=p>800?0:p<0?800:p,x.fillRect(...s,8,8),d=((~~(C(t)*4)))%4):(s=[96,96],d=0)

Mar 31 2017 2:07 AM UTC

}// 121/140

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

based on Jenky's brilliant drawing program in dwitter, i removed the human element and substituted cosine. I like the simple pattern it makes and the way it slowly, hesitantigly draws it. The squares don't overlap for several minutes. Thanks @Jenky

u/cantelope

seems like you could remove r=Math.random :3
u/donbright

lol oops
u/alien

wow

show FPS hide FPS share fullscreen

nonce

function u(t) {

c.style.filter='invert('
f=frame/90,m=960,n=540,E=500,V=362
x.moveTo(m-V*S(v=f*13),n+V*C(v))
x.lineTo(m-E*S(e=f*8),n+E*C(e))
f<6&&x.stroke()

Mar 30 2017 6:34 AM UTC

}// 140/140

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

This is inspired by this reddit post: https://www.reddit.com/r/woahdude/comments/6…

u/nonce

Direct link to gif: https://i.imgur.com/ysaLqAf.gif
u/sfz

cool idea :} https://www.dwitter.net/d/1811
u/sfz

neat invert trick!
u/donbright

very cool but invert doesnt seem to work on ffox
u/nonce

Oh wow, did not see https://www.dwitter.net/d/1811 very cool trick drawing 1/2 a line per frame!

show FPS hide FPS share fullscreen

cantelope

function u(t) {

x.drawImage(c,-9,-4,c.width+18,c.height+8)
x.fillStyle=`hsl(${t*99},99%,50%`
s=C(t)*99
for(i=6;i--;x.fillRect(960+S(++t)*s,540+C(t)*s,9,9));

Mar 30 2017 3:49 AM UTC

}// 140/140

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

inspired by the recent work of others. not sure who to credit. everyone i guess!

u/cantelope

looks like nonce might have been the pioneer of this technique. cheers!
u/recursive

Looks like Winamp visualizations ca 2000
u/donbright

cool beans

show FPS hide FPS share fullscreen

5Mixer

function u(t) {

w=1920
for(i=0;i<99;i++){a=Math.random()*w
b=Math.random()*w/2
x.fillStyle=R(a/w*256,b/w*256,S(t)*100)
x.fillRect(a,b,100,100)}

Mar 29 2017 11:36 PM UTC

}// 127/140

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

u/cantelope

cool. gradients
u/donbright

love this roughness
u/5Mixer

Cheers :)

show FPS hide FPS share 1 remix fullscreen

aemkei

remix of d/2330 by u/mxfh

function u(t) {

with(x)fillStyle=`hsl(${S(t)*180},100%,${t%.2<.1?50:0}%)`,arc(905,560,90,0,8),fill(),drawImage(c,-20,-10,1960+S(t),1100+C(t+2))

Mar 29 2017 9:13 PM UTC

}// 127/140

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

All based on MXFH's https://www.dwitter.net/d/2330

show FPS hide FPS share fullscreen

nystrand

function u(t) {

p=(a,b,d,w=1)=>d>3?x.fillRect(a-w,b-w,d*w,d*w)&p(a,b,d-5)&p(a+b*C(t+d),b+a*S(d)/8,d-4):x.fillStyle=R(d*88,d*a/9,50+d*99,.3);p(a=650,a,60,a)

Mar 29 2017 8:25 PM UTC

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

incredible!
u/magna

So pretty!
u/nonce

wow
u/sfz

holy shnikes!
u/donbright

great colors
u/iverjo

#galaxy
u/vain

incredible code and fx. the source is to cryptic for me. XD

show FPS hide FPS share fullscreen

Jenky

function u(t) {

c.width=c.clientWidth
t?onmousemove=e=>m=[e.pageX,e.pageY]:p=m=[0,-9]
p.map((e,i)=>p[i]+=(m[i]-e)*.1)
x.font="2em a",x.fillText('🐱',...p)

Mar 29 2017 3:33 PM UTC

}// 137/140

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

Him chase the mouse 🐭

u/donbright

is this one of the first dwitter games? ? ? ?

show FPS hide FPS share 1 remix fullscreen

cantelope

function u(t) {

x.fillRect(0,0,2e3,2e3);for(i=5e3;i--;Z=130-(t*40+i)%130,s=280/Z,x.clearRect(960+1/Z*(-99+i*6e72%199)*700,540+(-70+i*8e61%140)/Z*700,s,s));

Mar 29 2017 6:05 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/aemkei

Whaa, this is the best starfield here, so far! Good job!
u/cantelope

Thanks aemkei! I see a couple missed opportunities tho. might try again. :)
u/tapgiles

That takes me back to... around 1995. ^^
u/cantelope

#starfield #stars

show FPS hide FPS share fullscreen

nonce

remix of d/2311 by u/Lappi

function u(t) {

c.width=1920;x.font='9em Arial';
for(i=0;i<360;i++)
x.fillStyle=`hsl(${i*t/10},99%,50%)`,
x.fillText('▒▒',i*5,S(i*5+t*i/200)*400+600);

Mar 29 2017 4:55 AM UTC

}// 135/140

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

u/tapgiles

Great idea to add texture!
u/donbright

fascinating patterns going on here! i like to contrast the left w the right

show FPS hide FPS share fullscreen

scottglz

remix of d/2329 by u/sfz

function u(t) {

x.fillRect(0,0,z=1e9,z);for(i=h=540;i--;x.clearRect(2*h+2*o.x*O-o.y*I,h-o.y*O-o.x*I/3,7,4))I=S(t-i),O=C(t-i),o=t?u[i]:u[i]={x:z*i%h,y:z/i%h}

Mar 29 2017 1: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).

The stars cried out for spacification

u/sfz

sweet!
u/donbright

super
u/Cloud

#fly

dwitter.net | cantelope (61705)