Dweets awesomed by u/Cloud

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

scottglz

function u(t) {

for(X=71;X--;)for(Y=40;Y--;)x.fillStyle=X<24&Y<21?Y%2|X-Y&3|!Y|!X|Y>18?'#00f':f:Y/3&1?f='#fff':'red',x.fillRect(X*25,(Y+S(X/9+t))*25,25,25)

Mar 18 2017 5:00 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/sfz

can't believe you did it!
u/magna

I salute this dweet.

show FPS hide FPS share 2 remixes fullscreen

veubeke

function u(t) {

t?_[Math.random(B=c.width^=0)*6|0]++:_=[0,0,0,0,0]
x.font='100px O'
_.map((v,i)=>x.fillText('🐌',110+v,$=200+i*179,x.fillRect(0,$-130,B,4)))

Mar 17 2017 10:17 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/sigveseb

Lol!
u/veubeke

Fun hack: using *6 instead of *5 for the index adds a 6th element containing NaN. The 6th line is visible but not the snail because drawing the snail involves the NaN value.
u/gabrielsroka

neat, but are the snails going backwards?
u/innovati

you're too silly :3
u/tapgiles

What's with the _?
u/veubeke

@gabrielsroka: if you have an emoji font with a snail looking left then they’re going backwards, yes
u/lionleaf

Going backwards on my phone, but forwards on my laptop. This should be part of the snail emoji spec!!
u/veubeke

I’ll bring it up at the next snail emoji consortium meeting.
u/gabrielsroka

lol, they're soooo slow, they're going backwards. and yes, mine look left
u/gabrielsroka

according to http://emojipedia.org/snail/ Apple is in the minority, and Windows 8.1 looks left
u/magna

On my computer, the best snail always wins.
u/ilSilvano

Great idea! :-D
u/iverjo

#random
u/micahcowan

#emoji #snailrace

show FPS hide FPS share fullscreen

sfz

function u(t) {

c.width|=h=540
z=S(t)
for(j=3;j>0;j-=.1)for(i=44;i--;)x.fillText(0,h*(2+S(j)**.3*(S(i)*C(t)+C(i)*z)),h*(.3+j/2+(C(i)*C(t)-S(i)*z)/(9+5*z)))

Mar 15 2017 6:10 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/donbright

love the three d. i changed 'filltext(0 to filltext(i and went cross-eyed trying to figure out the pattern
u/sfz

Haha probably easier to figure out if you reduce the initial i to 6 and bump it up by 6 til you hit 44

show FPS hide FPS share fullscreen

nick

function u(t) {

w=20;r=4;for(j=1;j<53;j++)for(i=1;i<95;i++){a=i*(.5*C(5*t)+1)/95;x.fillRect(w*i,w*j,w,w);x.fillStyle=R(i*r,j*r,258*a)}

Mar 9 2017 11:42 PM UTC

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

netgrind

function u(t) {

w=960
c.width=w*2
x.beginPath()
x.lineWidth=5
for(i=0;i<6.28;i+=.0628){
p=i+t*.2
x.moveTo(C(p)*w+w,0)
x.lineTo(S(p)*w+w, 1080)
}
x.stroke()

Mar 9 2017 10:13 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/donbright

elegant!
u/jsizzle

awesome

show FPS hide FPS share fullscreen

bga_

function u(t) {

for(n=16,W=c.width|=p=0;++p<64*n;)r=Math.exp(U=(p&64?63-p%64:p%64)/9),x.lineTo(W/2+S(a=U+t+6.28*(p>>6)/n)*r,c.height/2+C(a)*r);x.fill()

Mar 9 2017 5:25 PM UTC

}// 135/140

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

Hypnos! n = count of segments / 2

u/iverjo

Very nice!
u/iverjo

#spiral #opticalillusion
u/384.cz

AWESOME
u/384.cz

AMAZING

show FPS hide FPS share 3 remixes fullscreen

recursive

remix of d/1976 by u/recursive

function u(t) {

for(d=256;--d;)for(X=-32;++X<32;x.fillRect(960+X*8e3/d,100+7e4/d-h,120,9))x.fillStyle=R(h=(C(a=d/9+t*6)+C(X/9+a/3))*35,g=h+C(X^d)*6+90,g/.8)

Mar 9 2017 12:33 AM UTC

}// 140/140

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

Bluer waves

Show more comments…
u/sfz

Incredible
u/sigveseb

Epic
u/FireFly

This is crazy, great stuff :D
u/iverjo

Best water on dwitter thus far!
u/iverjo

I also tried to achieve this some time ago, but yours is much more convincing
u/iverjo

https://www.dwitter.net/d/65 and https://www.dwitter.net/d/254 and https://www.dwitter.net/d/295 and https://www.dwitter.net/d/366
u/recursive

Your idea gives really great color to the surface. I wonder if it's possible to animate the colors using your idea, and the wave geometry and lighting using mine.
u/magna

(ノಠ益ಠ)ノ彡┻━┻
u/Renaud___

very very nice
u/jsizzle

Seriously amazing. Wow
u/SpecialAgent

Bravo
u/ideokan

i am a web developre, feeling like a dumb monkey in here
u/PiggyClone205

Welcome to the club, ideokan.
u/Godcranberry

This sis amazing, totally my favorite
u/Godcranberry

is* mb fam
u/iverjo

#water
u/hollo47

#ocean
u/katkip

#waves
u/vain

Very nice and lovely wave

show FPS hide FPS share 1 remix fullscreen

tomkh

function u(t) {

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

Mar 5 2017 7:34 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/FireFly

Sweet! I need to read up on how to metaballs
u/SpecialAgent

Nice!
u/donbright

great!!!
u/iverjo

Impressive!
u/iverjo

#metaballs
u/vain

This looks so fucking cool! Unbelievable this is produced by only 140 chars of code

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

farter

remix of d/1862 by u/farter

function u(t) {

t||(f=0,s=1);s<<8&f||s>>24&255?(f|=s,s=1<<new Date,f>>24==-1&&(f<<=8)):s<<=8;c.width=63;for(i=32;i--;)(f|s)&1<<i&&x.fillRect(i%8*8,i&~7,7,7)

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

fixed initial field f=0, and saved 2 bytes according to FireFly's suggestion!

dwitter.net | Cloud (15470)