Dweets awesomed by u/xiho

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

cantelope

function u(t) {

for(x.globalAlpha=.07,x.fillRect(0,0,q=i=2e3,q);i--;)x.clearRect(960+S(p=i/318)*(d=300+S(p*5+C(t/2)*9)*(140+S(t)*70)*C(t*2)),540+C(p)*d,9,9)

Sep 20 2017 4:28 AM UTC

}// 140/140

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

u/lionleaf

So smooth!
u/cantelope

change p*5 to p*3 or whatever for different shapes <3

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/3166 by u/cantelope

function u(t) {

for(i=c.width|=0;i--;x.fillRect(960+S(p=1.047*i+S(t/5)*3e3/i*S(t))*(d=i*i/1e3)-i*C(t),540+C(p)*d-i*S(t),s,s))x.fillStyle=R(i*t%99,i/t,s=i/5)

Sep 13 2017 3:53 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

xiho

remix of d/3036 by u/artfarnaa

function u(t) {

 for (c.width|=a=100;--a;x.arc(960-S(G+t)*200,
 540+C(t+G)*400,Math.abs(S(t))+50,0,
 1))x.moveTo(G=a/5|960,540)
 x.fill('evenodd')

Aug 8 2017 10:01 AM UTC

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

artfarnaa

function u(t) {

 for (c.width|=a=200;--a;x.arc(960+S(G+t)*400,
 540+C(t+G*1)*400,a%2*137*Math.abs(S(t))*4,0,
 6.2832))x.moveTo(G=a/2|0,0)
 x.fill('evenodd')

Aug 8 2017 1:52 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 more comments…
u/kchplr

Great !
u/sigveseb

Awesome!
u/ninerdelta

stupid question, but why c.width|=a=200? I was tinkering with this code and just made it a=200 and the fps drops significantly.
u/kchplr

ninerdelta: I think that the reason is that c.width|=something is not only clearing the canvas but also the 2d context. Without it each iterations keeps adding arcs to the current path, by the 10th frames there are 2000 arcs to redraw, by the 50th frames there are 10000, etc. In a, err, "non-cold golfing codebase" you could avoid this by using beginPath and closePath.
u/kchplr

"cold golfing", superb. I meant code golfing...
u/ninerdelta

ah that makes sense, thanks!
u/donbright

now this is fine work

show FPS hide FPS share 2 remixes fullscreen

New_Core

remix of d/3029 by u/cantelope

function u(t) {

x.globalAlpha=.2;for(x.fillRect(0,0,2e3,2e3),W=j=980;--j;x.clearRect(W+S(p=t+j-5.3*V)/Z*W-Z*-9,540+C(p)/Z*W,s=60/Z,s))Z=j%98-t*6+(V=t*6|0)

Aug 7 2017 10:55 AM UTC

}// 138/140

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

in the j%98 try also %83.1,%88,%104

u/cantelope

nice!
u/sigveseb

pretty sweet tunnel!
u/New_Core

#tunnel

show FPS hide FPS share fullscreen

xiho

function u(t) {

c.width|=.9;x.translate(960,540);for(i=25;i--;x.rotate(t*.3))x.rect(a=-i*9+4*S(t/i),t/i,-a*.3,a*.3),x.fillStyle="#2BA5FE";x.fill('evenodd')

May 29 2017 10:40 AM UTC

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

aemkei

remix of d/2238 by u/aemkei

function u(t) {

r=500;c.width^=0;for(I=F=2;F>-2;F-=1/2e3)x.fillRect(C(F)*S(L=F*r-t)*r+999,S(F)*r+520,W=(20&((S(I+=.25032)*50)*C(.1+I/1000)*.7))*C(L/2),W)

Mar 21 2017 10:36 PM UTC

}// 137/140

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

the world …

u/sfz

you are a god.min.js
u/sigveseb

well done!
u/iverjo

#sphere #earth #globe
u/vain

What?? top ++++

show FPS hide FPS share fullscreen

donbright

remix of d/1399 by u/Kalanchoe

function u(t) {

c.width^=0
t?o.push({X:1e3,Y:500,U:S(t*t),V:C(t*t)}):o=[]
o.map(a=>{a.X+=a.U,a.Y+=a.V,x.fillRect(a.X,a.Y,9,9)})

Mar 16 2017 7:25 AM UTC

}// 111/140

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

inspired by Todd Hopkinson http://codegolf.stackexchange.com/questions/…

show FPS hide FPS share fullscreen

alubenov

function u(t) {

x.fillRect(0,0,w=1920,h=1080)
s=this.s||[]
for(i=265;i-=1;r=s[i]=s[i]||Math.random()*h,x.fillStyle=R(i,i,i),x.fillRect((i*4*t+r)%w,r,6,6));

Mar 15 2017 6:16 PM UTC

}// 139/140

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

Parallax stars field :-)

u/iverjo

Nice :) Here's my take on it: https://www.dwitter.net/d/81

show FPS hide FPS share 1 remix fullscreen

mxfh

remix of d/855 by u/mxfh

function u(t) {

r=480;c.width=r*4;λ=t;for(φ=a=Math.PI/2;φ>-a;φ-=a/r/2){λ+=a;x.arc(C(φ)*S(λ-t)*r+2*r,(C(t+=a/r)*S(φ)+S(t)*C(φ)*C(λ-t))*r+r,a,-a,a)}x.fill()

Mar 15 2017 3:12 PM UTC

}// 138/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/sfz

wtf!
u/donbright

the reflection thing is great!
u/recursive

wow, what?
u/sfz

shaved some bytes by replacing Math.PI/2 with 1.57, have fun remixing!
u/sfz

Also r=480;c.width=r*4 to c.width|=r=480 ... down to 130
u/mxfh

c.width|=r=540 for(λ=φ=a=1.57;φ>-a;)x.arc(C(φ)*S(t-λ)*r+960,(C(t+=a/r)*S(φ)+S(t)*C(φ-=a/r/2)*C(λ-t))*r+r,0,λ+=a,0) x.fill()
u/mxfh

thanks, using the angle offsets in arc gives another two possible spots for variable assignment at a radius of 0, so you get something equivalent at 123
u/sigveseb

Is that the same reflection technique as in https://www.dwitter.net/d/915 ?
u/mxfh

should be, I assume it's that negative winding on polygons messes with the fill rule evaluation
u/mxfh

just to clarify, fill rules looks allright, it's really just non-covered areas due to the zig-zagging of the fill. try a lower decrement like φ-=a/r*8 to see the more graspable source of the effect
u/mxfh

#arc

dwitter.net | xiho (1036)