Dweets awesomed by u/pavel

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

lurifax

function u(t) {

p=6.28;for(c.width|=i=p**4;i>0;i-=.3)x.fillRect(960+800*S(t)+(250+99*C(b=i/p))*C(d=i%p+t*2)*C(t)+99*S(b),540+99*C(t)+(250+99*C(b))*S(d),3,3)

Oct 24 2017 8:15 PM UTC

}// 140/140

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

Rolling donut

u/magna

Awesome!
u/lionleaf

#donut

show FPS hide FPS share fullscreen

cantelope

function u(t) {

for(x.fillRect(0,0,i=(w=960)*4,i);i--;x.clearRect(w+(S(q=i/611.2+t/4)*Z)/(Z=C(q)*Z-8)*w,(S(p)-3)/Z*w-99,s=32/Z,s))Z=C(p=i/4.7746)+4

Oct 20 2017 4:09 AM UTC

}// 131/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/artfarnaa

awesome
u/joeytwiddle

Very nice! This makes the dots swirl: p=i*t/40
u/donbright

elegant
u/magna

Awesome!
u/ronrogers

Awesome!VISIT https://www.essayguardian.com/
u/artfarnaa

Outstanding. Your motivating me to up my game. How much of your work is trial and error about what looks cool vs actual engineering?
u/cantelope

artfarnaa, thanks. it's mostly just educated guesses. Most of my dweets start as a pretty concrete idea, then I draw from experience and do my best to fit the idea into 140b. Sometimes I'm successful, and sometimes not. :)

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/2633 by u/magna

function u(t) {

w=c.width=320
for(j=14;j--;)for(i=8;i--;)'ŁŃŇŏşſƿȿşśűŰƠƠ'.charCodeAt(j)-w&1<<i&&x.fillRect((S(t*3)**5+1)/2*w+i,(C(t*5)**7+1)/5*w+j,1,1)

Oct 10 2017 8:12 PM UTC

}// 135/140

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

Mouse hijack

u/sigveseb

Lol cool
u/lionleaf

Haha, nice one! Didn't quite have the intended effect on my phone, though.
u/magna

#mousepointer

show FPS hide FPS share fullscreen

the_yuhanna

function u(t) {

w=c.width|=0
for(i=20;i--;x.fill())x.beginPath(),x.arc(a=w-t%7*250+i*80,b=900-Math.abs(200*S(t+i*8)),80,s=4+.7*S(t*9+i),15-s),x.lineTo(a,b)

Sep 25 2017 8:39 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/iverjo

#pacman

show FPS hide FPS share 1 remix fullscreen

New_Core

remix of d/3170 by u/New_Core

function u(t) {

for(i=60;i--;x.fillRect(935+935*S(b=t+i/6),500*C(b+i/9)-600,60,60))x.shadowOffsetY=x.shadowBlur=1e3,x.shadowColor=`hsl(${i*9},99%,50%)`

Sep 15 2017 8:59 PM UTC

}// 136/140

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

should be possible to build a pretty good fire using only shadowcolors onscreen

u/magna

This is awesome!
u/New_Core

#colorshock

show FPS hide FPS share fullscreen

cantelope

function u(t) {

for(w=(c.width|=i=17)/2,x.lineWidth=5;i--;x.stroke())x.lineTo(w+(S(p=1.57*i-t+(i/4|0)*4.71)/1.4)/(Z=2+C(p)/1.4)*w,540+(((i/4|0)%2)-.5)/Z*w)

Sep 6 2017 4:19 AM UTC

}// 139/140

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

A version with 2 axis roation + color https://codegolf.tk/a/167

u/joeytwiddle

Damnit cantelope. My wireframe cube is still > 200 chars!
u/joeytwiddle

Very nice anyway :)
u/cantelope

:) thanks joeytwiddle
u/joeytwiddle

#wireframe #cube

show FPS hide FPS share 2 remixes fullscreen

nystrand

function u(t) {

with(x)for(translate(t?S(t):m=993,t?0:540),i=m;i--;fillRect(-m,i+z,3e3,8+z/22))fillStyle=R(z=m/((i*i-t*9)%m),z*3,rotate(-T+(T=i+S(t/9))),.3)

Sep 1 2017 10:41 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/Xen

reminds me of spiderman intro, nice one!
u/cantelope

whaaaaaa
u/sigveseb

Really cool
u/magna

Wow!
u/joeytwiddle

Great!
u/iverjo

Wow!
u/Xen

had to have a play, done remix :)
u/alien

Can some one explain what the with(x) is doing ? please :)
u/lionleaf

Wow! That looks amazing. Love what looks like a white cube that vanishes in the beginning too.
u/nystrand

@alien: with(x) puts x in the scope so that you don't have to write the "x." part of x.fillRect, x.translate etc. So, it only saves bytes if you have more than 3 functions in x you want to call.
u/N0va

Very nice!
u/joeytwiddle

Cyber Fibers
u/katkip

wait wot
u/marc8

Really 3D on a large screen
u/joeytwiddle

#matrix

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 fullscreen

magna

remix of d/2403 by u/magna

function u(t) {

w=c.width|=0
r=x.clearRect.bind(x)
x.fillRect(0,0,w,w)
r(950+C(T=t*30)*70,490+S(T)*70,20,20)
r(0,950,t*w,10)
r(40,1e3,10,40)+r(60,1e3,10,40)

Aug 24 2017 6:29 AM UTC

}// 140/140

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

dweet player loader

u/FireFly

I keep waiting for it to finish loading…
u/sigveseb

Sweet!
u/magna

#dweetplayerloader
u/joeytwiddle

#loading

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

dwitter.net | pavel (32391)