Dweets awesomed by u/tapgiles

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 fullscreen

kchplr

function u(t) {

//plz ignore me
angle=t;
c.width|=0
x.fillRect(960 + C(angle)*250, 510+S(angle)*250, 20, 20);

Mar 8 2017 2:48 PM UTC

}// 93/140

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

u/donbright

whar is the sound of one planet orbiting.

show FPS hide FPS share fullscreen

recursive

function u(t) {

for(c.width&=Y=-64;++Y<64;)for(X=-64;++X<64;x.fillRect(960+X*(12+Y/10),540+Y*8-q,32,32))x.fillStyle=R(q=C((X**2+Y**2)**.5/4+t*8)*64+128,q,q)

Mar 8 2017 5:53 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 more comments…
u/sfz

wow
u/Renaud___

Impressive
u/SpecialAgent

Excellent
u/sigveseb

Now we are talking! Very nice indeed.
u/FireFly

Sweeet :D
u/nick

tight
u/iverjo

Smooth!
u/katur

rocks!

show FPS hide FPS share fullscreen

FireFly

function u(t) {

for(c.width|=0,i=3e3;Y=i-->>6;((X*(Y^X)*(1-C(t/4))/99&15).toString(D=30)>"082ac4e63b19f7d5"[Y%4*4+X%4])&&x.fillRect(X*D,Y*D,D,D))X=i&63

Mar 7 2017 11:21 PM UTC

}// 135/140

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

Dithering as a stylistic effect

u/nick

Fucking tight!
u/joeytwiddle

#diither

show FPS hide FPS share fullscreen

magna

function u(t) {

c.width=96;for(i=9;i--;x.fillRect(20+i*5+S(t)*15,20,2,10));(i=new Image).src=c.toDataURL().replace(t&9,0);try{x.drawImage(i,0,0)}catch(e){}

Mar 7 2017 11:02 PM UTC

}// 139/140

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

Requires Chrome

u/scottglz

That's scary, love it.
u/tapgiles

It's so AWESOME!!
u/magna

It doesn't glitch like it used to, probably after an update to Chrome's JPEG lib or something...
u/magna

#default #glitch

show FPS hide FPS share fullscreen

scottglz

remix of d/1855 by u/scottglz

function u(t) {

with(x){c.width^=0;F=f=>110+S(t*f)*100;for(i=9;i--;beginPath(),lineWidth=250,setLineDash([F(i),F(1)]),arc(-90,-90,270*i,0,2),stroke());}

Mar 7 2017 8:53 PM UTC

}// 136/140

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

u/danjah

this one's great!

show FPS hide FPS share fullscreen

FireFly

function u(t) {

r=140-16*(t<10?t:0);for(U=0;U<44;(r<8?"䃀䀰䜼䚬䶴伙倃匞䖴䚬䞜䆀䁠".charCodeAt(Y-61)>>X-18&1:0)||x.fillRect(8*X,8*Y,8,8))X=120+r*C(U+=.11)|0,Y=67+r*S(U)|0

Mar 7 2017 6:23 PM UTC

}// 140/140

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

Change .11 to another decimal number (e.g. .10 or .13) for a different pattern!

u/magna

What is the nature of the data that you're encoding in that string?
u/FireFly

Just that lil' bitmap in the centre (same way as in other dweets—each bit of each codepoint represents one binary pixel)
u/quate

r=140-16*(t<10?t:0);for(U=0;U<44;(r<8?"䃀䀰䜼䚬䶴伙倃匞䖴䚬䞜䆀䁠".charCodeAt(Y-61)>>X-18&1:0)||x.fillRect(8*X,8*Y,8,8))X=120+r*C(U+=.11)|0,Y=67+r*S(U)|0
u/quate

whoops. sorry.

show FPS hide FPS share fullscreen

Constantin

remix of d/1853 by u/sebbert

function u(t) {

c.width=999;for(a=b=z=0,w=140;z<400;z+=.1)a=S(a*2.4-t)*S(t*2)+C(a+b+t)+C(z*100.34+t),b=C(z*10.56),x.fillRect(a*w+500,b*w+w+w,10,10)

Mar 7 2017 1:42 PM UTC

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

sfz

remix of d/1925 by u/p01

function u(t) {

t/=9
c.style.background='#27a'
for(c.width=i=210;H=u[i]=u[i]||Math.random()*5,i--;)x.fillText([...'🐟🐠🐡🐙👾'][~~H],X=i*T(H-t),i*C(i)-S(X))

Mar 7 2017 9:30 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/SpecialAgent

Anybody knows which font I need to display these characters? :)
u/sfz

They're all in this unicode block: http://www.unicode.org/charts/PDF/U1F300.pdf
u/iverjo

#fish

show FPS hide FPS share fullscreen

FireFly

function u(t) {

for(c.width|=A=16,i=9e3;i--;(X&8?B&2:"<fnvff<Ā~``x```".charCodeAt((B/A&3)*8+Y%8)>>7-X%8&1)&&x.fillRect(A*X,A*Y,A,A))X=i&127,Y=i>>7,B=X+Y+t*8

Mar 6 2017 8:36 PM UTC

}// 140/140

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

00FF. More embedded bitmap fun :)

u/iverjo

Cool!
u/sfz

Going to take a three month sabbatical and figure out how this works.
u/FireFly

Anything in particular that I should explain? It might help to draw the bits of the codepoints in the string literal on a piece of paper, as an 8×15 grid (15 chars, 8 bits per char). Ā is U+100, used to encode 0x00.
u/sfz

Neat trick!

show FPS hide FPS share 1 remix fullscreen

FireFly

function u(t) {

for(c.width|=i=0;i<40;i+=.025)R=S(t)/4+.25,r=.7-R,x.fillRect((A=R+r*S(D=i%1*44+88))*C(E=i+t/10)*480+960,(B=A*S(E)+r*C(D))*340+510,W=4-B*3,W)

Mar 6 2017 12:46 PM UTC

}// 140/140

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

Torus-sphere thing

u/donbright

good one
u/SpecialAgent

excellent

dwitter.net | tapgiles (2740)