Dweets awesomed by u/iverjo

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 fullscreen

New_Core

remix of d/2828 by u/New_Core

function u(t) {

for(i=602;i--;x.fillStyle=`hsla(${i+99*S(f+S(i/f))},99%,50%,.05`)i<217?x.fillRect(0,5*i,2e3,5,f=t):x.fillRect(5*i-1085,0,5,1080,f=t*.5)

Jul 6 2017 8:18 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/joeytwiddle

Very pretty!
u/alien

nice !
u/New_Core

#colorshock

show FPS hide FPS share 2 remixes fullscreen

alien

remix of d/2835 by u/alien

function u(t) {

w=c.width=180
f=frame
for(j=0;j<w;j++)
for(i=0;i<w;i++){
q=i*i+j*j
s=i*C(q)+(f%2)
s%=255
x.fillStyle=R(s*2,s*2,s*3)
x.fillRect(i,j,1,1)
}

Jul 6 2017 8:09 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/sigveseb

This is the prettiest dweet I've seen in a long time :)
u/alien

oh thank you :D
u/donbright

great colors

show FPS hide FPS share 1 remix fullscreen

alien

function u(t) {

c.width=200
f=frame
for(j=0;j<51;j++)
for(i=0;i<51;i++){
x.shadowBlur=9
x.shadowColor='#AF'+f%9
if((i^j+f)%3){
x.fillRect(i*2,j*2,2,2)}
}

Jul 5 2017 6:34 PM UTC

}// 139/140

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

u/sigveseb

Good patterns

show FPS hide FPS share fullscreen

alien

function u(t) {

c.width=200
f=frame
for(j=0;j<51;j++)
for(i=0;i<51;i++){
x.shadowBlur=9
x.shadowColor='#AF'+f%9
if((i&j)%(f%51))x.fillRect(i*2,j*2,2,2)
}

Jul 4 2017 9:34 PM UTC

}// 139/140

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

u/cantelope

neat!
u/alien

by the way i just rage quit doing Sierpinski carpet... can any one help me :(
u/sigveseb

Nice stuff

show FPS hide FPS share 2 remixes fullscreen

New_Core

function u(t) {

for(e=i=768;i--;x.fillRect(a,b,d,e))i<216?(a=0,b=5*i,d=2e3,e=5,f=S(t)):(a=5*i-e,b=0,d=5,e=1080,f=t),x.fillStyle=`hsla(${i+99*f},99%,50%,.03`

Jul 4 2017 7: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).

show FPS hide FPS share fullscreen

alien

remix of d/2823 by u/alien

function u(t) {

w=c.width;f=frame;p=1.618
x.translate(w/2+f*0.256,w/4)
x.rotate(f/1.618)
x.arc(f*p,f*p,p+f/p,0,2*Math.PI)
x.stroke()
x.resetTransform()

Jul 2 2017 11:02 AM 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 1 remix fullscreen

hamoid

function u(t) {

x.translate(960+9*S(t),540)
x.rotate(t)
x.globalCompositeOperation='exclusion'
x.fillStyle='#FED'
x.fillRect(t*9,0,200,t)
x.resetTransform()

Jul 1 2017 8:13 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

:)
u/Polyducks

Beautiful snail shell!
u/Xen

looking nice!

show FPS hide FPS share fullscreen

toha73

remix of d/2818 by u/toha73

function u(t) {

c.width=128
for(j=0;j<1;j+=.02)for(i=0;i<1;i+=.02){
v=S(10*(i*S(t/.5)+j*C(t/.4))+t)
x.fillStyle=R(0,0,0,v/2+.5)
x.fillRect(i*128,j*64,2,2)}

Jun 30 2017 4:04 PM UTC

}// 139/140

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

u/donbright

so smooth!
u/Xen

so it fits 138bytes: W=c.width=128;for(j=0;j<1;j+=.02)for(i=0;i<1;i+=.02){v=S(10*(i*S(t/.5)+j*C(t/.4))+t);x.fillStyle=R(0,0,0,v/2+.5);x.fillRect(i*W,j*64,2,2)}
u/Xen

strange, said 143bytes at first, glitch on site?? :-/

show FPS hide FPS share fullscreen

cantelope

function u(t) {

F=(v)=>("0"+((.5+v/2)*255|0).toString(16)).slice(-2)
for(i=1e3;i--;x.fillStyle="#"+F(S(v=i/70-t*4))+F(C(v))+F(-S(v)))x.fillRect(5*i,0,5,2e3)

Jun 27 2017 11:55 PM UTC

}// 140/140

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

I'm sure some of you can shorten this considerably.

u/alien

good sir what does F=(v)=> are you doing some functional programming here?
u/joeytwiddle

🏳️‍🌈
u/cantelope

@alien the F=(v)=> is indeed a function, using the short ES6 arrow syntax. Its purpose is to return a hex value between 0 and 255, (with a preceding 0 when value is less than 16). the hex code is then combined with 2 other hex codes to form a complete, valid color code in the form of #000000. There is a shorter way to do this but it results in exponentially fewer colors. sorry for delayed response.
u/New_Core

Using rgb colors instead of hex you dont need to struggel with converting. a=130;for(i=1e3;i--;x.fillStyle=R(a*S(v=i/70-t*4)+a,a*C(v)+a,-a*S(v)+a))x.fillRect(5*i,0,5,2e3) a here uses 130 of the 255 colors to match the same colors.
u/alien

thank you for the response @catelope

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/2813 by u/joeytwiddle

function u(t) {

x.fillStyle=R(k=260,k,k,.1)
x.fillRect(0,0,2e3,1e3)
x.fillStyle='#09b'
x.font='480px s'
x.fillText('NOVA',k,700)
x.drawImage(c,9*S(3*t),9)

Jun 24 2017 7:52 PM UTC

}// 138/140

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

What went down at the party: https://www.youtube.com/watch?v=WLrIOFUePLQ

u/joeytwiddle

5:16 Photography and art 6:20 Music 9:11 Wilds and demos!

dwitter.net | iverjo (56085)