Dweets awesomed by u/PiggyClone205

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

MrM@_S

function u(t) {

t?E.onchange=e=>x.fillText(e.target.files[0].size+" B",9,9):(E=document.createElement`input`,E.type="file",c.onclick=e=>E.click(c.width=99))

Jun 17 2017 4:24 PM UTC

}// 140/140

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

Click the canvas and upload a file. This gives the exact size in bytes

u/PiggyClone205

Neat,
u/MrM@_S

#tool
u/Purpzie

whAaaAtt the heck that's cool

show FPS hide FPS share fullscreen

jick

remix of d/2706 by u/jick

function u(t) {

x.drawImage(c,-9,-4,1938,1088);r=Math.random;x.fillStyle=`hsl(${r()*255},100%,40%)`;x.fillRect(910+r()*100,490+r()*100,20,20)

May 9 2017 10:30 PM UTC

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

MrM@_S

function u(t) {

onkeyup=e=>frame=0
t||(c.width=600)
onmousemove=e=>{E=e.pageX,X=e.pageY}
onmousedown=e=>T=!T
T||x.lineTo(E,X)
x.drawImage(c,200,!x.stroke())

Apr 27 2017 5:21 PM UTC

}// 140/140

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

[drawing tool] Click to turn off draw. Click again to draw a straight line to your mouse. Press any key to clear. It draws in 3 screens

u/iverjo

#interactive

show FPS hide FPS share 5 remixes fullscreen

mxfh

remix of d/2327 by u/nonce

function u(t) {

with(x)font='9em s',fillStyle=`hsl(${S(t*8)*180},90%,${t%.3<.1?70:0}%)`,fillText('ᗋ',905,560),drawImage(c,-20,-10,1960+S(t),1100)

Mar 28 2017 12:00 PM UTC

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

hey, which way to the rave? oooohhhhhhHhhhHhhHhHhhh...
u/sigveseb

cool tunnel :D
u/recursive

Reminds me of clockwork orange.
u/nonce

Love it! did a quick remix with the Russian П in sans-serif just to see what a tunnel might look like: https://www.dwitter.net/d/2332 and got a weird thing happening on the floor. :-)
u/mxfh

Trigrams ☱ and 🀹 Domino tiles work great too. Still if anyone could offer a 1D Noise/Pattern method for pure slit-scan goodness? https://vimeo.com/41747091
u/donbright

Ffonzie's favorite dweet
u/nonce

holly molly: ∩
u/hjroh0315

...So this is what we call a wardrobe malfunction.
u/iverjo

#tunnel
u/mxfh

#trippy #cavern
u/mxfh

#trippy #cavern
u/mxfh

#trippy #cavern

show FPS hide FPS share fullscreen

donbright

remix of d/2298 by u/keithclark

function u(t) {

for(a=c.width^=0;d=C(--a+t)*S(b=a/t/t),e=T(a+t)*S(b);x.fillRect(d*h+960,C(b)*h+540,i=h/40-5,i))h=900/(2-e),x.fillStyle=R(a,h/a,(h/b)%256);

Mar 26 2017 1:25 AM UTC

}// 139/140

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

this dweet is dedicated to Lynda Obst, a producer of Interstellar

u/tapgiles

Would love to see a slowed-down version of this...
u/donbright

unfortunately i dont understand it enough to make an easy slowdown! divding t by a number is not enough

show FPS hide FPS share 1 remix fullscreen

mxfh

remix of d/855 by u/mxfh

function u(t) {

r=480;c.width=r*4;λ=t;for(φ=a=Math.PI/2;φ>-a;φ-=a/r/2){λ+=a;x.arc(C(φ)*S(λ-t)*r+2*r,(C(t+=a/r)*S(φ)+S(t)*C(φ)*C(λ-t))*r+r,a,-a,a)}x.fill()

Mar 15 2017 3:12 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/sfz

wtf!
u/donbright

the reflection thing is great!
u/recursive

wow, what?
u/sfz

shaved some bytes by replacing Math.PI/2 with 1.57, have fun remixing!
u/sfz

Also r=480;c.width=r*4 to c.width|=r=480 ... down to 130
u/mxfh

c.width|=r=540 for(λ=φ=a=1.57;φ>-a;)x.arc(C(φ)*S(t-λ)*r+960,(C(t+=a/r)*S(φ)+S(t)*C(φ-=a/r/2)*C(λ-t))*r+r,0,λ+=a,0) x.fill()
u/mxfh

thanks, using the angle offsets in arc gives another two possible spots for variable assignment at a radius of 0, so you get something equivalent at 123
u/sigveseb

Is that the same reflection technique as in https://www.dwitter.net/d/915 ?
u/mxfh

should be, I assume it's that negative winding on polygons messes with the fill rule evaluation
u/mxfh

just to clarify, fill rules looks allright, it's really just non-covered areas due to the zig-zagging of the fill. try a lower decrement like φ-=a/r*8 to see the more graspable source of the effect
u/mxfh

#arc

show FPS hide FPS share fullscreen

aemkei

function u(t) {

c.width^=0;for(Y=12;Y--;)for(X=12;X--;)(1<<X)&[,396,82,66,76,80,76][Y]||x.fillRect(1190-X*50+S(t+X/10)*30,700-Y*50+C(t*3+X/4)*30,36,36)

Mar 10 2017 7:55 PM UTC

}// 135/140

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

u/donbright

lol i salute this flag
u/joeytwiddle

#flag
u/atgz

#logo

show FPS hide FPS share fullscreen

hypothete

function u(t) {

d=1920;e=1080;
f=Math.random;
g=(t%e);
x.font=g+'px Arial';
x.fillText('🐞',d*f()-g/2,e*f());

Mar 10 2017 6:55 AM UTC

}// 93/140

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

u/PiggyClone205

L A D Y B U G

show FPS hide FPS share 1 remix fullscreen

FireFly

function u(t) {

for(c.width|=M=Math,i=2e4;i--;x.fillRect(A*8,B*8,W=9+M.atan2(M.sqrt(1-X*X-Y*Y),X)*3-t*4&7^4-M.asin(Y)*3,W))X=(A=i%135)/67-1,Y=(B=i/135)/67-1

Mar 4 2017 6: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).

Raycasted rotating sphere with UV-mapping!

Show more comments…
u/sfz

... ??? !!!
u/iverjo

Impressive! I like the c.width|=M=Math hack. Apparently Math is evaluated to NaN in the process.
u/iverjo

http://stackoverflow.com/a/11037887/2319697
u/alien

god... i can't understand this yet but is awesome...
u/sigveseb

So good!
u/donbright

standing ovation
u/tomkh

great job! some tricks here really opens new possibilities
u/mxfh

you can do M.sqrt() with ES6 power operator as **.5 should yield a net gain of 2 chars
u/FireFly

Oh right! I haven't gotten used to it yet since I'm on Fx51, which doesn't seem to support ** yet. Thanks!
u/FireFly

Oh, and also thanks for all the positive responses, everyone :)
u/iverjo

#sphere
u/lionleaf

#disco
u/f8f82804

#halftone #dithering #shading

show FPS hide FPS share fullscreen

quidnovum

remix of d/888 by u/jczimm

function u(t) {

c.width^=0;d=0.15;r=4;for(i=-r;i<r;i+=d)for(j=-r;j<r;j+=d){a=[i,j,C(i+t)+S(j+t)];x.fillRect(960+150*(C(0)*a[0]+S(t)*a[1]),540-150*a[2],7,7)}

Mar 2 2017 7:09 PM UTC

}// 140/140

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

u/sfz

such a cool effect!

dwitter.net | PiggyClone205 (2038)