Dweets awesomed by u/joeytwiddle

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

joeytwiddle

remix of d/2491 by u/New_Core

function u(t) {

t?x.fillRect(a+=9*C(d),b+=9*S(d),9,9):a=b=k=j=0
d=Math.atan2(j-b,k-a)
s=2e3/c.clientWidth
onmousemove=e=>(k=e.pageX*s,j=e.pageY*s)

Apr 15 2017 3:40 PM UTC

}// 130/140

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

Woodmouth's ant chasing your mouse

Show more comments…
u/joeytwiddle

Since I couldn't fit the edge detection, I stop the ant when it reaches the target. So I stored the target in k,j
u/donbright

this mouse technique is excellent
u/joeytwiddle

To make him a slow turner: D=(Math.atan2(j-b,k-a)-d+3.14)%6.24-3.14;d+=.05*D
u/joeytwiddle

err I mean 6.28
u/Woodmouth

That's impressive. The slow turn was exactly what i was looking for, but that is sadly just a bit too big.
u/MrM@_S

K=3.14;d+=((Math.atan2(j-b,k-a)-d+K)%6.28-K)/20
u/iverjo

#interactive

show FPS hide FPS share 1 remix fullscreen

New_Core

remix of d/2473 by u/Woodmouth

function u(t) {

onmousemove=e=>{E=-.15+e.pageX/2e3};t?x.fillRect(a+=9*S(d),b+=9*C(d),9,9):b=a=d=500;d+=E
d=b>1080?3:b<0?0:a>1920?5:a<0?2:d

Apr 15 2017 7:09 AM UTC

}// 122/140

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

just some fun added, use your mouse.

Show more comments…
u/donbright

i literally laughed out loud playing this
u/joeytwiddle

Brilliant :D
u/Woodmouth

Hmm, there is actually quite a bit of space left. Can anyone make it follow the mose?
u/Woodmouth

Or wait... that would require a lot actually, nvm, i doubt it will be feasible.
u/joeytwiddle

I could get it to chase the mouse but could not keep the edge detection: https://www.dwitter.net/d/2495
u/Woodmouth

The slow turning is exactly what i was thinking of. I've already asked once, but why not again? Is anyone able to compress the last 12 characters in joeytwiddle's 2495 with the slow turn addition?

show FPS hide FPS share fullscreen

z3vin

function u(t) {

w=1920;q=80
for(i=0;i<w;i+=q)for(j=0;j<w;j+=q)x.rotate(t/9),x.fillStyle=`hsl(${i/36*S(t)*5},80%,50%)`,x.fillRect(i,i*S(t),S(t)*2*q+S(t*q),1)

Apr 14 2017 11:04 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/donbright

reminds me a bit of impressionist painting

show FPS hide FPS share fullscreen

eruonna

function u(t) {

for(g=[1440,60,1],c.width|=i=2;h=g[i];e=i--?b=540:333,f=t*.105/h,x.lineWidth=5,x.moveTo(960,b),x.lineTo(960+e*S(f),b-e*C(f)),x.stroke());

Apr 14 2017 10:47 PM UTC

}// 137/140

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

A clock! I couldn't golf it enough to get varying line widths for the hands

u/joeytwiddle

Suggestion: c.width|=0;[1440,60,1].map((h,i)=>{e=300+100*i,f=t*.105/h,x.lineWidth=5,x.moveTo(960,540),x.lineTo(960+e*S(f),540-e*C(f)),x.stroke()})
u/eruonna

Oh yeah, that is nice
u/pangolin

I made a clock too! https://www.dwitter.net/d/2085

show FPS hide FPS share fullscreen

NMcCoy

function u(t) {

w=c.width=1920
s=50
for(i=s;i<w;i+=s)
for(j=s;j<w/2;j+=s)
{
x.fillStyle=`hsl(${t*39+(j)*.3},99%,70%`
x.fillRect(i,j,S(t+i)*s,S(t+i)*s)
}

Apr 14 2017 10:16 PM UTC

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

NMcCoy

function u(t) {

c.width=1920;
  for(i=0;i<9;i++)
{
  x.fillStyle=`hsl(${t*99+i*20},99%,80%`
  x.fillRect(400+i*100+S(t)*300, 400+S(t+i)*60, 50, 200)
}

Apr 14 2017 8:02 PM UTC

}// 134/140

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

u/f8f82804

#default

show FPS hide FPS share fullscreen

donbright

function u(t) {

k=t
for(m=-k;m<=k;m++)for(n=-k;n<=k;n++){
r=m*m-n*n,B=m*m+n*n,G=2*m*n
x.fillRect(4*(r+B),4*(G+B),9,9)
}

Apr 14 2017 4:14 AM UTC

}// 103/140

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

weird optical illusion after it finishes

u/iverjo

Oh yeah, it looks like there are white horizontal and vertical lines, but they are not actually there
u/joeytwiddle

Oooh yeah. I was only seeing grey dots at the intersections before, but on this bright monitor I can see the white lines too. *blinks*
u/alien

nice
u/Xen

i eat my pillow tonight and i'm blaming you!
u/donbright

lol sorry

show FPS hide FPS share fullscreen

donbright

remix of d/2476 by u/keithclark

function u(t) {

onmousemove=e=>(T=e.pageX/99,R=e.pageY*5)
for(a=c.width^=0;a--;x.fillRect(C(a-T)/S(b)*h+960,C(b)*h+540,i=h/40-5,i))h=900/(2-S(a-T)*S(b=a/R))

Apr 14 2017 12:57 AM UTC

}// 140/140

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

please move your mouse up/down/left/right inside the energy mushroom. (adding mouse to @keithclark 's globe, modded shape, w @Jenky for mous-piration)

u/gabrielsroka

#interactive

show FPS hide FPS share fullscreen

MrM@_S

function u(t) {

if(!t)a=s=0
c.width=c.height=70    
onkeydown=e=>{if(E<a){s++;E=a}a=0}
x.fillRect(10,a,2,2)
a++
x.fillText("Lvl:"+s,30,9)
if(a>=50)E=a=s=0

Apr 13 2017 10:12 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 small game

u/donbright

made it to 4 woohoo
u/New_Core

to lvl 17
u/MadeOfStarStuff

This is a little maddening. I also made it to level 4 but I have no idea how. Maybe I need to learn javascript. :)
u/iverjo

Got to level 13 ^^
u/Kalanchoe

level 25 :) reminds me of the stacker arcade game haha

show FPS hide FPS share fullscreen

MrM@_S

function u(t) {

if(!t)c.width=K=600
onmousemove=e=>{E=e.pageX;X=e.pageY}
x.fillRect(E,X,9,9)
x.putImageData(x.getImageData(0,0,K,K),t&20,0)
x.globalAlpha=.1

Apr 13 2017 5:24 PM UTC

}// 140/140

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

next is a simple drawing editor

u/MrM@_S

Use your mouse to draw
u/joeytwiddle

Spraycan on the move!
u/iverjo

#interactive

dwitter.net | joeytwiddle (61494)