Dweets awesomed by u/rileyjshaw

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 fullscreen

rileyjshaw

function u(t) {

if(!t)for(i=1e6;i--;X=i%1e3,Y=i/1e3,x.fillStyle=`hsl(${~~T(X*Y)},40%,40%)`,x.fillRect(460+X,40+Y,1,1));

Apr 27 2017 4:39 AM UTC

}// 103/140

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

Film grain effect (may take a few seconds to render)

u/rileyjshaw

(Looks nicer fullscreen)

show FPS hide FPS share fullscreen

rileyjshaw

remix of d/2603 by u/rileyjshaw

function u(t) {

r=255
t||x.fillRect(0,0,2e3,2e3)
x.strokeStyle=R(r,r,r,.004)
n=Math.random(x.stroke())*7
x.lineTo(960+C(n)*r,540+S(n)*r)
n<.1&&x.beginPath()

Apr 27 2017 4:09 AM UTC

}// 140/140

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

Full moon

u/rileyjshaw

Some browsers might need a higher alpha, eg. x.strokeStyle=R(r,r,r,.006)

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/2600 by u/joeytwiddle

function u(t) {

t?c.width|=0:P=Z=5;for(i=36;i--;j==Z&&(X-1e3)**2<8e3?Z=9:Z?onclick=e=>Z--:P++)j=i>>2,x.fillRect(j?X=j%5*(t/19+i)*P%2e3:1e3,99*(j||Z),99,50)

Apr 27 2017 4:03 AM UTC

}// 139/140

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

Crossy Box: Traffic Tourist

Show more comments…
u/joeytwiddle

I wanted a new seed for the next level but I only had space for P++. Fortunately we can do P++ on every iteration of the loop, until Boxy gets hit by an invisible car on row 0.
u/joeytwiddle

(Actually around 6 chars could be saved if we scale the canvas down, like MrM@_S did in his remix.)
u/MrM@_S

Replacing rectangles with 🚗s also saves bytes.
u/joeytwiddle

I can get 🚗 and 🐸 in ... 141 bytes ;)
u/joeytwiddle

Correction: The scene changes when Boxy get hit by the last car in row 1. Cars in row 0 do not re-assign X (and do not move).
u/iverjo

This is awesome :D A game in 139 bytes, and I actually enjoyed playing it!
u/joeytwiddle

Thanks iverjo! ❤️ Click 5 times to start playing

show FPS hide FPS share 1 remix fullscreen

rileyjshaw

function u(t) {

c.width|=0
x.globalCompositeOperation='xor'
x.arc(S(t)*600+960,540,3e2,0,7)
x.fill()
x.beginPath()
x.arc(S(-t)*600+960,540,1e2,0,7)
x.fill()

Apr 26 2017 9:11 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 FPS hide FPS share fullscreen

rileyjshaw

remix of d/2608 by u/rileyjshaw

function u(t) {

c.width|=0
for(i=-9;i++<99;x.globalCompositeOperation='xor')x.fillRect(i*30,0,S(t/3)*99,2e3)
while(i--)x.fillRect(0,i*15-99,2e3,C(t/5)*40)

Apr 26 2017 8:59 PM UTC

}// 138/140

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

Looks nice with themes, eg:

u/rileyjshaw

c.style.background='#000';x.fillStyle='#080'

show FPS hide FPS share 1 remix fullscreen

rileyjshaw

function u(t) {

c.width|=0

for(i=-2;i++<20;x.globalCompositeOperation='xor')x.fillRect((i+S(t))*99,0,80,2e3)
while(i--)x.fillRect(0,(i-1-C(t/3))*60,2e3,80)

Apr 26 2017 8:51 PM UTC

}// 140/140

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

lissajous, kinda

show FPS hide FPS share fullscreen

rileyjshaw

function u(t) {

for(n=200,c.width|=0,i=2e3;i--;x.lineTo(i,540-S(t*i/n)/t*n*n))x.fillStyle=R(S(t)*n,S(t+2)*n,S(t+4.2)*n);x.fill()

Apr 26 2017 7:56 PM UTC

}// 112/140

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

Stripey wiper

u/iverjo

+1 for the novelty

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/2597 by u/magna

function u(t) {

w=c.width=192;for(i=w;i--;)for(j=w;j--;!!('ưưƠƀÃÇÏÏ'.charCodeAt(j&7^f*7)-w&1<<(i%8^(X+Y&1)*7))^f&&x.fillRect(i,j,1,1))X=i>>3,Y=j>>3,f=X/Y&1

Apr 26 2017 6:57 PM UTC

}// 139/140

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

Filled Truchet tiles

Show more comments…
u/magna

Change the f assignment at the end to f=t*X/Y&1 to animate. I couldn't shave another byte to fit that.
u/donbright

for(i=c.width=w=192;i--;)for(j=w;j--;!!('ưưƠƀÃÇÏÏ'.charCodeAt(j&7^f*7)-w&1<<(i%8^(X+Y&1)*7))^f&&x.fillRect(i,j,1,1))X=i>>3,Y=j>>3,f=t*X/Y&1
u/donbright

awesome job, love it
u/magna

@donbright Damn! How didn't I see that? :) Thanks, and thanks!
u/magna

https://www.dwitter.net/d/2604
u/magna

* https://www.dwitter.net/d/2611
u/magna

#truchet

show FPS hide FPS share 1 remix fullscreen

rileyjshaw

function u(t) {

r=540
p=6.283
x.strokeStyle=R(0,0,0,.02)
n=Math.random(x.stroke())*p
x.lineTo(960+C(n)*r,r+S(n)*r)
n<.1&&x.beginPath()

Apr 26 2017 6:33 PM UTC

}// 118/140

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

u/joeytwiddle

That's no moon
u/rileyjshaw

@joeytwiddle 😂 try setting p=5.2
u/magna

@rileyshaw LOL
u/magna

* @rileyjshaw

show FPS hide FPS share 1 remix fullscreen

rileyjshaw

remix of d/2601 by u/rileyjshaw

function u(t) {

t*=s=60
x.beginPath()
for(x[g='globalAlpha']=1;t&&o<t;x.lineTo(m+q,S(o)*o+q))m=C(o+=.04)*o,q=S(2*m/s)*s
x.stroke();x[g]=.1;x.fill()
o=t

Apr 26 2017 6:10 PM UTC

}// 135/140

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

u/magna

Neat!
u/donbright

fullscreen highly recommended, very cool texture

dwitter.net | rileyjshaw (366)