Dweets awesomed by u/Xen

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

keithclark

function u(t) {

for(a=c.width|=l=C(t),m=S(t);a--;x.fillRect((d*l-e*m)*h+960,(g*l-f*m)*h+520,h/=50,h))d=S(a*92),e=S(a),f=C(a*.7),g=d*m+e*l,h=800/(3+g*m+f*l)

Apr 23 2017 11:33 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 point cube spinning on two axis with perspective

Show more comments…
u/hscells

this is really nice
u/donbright

great job!
u/magna

Awesome!
u/cantelope

very nice!
u/joeytwiddle

#cube #dots
u/vain

damn cool

show FPS hide FPS share 1 remix fullscreen

hscells

function u(t) {

w=c.width=1920;s=32
for(i=0;i<w+s;i+=s)for(j=0;j<1080+s;j+=s)x.fillStyle=`hsla(${i+j},99%,50%,1`,x.fillRect(i-s+s*S(t+i),j-s+s*S(t+j),64,64)

Apr 23 2017 2:45 AM 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

cantelope

remix of d/2554 by u/cantelope

function u(t) {

w=960,v=340,x.fillRect(0,0,w*2,v*4)
for(i=99;i--;)for(j=59;j--;)X=i/2-25-C(t),Y=2+S(i/5)*S(j/5+t*3),x.clearRect(w+1/j*X*w,v+Y/j*w,s=99/j,s)

Apr 22 2017 6:43 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 FPS hide FPS share 3 remixes fullscreen

cantelope

function u(t) {

cx=(c.width|=0)/2,cy=340
for(i=99;i--;)for(j=59;j--;)X=i/2-25-C(t)*2,Y=3+S(i/5)*S(j/5+t*3),x.fillRect(cx+1/j*X*cx,cy+Y/j*cx,s=99/j,s)

Apr 22 2017 6:28 PM UTC

}// 133/140

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

u/innovati

🌊🏄
u/joeytwiddle

Beautiful
u/cantelope

innovati, i can't tell what those emojis are. lel.
u/Renaud___

great

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/2533 by u/Jenky

function u(t) {

t||(n=c.cloneNode(),g=n.getContext("webgl"))
g.clearColor(.7+.3*S(t*4),0,0,1)
g.clear(16384)
x.drawImage(n,0,0)

Apr 19 2017 11:57 AM UTC

}// 111/140

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

Shorter, but inefficient WebGL setup

u/tomxor

OooOh, stop tempting me!

show FPS hide FPS share fullscreen

Polyducks

function u(t) {

x.fillRect(0,0,1920,1080)
x.font = "60px A"
W=S(t)*600;H=T(t/10)*200;for(i=0;i<20;)x.fillText("👾",((100*(++i%5))+700)+W,(100*(i%4))+200+H)

Apr 18 2017 6:42 PM UTC

}// 139/140

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

SPACE INVADERS

u/Polyducks

Weird... I wonder why it's stopped working...
u/magna

It still works for me. macOS + Chrome.
u/joeytwiddle

MacOS and Chrome here. The unicode char (was it 👾?) appears to get stripped while loading. If I paste it in between the "", then it works. Perhaps Dwitter loads differently on different pages?

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

function u(t) {

c.width|=0;x.lineWidth=d=45;for(i=30;i--;r%4&&x.stroke())r=(2+i%10),s=i+4*S(t+i),l=(4+i*3)%6,x.beginPath(),x.arc(940,540,r*d*.9,s,s+l)

Apr 12 2017 7:16 PM UTC

}// 134/140

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

http://revision-party.net is this weekend!

Show more comments…
u/reportbase

Thumbs Up. This is cleaver.
u/donbright

!!!!!!
u/sigveseb

Who's going?
u/joeytwiddle

Unfortunately I am too far from the party. BTW this dweet runs too quickly. I should have used t/3
u/iverjo

I'm going to revision :D
u/joeytwiddle

Lock some of the blocks, so not everything is moving at once: s=i+2*C(t/4+i)**32
u/joeytwiddle

Have a great time iverjo and anyone else attending!
u/iverjo

#revision

show FPS hide FPS share fullscreen

cantelope

function u(t) {

t?w=c.width=n:n=1
onmousemove=e=>n=e.pageY
for(i=6;i--;x.lineTo(w/2+(Z=1/(2+C(p=1.257*i*2+t)))*S(p)*w/2,Z*w/2-w/20),x.stroke());

Apr 9 2017 10:25 PM UTC

}// 128/140

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

per donbright's suggestion... :D

u/cantelope

mouse Y position controls resolution
u/donbright

lol surely there is more we can do
u/tapgiles

Cool! Some of the lines seem thicker, and some seem fainter. Is there an overdrawing issue, perhaps?

show FPS hide FPS share 1 remix fullscreen

shapes

remix of d/2423 by u/shapes

function u(t) {

r=480;c.width=r*4;λ=0;for(φ=a=1.6;φ>-a;φ-=1/r){λ+=a;x.lineTo(C(φ)*S(λ-t)*r+2*r,(C(t=t+φ/r)*S(φ)+S(t)*C(t)*C(λ-t))*r+r)}x.stroke()

Apr 6 2017 1:37 PM 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 fullscreen

magna

remix of d/2381 by u/magna

function u(t) {

r=Math.random
c.style.boxShadow=`inset 0px ${r()*20}px 10em #642`
c.width=w=1920
for(i=10+~~(S(t/3)*5);i--;x.fillRect(r()*w,0,r()/2,w));

Apr 5 2017 5:40 AM UTC

}// 136/140

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

Less uniform scratches

u/magna

Works better on macOS Chrome
u/magna

#film

dwitter.net | Xen (95848)