Dweets awesomed by u/doof

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

5Mixer

function u(t) {

c.width=2e3
n=50
v=25
for(i=0;i<n;i++){o=-t%1*n
q=i*v+o
x.fillRect(q,q,i%2?n:v,i%2?v:n)
x.fillRect(620,590+Math.min(S(t*6)*99,-t*n%n),n,n)}

Feb 26 2017 6:56 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/Kalanchoe

Aww, this is really cute. <3
u/Tosmatobeef

heh, this just made me smile
u/5Mixer

Thanks you guys, inspires me to make more stuff :)
u/FireFly

This is really cute indeed, I love it :D
u/iverjo

#bounce

show FPS hide FPS share 4 remixes fullscreen

paberr

remix of d/1053 by u/paberr

function u(t) {

w=1920;h=1080;k=window;m=10;l=Math.random;x.fillRect(k.b=(((k.b||(w/2))+(l()>.5?m:-m))%w+w)%w,k.g=(((k.g||(h/2))+(l()>.5?m:-m))%h+h)%h,m,m)

Feb 23 2017 7:00 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/Kalanchoe

wow! here's a 103 byte version if you want to add color or something: w=1920;h=1080;f=()=>Math.random()>.5?10:-10;t?x.fillRect((b+=f()+w)%w,(g+=f()+h)%h,10,10):(b=w/2,g=h/2)
u/iverjo

Looks like this dweet is getting "awesomed" a lot due to an exploit in another dweet
u/lionleaf

#random #walk #random_walk
u/taupelink

#randomwalk

show FPS hide FPS share 17 remixes fullscreen

jczimm

function u(t) {

c.width=1920;
for(i=0;i<300;i++)for(j=0;j<6;j++){x.fillRect(960+200*C(i)*S(T(t/1.1)+j/i),540+200*S(i),10,10)}

Feb 22 2017 5:23 PM UTC

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

Very stylish!
u/ninerdelta

nice!
u/Kalanchoe

truly a compact loading spinner!
u/jczimm

Thanks!
u/serko

Any way to view this fullscreen on an iPhone?
u/tischler

Awesome. Negating t makes it more aerodynamic. =)
u/Valscor

This is so cool!
u/over

This would be an amazing loading animation !
u/katkip

This is so easy to make and it has 297 likes
u/Leodude123

ねあt
u/Leodude123

Neat!
u/Scaledish

Could I use this as a animation for my site?
u/jczimm

Yes! Consider it CC0-licensed

show FPS hide FPS share 4 remixes fullscreen

mxfh

function u(t) {

d=x.getImageData(0,0,w=c.width=256,h=144);for(i=0;i<h;i++)for(j=0;j<w;j++)d.data[(i*w+j)*4+3]=(i-j&j+i)*t%w;x.putImageData(d,0,0)

Feb 20 2017 3:43 AM 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/jim

This is my favorite demo on Dwitter so far
u/mxfh

first draft on documenting the more obvious parts: https://news.ycombinator.com/item?id=13712558
u/hamptonio

pretty sick
u/mxfh

drone audiosoundtrack paste this:
u/mxfh

;new Audio("data:audio/wav;base64,"+window.btoa('RIFF$WAVEfmt data'+x.getImageData(0,128,c.width,32).data.reduce((data,byte)=>data+String.fromCharCode(byte),''))).play()
u/mxfh

//safer encoding: ;new Audio("data:audio/wav;base64,UklGRiQAAgBXQVZFZm10IBAAAAABAAIAAIAAAAAAAgAEABAAZGF0YQAA"+window.btoa(x.getImageData(0,128,c.width,32).data.reduce((data,byte)=>data+String.fromCharCode(byte),''))).play()
u/Xaviaro

Breathtaking!
u/lionleaf

#fractal #recursive
u/Galaxtone

Of you let it run long enough it returns to the original image but sort of pixelated and a little more and it'll return to the original image

show FPS hide FPS share 4 remixes fullscreen

icecuber

function u(t) {

c.width=1920;for(i=24;i--;)for(j=24;j--;)t+=1.7,s=S(t)*((j+i&1)*2-1),x.setTransform(C(t),s,-s,C(t),i*99,j%12*99),x.fillRect(-9,-49,19,99)

Apr 20 2016 4:54 PM UTC

}// 137/140

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

u/lionleaf

Try following the "wave" with your eyes!
u/innovati

This is amazing!
u/vain

amazing and beautiful effect. Nice tricky illusion

show FPS hide FPS share fullscreen

sigveseb

function u(t) {

for(i=4e3;i--;x.fillRect(m+m*s*C(i),960+m*s*S(i)*v,9*s,9*s))v=S(i)<0,x.fillStyle=R(v*(99+(c=155+99*S(t+S(9*i)))),c,!v*c),s=(t+i/(m=250))%9+1

Jan 8 2016 1:46 AM UTC

}// 140/140

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

u/S.T.L.K.R.

This is underrated
u/iverjo

#sun #water
u/joeytwiddle

#sea #ocean #sunset #landscape
u/katkip

I actually was gonna make a similar one before seeing this one

You've reached the end.

dwitter.net | doof (4329)