Dweets awesomed by u/nyarmith

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 1 remix fullscreen

magna

remix of d/1480 by u/magna

function u(t) {

c.width|=0
x.font='50px monospace';
(u+'')
.slice(0,t*3+S(t)*5)
.concat(t*2&1?'|':'')
.split('\n')
.forEach((s,i)=>x.fillText(s,0,++i*50))

Apr 18 2017 1:55 AM UTC

}// 138/140

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

Pair programming nightmare

Show more comments…
u/joeytwiddle

that title made me Lol :D
u/sigveseb

:D
u/Jenky

That's a really clever illusion, love it
u/magna

Heh, thanks! Brought it down to 123 chars in hopes of adding occasional mistakes like skipped characters / typos etc., but couldn't immediately find a way. In case anyone wants to give it a shot: https://www.dwitter.net/d/2522
u/donbright

:o
u/Polyducks

Could you make a random function to skip odd spaces?
u/magna

It has to be a deterministic PRNG so that the places that are skipped are persistent. Otherwise, it would just look like a random flipping of characters. I thought about it, but couldn't immediately find a short solution.
u/Polyducks

That's a great point. Dwitter is such a mind twister!
u/highfestiva

Groovy baby!
u/magna

#quine
u/joeytwiddle

#funny

show FPS hide FPS share fullscreen

codeslaw

function u(t) {

for(c.width|=0,i=6;i<10;i++){for(e=0;e<352;++e){
x.arc(e*7-400,S(e/194)*i*130-300,99+C((e-t*35)/i)*C(e/10)*20,7,0)}x.stroke();x.beginPath()}

Mar 12 2017 10:05 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/recursive

Lumpy intestines?
u/codeslaw

Aren't we all? :D

show FPS hide FPS share 2 remixes fullscreen

nystrand

function u(t) {

for(l=c.width=512,a=C(t),b=S(t);l--;x.fillRect((k-a*a*i-b*a*j+b/a)*z+300,(a*i+b*j+a*k)*z+99,d=.2*z/a,d))i=l>>6,j=l>>3&7,k=l%8-4,z=20+b*i-a*j

Mar 8 2017 6:20 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/sigveseb

This is good
u/FireFly

Woah, very nice!
u/p01

Ace!
u/donbright

cool 3d
u/Lazy1337

#d3
u/Lazy1337

#cube

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 fullscreen

tomkh

function u(t) {

for(c.width=i=1920;i--;){for(h=63&i,v=i>>6,e=k=g=30;k--;)r=S(k-t)+1-h/g,d=C(3*k+t)+1-v/g,d=d*d+r*r,e=e>d?(s=k,d):e;x.fillRect(h*g,v*g,s,s)}

Mar 5 2017 7:47 PM UTC

}// 139/140

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

u/sfz

What alchemy is this?
u/tomkh

just a brute-force Voronoi Diagram
u/donbright

WOWWWWW
u/magna

How in the ...
u/Xen

131bytes: for(c.width=i=1920;i--;x.fillRect(h*g,v*g,s,s))for(h=63&i,v=i>>6,k=e=g=30;k--;e=e>d?(s=k,d):e)d=C(3*k+t)+v/g,d=d*d+r*(r=S(k-t)+h/g)
u/Xen

131bytes: for(c.width=i=1920;i--;x.fillRect(h*g,v*g,s,s))for(h=63&i,v=i>>6,k=e=g=30;k--;e=e>d?(s=k,d):e)d=C(3*k+t)+v/g,d=d*d+r*(r=S(k-t)+h/g)

show FPS hide FPS share 1 remix fullscreen

recursive

function u(t) {

c.width=256;
for(X=255;X--;)for(Y=144;Y--;)
if((q=C(X/8+C(t*7))+C(Y/8+S(t*8))-C(t*3)*2)>0?q<.2||X+t*30&4:Y+t*30&4)x.fillRect(X,Y,1,1)

Mar 5 2017 6:27 PM UTC

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

veubeke

function u(t) {

for(i=1920;a=i--/400;x.fillRect(i,400+t*70+_*15,1,99))_=C(a+t)*3+C(a-t)*8+(r=i*i/t%1),
x.fillStyle=`hsl(${140-t*4+_},80%,${40-t*2-_-r*9}%)`

Mar 5 2017 5:05 PM 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/iverjo

Nice :) This reminds me of the classic Windows XP desktop background image
u/sigveseb

very nice! can we squeeze in a blue sky?
u/veubeke

I’m trying ^^
u/magna

Not enough Unicode cows. Back to work!
u/Beginner

Amazing!
u/FENRIR

windows xp start up sound went to my head
u/iverjo

#grass
u/joeytwiddle

#landscape
u/vain

Cool and interested way to draw this landscape!

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 2 remixes fullscreen

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*2.34+t),b=C(z*1.56),x.fillRect(a*w+500,b*w+w+w,2,2)

Mar 4 2017 12:59 AM UTC

}// 126/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/donbright

woah!
u/SpecialAgent

Energize!
u/FireFly

This one is really cool o.o
u/FireFly

I would love an explanation or pointer about the maths going on here… in particular I don't understand why the 1.56 constant for the b= is so sensitive. It looks like an approximation of π/2, but all of π/2, 1.57 and 1.5 behave vastly differently/more chaotically. So what's the relationship between these numbers/how is 1.56 derived?
u/tapgiles

What the... @.@ Looks so detailed!
u/joeytwiddle

Some other constants with similar behaviour: 1.17, 2.34, 3.12, 3.51, 3.90, 4.68, 6.24
u/joeytwiddle

And a few with different behaviour: 3.08, 6.05 (!), 6.35

show FPS hide FPS share 3 remixes fullscreen

New_Core

function u(t) {

c.width=1920;for(i=16;i--;)x.ellipse(1e3+300*S(t+i*.1),500+50*C(t+i*.1),160*S(-i*.5)+160,50*S(i*.1)+5,1.6+.5*S(t*.5),9.5,0,6.3);x.stroke();

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

wow creative!
u/sfz

reduced it by about 15 bytes in case you want to try to do something else with the extra room: c.width|=0;for(i=16;i--;)x.ellipse(1e3+300*S(t+i/9),500+50*C(t+i/9),160*S(-i/2)+160,50*S(i/9)+5,1.6+S(t)/2,9,0,7);x.stroke()
u/iverjo

So good!
u/sigveseb

is that a pseudo-3D fish? super nice!
u/donbright

marvellous
u/magna

WAAAAT
u/SpecialAgent

Magnificent depth!
u/joseprio

Really impressive :)
u/Kalanchoe

Amazing!
u/ArtsyBiker1

WHOA
u/gautjac

beautiful
u/21medals

Reduced it ±20 bytes and added beginPath() without changing any values:
u/21medals

for(c.width|=i=16;a=i--/10;x.stroke())x.beginPath(),x.ellipse(1e3+300*S(t+a),500+50*C(t+a),160*S(-i/2)+160,50*S(a)+5,1.6+S(t/2)/2,9.5,0,6.3)
u/New_Core

#fish
u/joeytwiddle

#model
u/Cloud

https://www.dwitter.net/d/17352
u/vain

incredible 3d fish

dwitter.net | nyarmith (5159)