Dweets awesomed by u/Knifa

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

Xen

remix of d/6334 by u/BackendForth

function u(t) {

c.width|=w=33
v=(i,j)=>x.lineTo((i+j)*w,w*j+S((i*i*j*j)**.4+t*9-i+j)*w)
for(i=w*w;i--;x.fill(v(a,j-1)))x.beginPath(),v(a=i%w,j=i/w),v(a-1,j)

Jan 22 2018 4:11 PM UTC

}// 140/140

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

try angles.

u/sigveseb

sweet
u/donbright

kewl

show FPS hide FPS share 1 remix fullscreen

BackendForth

function u(t) {

w=50
c.width=1920
v=(i,j)=>x.lineTo((i+j)*w,w*j+S((i*i+j*j)**.5+t)*w)
for(i=w*w;i--;x.fill())x.beginPath(),v(a=i%w,j=i/w),v(a+1,j),v(a,j+1)

Jan 22 2018 3:30 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 more comments…
u/Xen

wow
u/aleamb

impressive!!
u/Qwitter

Nice (I detect an incoming wave of surface wave dweets )
u/Qwitter

Rough Seas: v=(i,j)=>x.lineTo((i+j)*w,w*j+C(2*j-3*t)*S(i+t)*w)
u/donbright

the triangles is just marvelous
u/zanella

My new favorite dweet.
u/tl-code

wow

show FPS hide FPS share fullscreen

pieslice

function u(t) {

for(n=1080;n-=20;)for(m=1920;m-=20;){o=m/100;p=n/100
v=S(o+t)+S(p+t)+S(o+p+t);v*=3
x.fillStyle=R(S(v)*255, C(v)*255)
x.fillRect(m,n,20,20)}

Jan 22 2018 1:58 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/Qwitter

Cool

show FPS hide FPS share fullscreen

Knifa

function u(t) {

x.fillStyle=`hsla(${t*25},90%,65%,.5)`
x.fillRect(S(t*8)*c.width/2+c.width/2,c.height/2,32,2e3)
x.rotate(.1)
x.drawImage(c,0,0)

Jan 22 2018 1:21 PM UTC

}// 127/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 4 remixes fullscreen

Yogeshp3

remix of d/6244 by u/RUNIE

function u(t) {

v=32
for(l=0;l<572;l++)d=l%v*v,x.fillStyle=`hsl(${t*150-d%360},99%,65%)`,x.fillRect(960+S(r=S(t-d/333)+l/v*.35)*d,540+C(r)*d,v,24)

Jan 22 2018 11:19 AM UTC

}// 130/140

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

u/RUNIE

wish I tried removing the canvas clearing :D looks so cool
u/sigveseb

wow such a simple yet so cool remix! nicely done
u/Yogeshp3

Thanks guys :) @sigveseb: i am a fan of your dweets..
u/sigveseb

:)

show FPS hide FPS share fullscreen

Knifa

function u(t) {

c.width=2e3;for(i=-9;i<9;i++)for(j=-9;j<9;j++)x.fillRect(i*64*j+c.width/2+(S(t+i)*40/j),i%8*64*T(t+i)*j+c.height/2+(C(t)*40/j),9+j,9+j)

Jan 22 2018 11:06 AM UTC

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

Jezza

function u(t) {

c.width|=0;x.font='20em a';x.textAlign="center";x.fillText([b='Never gonna','give',d='you','👆','',b,'let',d,'👇',''][~~(t*4)%10],960,540)

Jan 22 2018 10:44 AM UTC

}// 136/140

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

u/zanella

Nice trick buffering the repeated terms!
u/donbright

lolol
u/joeytwiddle

On my Mac, I see the hands at 12em but not at 20em.
u/Jezza

@joeytwiddle, interesting - seems to work on safari though.

show FPS hide FPS share fullscreen

Knifa

function u(t) {

w=2e3
with(x){lineWidth=99
beginPath(stroke())
q=T(t)*w
r=C(t)*w
moveTo(-q+w,-r+w/2)
lineTo(q,r)
fillStyle=R(q,w,r,.1)
fillRect(0,0,w,w)}

Jan 21 2018 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).

u/Xen

smooth

show FPS hide FPS share fullscreen

Qwitter

function u(t) {

a=530;m=t%28;c.width=2e3;x.beginPath();for(i=1;i<m+1;i++){p=3*t+i*6.28/m;x.lineTo(a*(2+C(p)),a*(1+S(p)))}with(x)closePath(),fill(stroke())

Jan 21 2018 5:00 PM UTC

}// 138/140

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

For some reason my phone does not require the x.beginPath(); command. (?)

u/sigveseb

afaik you don't need beginPath at all, since setting the width of a canvas resets it completely, including the current path
u/Qwitter

Thank you for your answer. It does work the same w/o beginPath on the phone's Safari browser, and i was able to get a little color with x.fillStyle=R(p);. However, it just makes a way to many verticied jumbled circular shape w/o it on the edge explorer (its a bad habit) on my computer. Another major difference I have seen between the phone andthe computer is in the results of using the 'HSVA' color coordinates, sometimes they look vastly different, but im not sure under what conditions that happens. Probably not worth investigating, but I'll note them here to spread some awareness.
u/Qwitter

*HSLA
u/Xen

part way between square and pentagon it gives a cube optical illusion ;)

show FPS hide FPS share fullscreen

BuRRak

function u(t) {

c.p=t^0?c.p:"";this.onkeypress=(e)=>{v="";if(e.key==" "){v=c.p;c.p="";v=v+"="+eval(v)}else c.p+=e.key};throw v==""?c.p:v;

Jan 21 2018 1:30 AM UTC

}// 121/140

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

Simple useless calculator, press space to calculate and use the keyboard to write your problem

dwitter.net | Knifa (1100)