Dweets awesomed by u/DataMeta

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

KilledByAPixel

remix of d/17077 by u/robotman_

function u(t) {

with(x)for(c.width|=i=9,translate(960,540);i--;stroke())beginPath(scale(1.3,1.3)),ellipse(0,0,50*Math.abs(S(t+i/3)),50,t+i*i,0,7)

Jan 8 2020 3:22 AM UTC

}// 129/140

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

Loading Gyro

u/Odog8

euler on crack

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width|=i=4;i--;x.fill(x.arc(96*(8+i%2*4+2*o+C(a=Math.PI*(o?q:-q))),540+96*S(a),96,0,7)))q=t+3*(i>1),x.beginPath(o='001221'[~~q%6]-1)

Jan 7 2020 11:54 PM UTC

}// 138/140

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

Points

Show more comments…
u/pavel

Credit https://www.reddit.com/r/loadingicon/comment…
u/tylertoomey

Can you explain how you are declaring your variables? specifically in "8+i%2*4+2*o+C" you reference 'o' and 'C' before they have even been declared -- I think.
u/pavel

for(i=9;i--;/*code here*/)/*runs after code here*/
u/ivylab

Exactly the other way around, isn't it? First the code after the bracket runs and then the code in the brackets. Your declaration is behind them. c.width=1e3;for(i=9;i--;x.fillStyle='red')x.fillRect(112*i,0,100,1000) shows that too.
u/sigveseb

Or in other words, a for loop for(A; B; C) D; will run the different parts in this order: A B D C B D C B D C .. B
u/ivylab

Exactly what I think and meant. Well written @sigveseb
u/joeytwiddle

beginPath, arc and do-si-do 🕺💃 🎻
u/UEZ

#dance

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

x.fillRect((T=-~T)%32*60-((z=T>>5)%2-(q=S(T*T)<0))*30,(z-q)*30,q?6:66,q?60:6)

Jan 7 2020 7:01 PM UTC

}// 77/140

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

Mini #Maze #Truchet

u/Xen

Amazing! :-O
u/katkip

amazeing
u/sigveseb

next step: solving the maze

show FPS hide FPS share fullscreen

katkip

function u(t) {

c.width*=1
if(!t){p=[];for(i=100;i-->-100;)for(j=100;j-->-100;)p.push({x:i*4,y:j*4})}
for(i of p)x.fillRect(i.x*t+960,i.y*t+540,4+t*2,4+t*2)

Jan 7 2020 6:41 PM UTC

}// 140/140

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

performance test

u/Odog8

it's noice when you #waitforit

show FPS hide FPS share fullscreen

Xen

remix of d/17089 by u/rodrigo.siqueira

function u(t) {

for(i=1e3;i--;x.strokeStyle=`hsl(${i^t*i},75%,30%,.3`,x.stroke())x.beginPath(),x.arc(960+i*C(A=t*3*T(t/i*i)),540+i*S(A),i/7,0,7)

Jan 7 2020 4:21 PM UTC

}// 128/140

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

#waitforit #Xweet

show FPS hide FPS share 2 remixes fullscreen

rodrigo.siqueira

remix of d/17087 by u/rodrigo.siqueira

function u(t) {

for(i=40;i--;x.strokeStyle=`hsl(${9*t},55%,${50*(5*t%2)}%,.4`,x.stroke())x.beginPath(r=t*80),x.arc(960+r*S(a=T(t)*2),540+r*C(a),99*t+i,0,7)

Jan 7 2020 3:03 PM UTC

}// 139/140

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

Color vortex #spiral #waitforit

u/Xen

Nice!

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/13867 by u/KilledByAPixel

function u(t) {

t?c.width=99:X=Y=W=V=1
onmousemove=E=>A=E.y/7
x.fillRect(X+=V=X>96|X<9&X>4&V<0&Y>A-4&Y<A+9?-V/.96:V,Y+=W=Y%52?W:-W,4,4)
x.fillRect(4,A,5,9)

Jan 6 2020 9:24 PM UTC

}// 139/140

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

Solo Pong - Use Mouse To Play #game #interactive #pong #uncompressed

u/katkip

awesome!
u/Coalshork

on old systems this would be called handball and be a seperate game lol

show FPS hide FPS share 1 remix fullscreen

Odog8

function u(t) {

c.width=1920;for(b=0;b<40;b+=0.02)l=[3*S(4.01*b/3+t)*S(b),b],l=[l[0]*C(l[1]),l[0]*S(l[1])],x.fillRect(100*l[0]+960,100*l[1]+540,6,6)

Jan 6 2020 1:30 AM UTC

}// 132/140

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

le ribbon

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/17068 by u/pavel

function u(t) {

x.globalAlpha=.08
for(i=8;i--;x.stroke())x.beginPath(r=150*2/3*(i>1)),x.arc(960+t*r*C(a=i+t/5),540+t*t*r*S(a)/25,t*200*(i?1/3:1),0,7)

Jan 5 2020 4:22 AM UTC

}// 133/140

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

Turning and folding

show FPS hide FPS share 4 remixes fullscreen

pavel

function u(t) {

for(c.width=640,i=8;i--;x.stroke())x.beginPath(r=150*2/3*(i>1)),x.arc(320+r*C(a=Math.PI/3*i+t),180+r*S(a),150*(i?1/3:1),0,7)

Jan 4 2020 9:07 PM UTC

}// 124/140

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

d/17063 #explanation

u/pavel

If you take every point on this picture, turn it into z=x+i*y and feed it through (sqrt(3)+z)/(1+sqrt(3)*z) then decode the resulting complex number as (x', y') and put a point there, you will get d/17063.
u/pavel

Of course you can't take infinitely many points so you will get a pixelated version. To get a proper version you need to solve the equation for the new, mapped, circle given the old circle so that you can use x.arc..

dwitter.net | DataMeta (41668)