Dweets awesomed by u/alien

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

Jul 5 2017 8:51 AM UTC

}// 140/140

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

tried same with function.. still 140 ;) F=(e,d,a,b)=>x.fillRect(a,b,d,e);for(i=768;i--;x.fillStyle=hsla(${i+99*S(f)},99%,50%,.5)i<216?F(5,2e3,0,5*i,f=t*2):F(g=1080,5,5*i-g,0,f=t)

u/New_Core

lol and now I wonder why I didnt just do this from beginning.. for(i=768;i--;x.fillStyle=hsla(${i+99*S(f)},99%,50%,.5)i<216?x.fillRect(0,5*i,2e3,5,f=t):x.fillRect(5*i-1080,0,5,1080,f=t*2)
u/New_Core

#colorshock

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 fullscreen

New_Core

remix of d/2822 by u/hamoid

function u(t) {

a=9*S(t)
b=9*C(t)
x.fillStyle=`hsl(${t*50},99%,50%`
for(i=11;i--;x.globalCompositeOperation='hue')x.fillRect(960+i*a+t*a,540+i*b+t*b,20,20)

Jul 2 2017 10:04 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/donbright

this looks great...
u/13thptr

#spiral

show FPS hide FPS share 1 remix fullscreen

alien

function u(t) {

w=c.width
x.translate(w/2+t*200,w/4)
x.rotate(frame)
x.arc(S(w/t**0.5),C(w/t),10+frame*5,0,2*Math.PI)
x.stroke()
x.resetTransform()

Jul 2 2017 9:38 AM UTC

}// 132/140

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

u/Polyducks

A tunnel!

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

alien

function u(t) {

w=c.width=1920;x.font=(frame%120+60)+"px s"
for(i=0;i<50;i++){
x.transform(1,0,0,1,t,t)
x.fillText('☄️',-130+i*60,Math.random()*1080)
}

Jul 1 2017 3:09 PM UTC

}// 135/140

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

Meteor shower?

show FPS hide FPS share 1 remix fullscreen

toha73

function u(t) {

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

Jun 30 2017 3:57 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

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

dwitter.net | alien (2071)