Dweets awesomed by u/rep_movsd

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

New_Core

remix of d/3182 by u/New_Core

function u(t) {

e=490
d=x.getImageData(a=910+e*S(t),b=e+e*C(t*1.1),99,99)
for(i=4e4;i--;)d.data[i]=9+d.data[i]%255
x.putImageData(d,a,b)

Sep 21 2017 12:25 PM UTC

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

Xen

function u(t) {

x.beginPath(N=500),x.arc(900+S(t/(S(t)+9))*N,N+C(t/(C(t)+7))*N,50,0,7),x.stroke(),x.strokeStyle=R(t*9%N,0,t*N%N,C(t/2)+1.1)

Sep 20 2017 6:07 PM UTC

}// 123/140

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

kinda just wanders till it makes a square lol

show FPS hide FPS share 1 remix fullscreen

donbright

remix of d/3119 by u/Xen

function u(t) {

x.globalAlpha=.008
半=500
x.fillRect(0,0,i=w=2e3,w)
for(i=(3e3);i--;)x.clearRect(frame*(i*i-(j=t*i%frame)*j)/(b=j*j+i*i),999-2*i*j*i/b,2,4)

Aug 29 2017 9:24 PM UTC

}// 138/140

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

thx Xen

u/Xen

Welcome ;-)
u/Xen

i just remixed your remix of my remix of your dweet, trying to message you, find me @xen_the
u/alien

wow

show FPS hide FPS share 1 remix fullscreen

donbright

remix of d/3115 by u/joeytwiddle

function u(t) {

东=122,北=123;for(i=999;i--;){j=(东*i)%frame-frame,k=北*i/frame-frame,b=j*j+k*k,r=j*j-k*k,g=2*j*k,x.fillRect(900+i*r/b,400+i*g/b,3,3)}

Aug 29 2017 4:05 AM UTC

}// 130/140

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

"The Great Something"

u/donbright

oh, note, alter 东 and 北 to get different patterns.
u/joeytwiddle

H̀̕E̸͞ ̛̕͜C͡O̷M̷͜E̸͟S͢͜
u/Xen

n̎ͭͫ͐͛ͫ͌͂̇̾͆͋̍̾̈́ͨͤͨ҉͜͠o̷̶͛ͮ͗́̚͝ơͥ̆ͦͧ̇̅̋̅ͨͮ̃ͫ͂̌̐̓҉͏̵oͦ͂̂̅͑ͩͭ̒ͧ̀̚͠o̧ͤ͌ͩ̏ͨ͏͝

show FPS hide FPS share fullscreen

FireFly

function u(t) {

for(c.width|=i=N=t/2+5;i-->0;)x.lineTo(960+C(A=i/N*31.4)*500,540+S(A)*500);x.fill('evenodd')

Aug 24 2017 12:19 PM UTC

}// 92/140

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

u/donbright

like magic spell

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

x.clearRect(0,0,S=c.width,C=c.height);x.beginPath();x.arc(S/2,C/2,C/3,0,6.28*-t,1);x.lineCap='round';x.lineWidth=C/20*(1-t);x.stroke()

Aug 24 2017 4:02 AM UTC

}// 134/140

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

dweet player loader mark 1

u/magna

#dweetplayerloader

show FPS hide FPS share 3 remixes fullscreen

FireFly

function u(t) {

for(i=2e3;!t&&i--;Math.random()>(X**2+(Y-4)**2)**.5/6&&f(7)+f(-7))X=i&3,Y=i>>2&7,f=m=>x.fillRect(240*(i>>5&7)+120-X*m,180*(i>>8)+50+Y*7,7,7)

Aug 20 2017 3:53 PM UTC

}// 140/140

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

Spritegen! Generates 48 random sprites each time the dweet is run (make a change to rerun the dweet)

Show more comments…
u/sigveseb

I love this!
u/alien

wait WHAT !!
u/alien

D: What is going on here!! how
u/iverjo

How does it work?
u/FireFly

It's a dweetification of an older sprite generator of mine. The idea is to take a "mask" of 0..1 floats and filter a grid of random numbers for when num<mask. In this case the mask is based on euclidean distance from centre. This is done for half the sprite, and then the other half is just mirrored
u/FireFly

(You could also view it as flipping a biased coin for each mask value, with the bias given by the mask)
u/FireFly

The same principle would work just as well with larger sprites too, and more exotic/interesting mask shapes. The same rid of random numbers could be applied to different masks, or to an animated mask, to produce an animation between sprites, too!
u/nystrand

so cool!
u/joeytwiddle

Awesome. I love it. Every single one looks like a space invader!
u/iverjo

Interesting technique. Thanks for explaining :) Also, I agree with joeytwiddle
u/jick

Got a link to the original sprite generator?
u/FireFly

I never really wrote it to be shared, so it's all hardcoded and with really ugly code. I put together this animation though: https://twitter.com/FireyFly/status/80072288…
u/statenlogic

Simple, but effective! Makes me want to play 8-bit games again.
u/donbright

genius
u/joeytwiddle

#hiddengem
u/stiaje

#witchcraft
u/tomxor

#bitmap #sprite
u/KilledByAPixel

#generative pixelart
u/KilledByAPixel

#pixelart

show FPS hide FPS share 1 remix fullscreen

FireFly

function u(t) {

for(i=7e3;i--;x.fillRect(X*20,Y*20,20,20))X=i%96,Y=i>>7,x.fillStyle=`hsl(${X>>4<<6},99%,${(X&&X%16<15&&S(X*.4+t)*3+48>Y&&!!Y*2-(4<Y))*50}%)`

Aug 13 2017 11: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).

Rainbow banners!

u/sigveseb

Damn sweet!

show FPS hide FPS share fullscreen

alien

function u(t) {

W=c.width=200;v=(X,Y,R)=>[S(Y+t)*C(X+t)*R+100,S(X+t)*C(Y+t*.5)*R+50]
for(i=0;i<130;i++)
x.lineTo(...v(144*i,5+i*.5,i))
x.stroke()

Aug 11 2017 7:44 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 FPS hide FPS share 1 remix fullscreen

kchplr

function u(t) {

x.fillStyle='#0001';for(x.fillRect(0,0,2e3,2e3),i=0;i<6.29;Y=S(i*2+t),X=(C(2*i)+C(t+i+Y)),x.clearRect(960+X*450,536+Y*500,20,9))i+=.002

Aug 5 2017 2:42 PM UTC

}// 135/140

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

A glowy curve, inspired by the inverted colors of https://www.dwitter.net/d/3015 by Cantelope

u/kchplr

Noticed it is very slow in firefox, has lot of artefact on Safari and doesn't even render properly in stable Chrome. The only browser rendering it correctly is Chrome Canary. Oh, well.
u/kchplr

Here is a version which renders correctly on stable Chrome : for(x.fillStyle='rgba(0,0,0,.1)',x.fillRect(0,i=0,2e3,2e3);i<7;Y=S(i*2+t),X=(C(2*i)+C(t+i+Y)),x.clearRect(960+X*450,536+Y*500,20,9))i+=.002

dwitter.net | rep_movsd (48856)