New #colorshock dweets

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 2 remixes fullscreen

metamero

remix of d/14008 by u/Jezza

function u(t) {

t||x.translate(w=960,h=540)
x.drawImage(c,-w,0,w*2,h*2)
x.fillStyle=R(C(t*5)*256,S(t*3)*256,T(t)*256)
x.fillRect(0,0,w,7)
x.rotate(1.5687)

May 20 2019 11:00 PM UTC

}// 139/140

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

fractal kaleidoscope

u/katkip

Cool
u/joeytwiddle

#colorshock #kaleidoscope

show FPS hide FPS share fullscreen

DataMeta

remix of d/8721 by u/DataMeta

function u(t) {

r=Math.random;m=r();n=r();o=r();for(i=256;i--;)x.fillStyle=R(i/m*n,i/n*o,i/o*m,.08),x.fillRect(960+T(i)*i,840+i*S(T(i)+t),(i/9)/n,(-i/9)/m)

Jun 24 2018 10:23 PM UTC

}// 139/140

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

Waves of #colorshock

u/Xen

stylish ;-)

show FPS hide FPS share fullscreen

DataMeta

remix of d/8327 by u/DataMeta

function u(t) {

for(i=128;i>0;i--){r=Math.random();m=Math.random();x.fillStyle=R(255*r,i/m,i/r,.4);x.fillRect(180+i*12,620+T(i+t)*S(t)/2,T(t/r),T(i)*56)}

Jun 1 2018 12:17 AM UTC

}// 137/140

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

u/uchenna

i have been trying to implement this on my project please help me, thanks
u/DataMeta

#glitch
u/DataMeta

#colorshock

show FPS hide FPS share fullscreen

sirjofri

function u(t) {

s=p=>{return(S(p)+1)*128};z=t*30%(w=c.width)*4;for(y=0;y<w/2;x.fillStyle=R(s(m=t+y/c.height),s(m+450),s(m+800),1),x.fillRect(z,y++,2,2));//s

Apr 26 2018 3: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).

u/New_Core

#colorshock

show FPS hide FPS share 1 remix fullscreen

New_Core

remix of d/7433 by u/New_Core

function u(t) {

for(i=209;i--;x.fillRect(-1,30,40,20))x.setTransform(k=20*C(b=i/7+t),l=20*S(b),1,1,i*9,550),x.fillStyle=`hsla(${i*4},99%,50%,.1)`

Mar 23 2018 9:42 PM UTC

}// 129/140

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

#colorshock

show FPS hide FPS share 2 remixes fullscreen

21medals

function u(t) {

for(i=99;i--;x.fillRect(o=-i*9,o,s=i*18,s))x.resetTransform(),x.translate(960,a=540),x.rotate(i/2*t/5),x.fillStyle=R(S(i)*a,C(i)*a,S(t+i)*a)

Feb 4 2018 10:56 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/magna

Awesome!
u/joeytwiddle

That is one powerful optical illusion. Looks like it's spinning!
u/iverjo

LOL Joey :)
u/DeathBoy

I CAN SEE THROUGH TIME
u/joeytwiddle

#kaleidoscope #spiral #colorshock

show FPS hide FPS share 1 remix fullscreen

New_Core

remix of d/3170 by u/New_Core

function u(t) {

for(i=60;i--;x.fillRect(935+935*S(b=t+i/6),500*C(b+i/9)-600,60,60))x.shadowOffsetY=x.shadowBlur=1e3,x.shadowColor=`hsl(${i*9},99%,50%)`

Sep 15 2017 8:59 PM UTC

}// 136/140

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

should be possible to build a pretty good fire using only shadowcolors onscreen

u/magna

This is awesome!
u/New_Core

#colorshock

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 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 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).

dwitter.net | #colorshock