Dweets awesomed by u/z3vin

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: #ScaryMovies

show FPS hide FPS share fullscreen

donbright

remix of d/2379 by u/jick

function u(t) {

x.globalAlpha=.008
半=500
x.fillRect(0,0,i=w=2e3,w)
for(i=frame;i--;){
P=t-Math.random()
x.clearRect(2*半+i*T(P),半+i*C(P),8,8)
}

Apr 2 2017 4:03 AM UTC

}// 126/140

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

in the middle of the Bell Curve, there are multitudes.

u/z3vin

Sweet

show FPS hide FPS share 2 remixes fullscreen

magna

remix of d/2384 by u/magna

function u(t) {

c.width|=0;for(j=9;j--;)for(i=100;i--;s=S(t),X=i%5+j*10+s*30,Y=i/5|0,x.fillRect(400+X*10+s**9*T(X^Y)*99,400+Y*10+s**9*T(X&Y)*99,10,10));

Apr 2 2017 3:34 AM UTC

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

creative!
u/donbright

lololol
u/z3vin

ha nice
u/Lazy1337

best base dweet remix
u/Qwitter

Nice!
u/magna

#default #noise #explosion
u/PiggyClone205

Mr Dwitter, I don't feel so good.
u/katkip

Is that the infinity war desintegration meme?
u/Xen

yup ^^

show FPS hide FPS share 1 remix fullscreen

jick

function u(t) {

for (g=0;g<92;g+=.1) {
x.beginPath()
x.fillStyle=`hsl(${g*t*45},50%,50%)`
x.arc(1000+S(g)*300-g*3,680+C(g)*300-g*3,t*3%200,0,6)
x.fill()
}

Apr 1 2017 5:37 PM UTC

}// 138/140

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

u/joeytwiddle

This one is a pretty surprise :)

show FPS hide FPS share fullscreen

z3vin

function u(t) {

r=(n)=>Math.random()*n;w=i=1920;while(i--)x.fillRect(q=r(i),r(T(t)*i),r(z=4),r(z)),x.clearRect(q,q+S(t)*i/1.5,r(1)/6,w/8),x.globalAlpha=.6

Mar 31 2017 8:27 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

fascinating

show FPS hide FPS share 1 remix fullscreen

Jenky

function u(t) {

c.width=c.clientWidth
t?p.map(v=>{x[v[2]?'lineTo':'moveTo'](...v)}):p=[]
x.stroke()
onmousemove=e=>p.push([e.pageX,e.pageY,e.buttons])

Mar 31 2017 1:48 PM UTC

}// 134/140

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

Basic drawing program, not sure if this has been done similarly already, should work cross-browser

show FPS hide FPS share 1 remix fullscreen

Jenky

function u(t) {

w=c.width|=0
for(i=0;++i<99;)z=50+~~(i**2/80),x.font=z+`px a`,x.fillText(['🌲','🌳'][i%2],(S(i)*w+t*z*4)%(w+z)-z,z*5)

Mar 31 2017 11:58 AM UTC

}// 115/140

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

Trees to go along with https://www.dwitter.net/d/2352 :D

Show more comments…
u/Jenky

I challenge someone to combine the two, golfing that is gonna be a doozy
u/z3vin

i love this can you explain: z=50+~~(i**2/80), specifically ~~ and **
u/nonce

~~ is Math.floor() and ** is Math.pow(), I do not understand why you need to floor? Why do you need an integer z? Also i*i is 1 char shorter than i**2 so you could shorten it to: z=50+i*i/80 am I missing something?
u/nonce

FWIW you can have a non integer font size
u/nonce

Golfed a bit, removed the pines (they are evergreen) and added a season: https://www.dwitter.net/d/2361 (autumn)
u/Jenky

Totally missed that, and didn't realise fonts could have floating px. Nice remix, too :D
u/sfz

floating px makes the rendering much slower but it's doable with a reasonable amount of entities
u/nonce

@sfz what about floating em? What is the perf like for that?
u/aemkei

Nice one! Really love the style.
u/aemkei

You can save ~9 bytes:
u/aemkei

for(w=c.width|=i=0;++i<99;)z=50+(i**2/80),x.font=z+px a,x.fillText(i%2?'🌲':'🌳',(i**7+t*z*4)%(w+z)-z,z*5)
u/tapgiles

Very nice!
u/Polyducks

omg haha are these emoji!? That's so smart!!!
u/joeytwiddle

#landscape #parallax #trees
u/micahcowan

#emoji
u/katkip

#perspective

show FPS hide FPS share fullscreen

nystrand

function u(t) {

p=(a,b,d,w=1)=>d>3?x.fillRect(a-w,b-w,d*w,d*w)&p(a,b,d-5)&p(a+b*C(t+d),b+a*S(d)/8,d-4):x.fillStyle=R(d*88,d*a/9,50+d*99,.3);p(a=650,a,60,a)

Mar 29 2017 8:25 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/cantelope

incredible!
u/magna

So pretty!
u/nonce

wow
u/sfz

holy shnikes!
u/donbright

great colors
u/iverjo

#galaxy
u/vain

incredible code and fx. the source is to cryptic for me. XD

show FPS hide FPS share 2 remixes fullscreen

codeslaw

function u(t) {

x.drawImage(c,-10+S(t)*4,0)
i=e=1900;while(i--)x[g='fillText'](['💭','🌎','🍁','👾','😂'][Math.abs(~~(5*S(C(i)*6)))],e-i%20,S(i+S(S(t)))*e)

Mar 29 2017 9:10 AM UTC

}// 134/140

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

Tapestry #1

u/z3vin

nice use of emoji as coloring
u/recursive

That's a very convincing woven rug.
u/sigveseb

very nice! also looks quite different from platform to platform (windows, mac, android, etc)
u/magna

Looks super great on Chrome on macOS.
u/joeytwiddle

#texture #colors #tartan #cloth #material

show FPS hide FPS share fullscreen

donbright

remix of d/1399 by u/Kalanchoe

function u(t) {

c.width^=0
t?o.push({X:1,Y:1,U:S(t),V:C(t)}):o=[]
o.map(a=>{Q=a.X**2+a.Y**2,a.X+=a.U-=a.X/Q,a.Y+=a.V-=a.Y/Q,x.fillRect(a.X,a.Y,9,9)})

Mar 28 2017 1:45 AM UTC

}// 133/140

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

Another fake gravity sim. This time, some particles get slingshotted out of the system, past escape velocity, others teeter on the brink, and others congregate at 0,0. After a while, the screen is full of a bunch of particles leaving, and others coming back in towards the origin.

Show more comments…
u/nonce

your gravity sims are amazing.
u/z3vin

agreed
u/donbright

thanks this site is very inspiring
u/alien

WOW ,Hi what does this mean :D c.width^=0
u/donbright

alien it basically clears the screen to the default width. in detail, i think it is combining "binary xor" with "set equal to", so basically c.width = c.width xor 0, and since anything xored with 0 is itself, its basically setting c.width to itself.
u/donbright

#physics

show FPS hide FPS share 1 remix fullscreen

z3vin

function u(t) {

r=(n)=>Math.random()*n;h=w=1920;with(x)beginPath(),moveTo(0,0),lineTo(r(w),r(h)),stroke(),fillStyle='#fff',fillRect(r(w),r(h*2.5),r(99),h)

Mar 27 2017 4:33 PM UTC

}// 138/140

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

A new dawn... a new day

u/mxfh

no need for setting a white fillstyle when there is clearRect
u/z3vin

@mxfh oh yeah I forgot to change that because I was initially trying to work in other colors... duh :(

dwitter.net | z3vin (1086)