Top dweets by u/kchplr

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 1 remix fullscreen

kchplr

function u(t) {

for(c.width^=0,i=1296;i--;X=i%48,Y=i/48|0,d=1-((X-24)*(X-24)+(Y-13)*(Y-13))/300,s=(200*S(t*C(d))*d*d)%45,x.fillRect(X*40-s/2,Y*40-s/2,s,s));

Feb 26 2017 3:48 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/sigveseb

I like this!
u/Kalanchoe

Somewhat reminds me of Halite: halite.io
u/iverjo

Nice technique!
u/KHymatim

Mmmmm

show FPS hide FPS share fullscreen

kchplr

function u(t) {

for(c.width|=0,i=3e3;i--;X=S(t+i*.01)*500,D=1-((Y-540)**2+X*X)**.5/400,x.fillRect(960+X*D*1.7,Y+D*(100+S(t)*99),D*D*99,D*20))Y=(t+i<<2)%2e3

Mar 9 2017 6:42 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/jsizzle

Wow!
u/recursive

The movement looks like smoke. Very nice.
u/iverjo

Nice!
u/joeytwiddle

#smoke

show FPS hide FPS share 3 remixes fullscreen

kchplr

function u(t) {

for(i=99;i--;A=T%6.35,r=50+((T/6.35|0))**1.05*10,r+=C(T*8-r)*r/10,x.fillRect(960+S(A)*r-r/84,540+C(A)*r-r/90,2+r/42,2+r/45))T=t*9+i/99

Mar 10 2017 8:09 AM UTC

}// 134/140

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

u/jsizzle

Beautiful
u/stiaje

Seems to require chrome or Firefox 52 due to exponentiation operator :(
u/Xen

77byte Remix #2939
u/FireFly

I love it

show FPS hide FPS share 1 remix fullscreen

kchplr

remix of d/4751 by u/kchplr

function u(t) {

x.strokeRect(0,0,W=1912,H=1072)
x.rotate(C(t*26)/2977)
x.drawImage(c,4.6,4,W,H-2)
x.strokeStyle=`hsl(${50+t*9},70%,${52-C(t/2)*45}%)`

Dec 30 2017 6:15 PM UTC

}// 133/140

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

u/joeytwiddle

#tunnel #colors
u/joeytwiddle

#hiddengem #waitforit
u/joeytwiddle

Rich colours in Chrome but not in Firefox

show FPS hide FPS share fullscreen

kchplr

remix of d/2012 by u/kchplr

function u(t) {

for(i=99;i--;A=T%6.35,r=30+((T/6.35|0))**1.05*15,r+=S(A+S(T*6))*(r/9+C(T)*5),x.fillRect(960+S(A)*r,540+C(A)*r,2+r/99,2+r/99))T=t*9+i/99

Mar 10 2017 8:31 AM UTC

}// 135/140

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

u/jsizzle

Cool!
u/DataMeta

#hiddengem #spiral #topology

show FPS hide FPS share fullscreen

kchplr

remix of d/3105 by u/kchplr

function u(t) {

for(c.width|=i=0,f=t*3%2|0;++i<256;)'|þ᧺뽾똿곿객︿㯴Ǽø'.charCodeAt(f?i>>4:15-(i>>4))&1<<i%16|0&&x.fillRect(i>>4<<5,i%16<<5,32,32)

Aug 25 2017 10:56 AM UTC

}// 128/140

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

Sprite animated with simple mirroring

Show more comments…
u/kchplr

can actually make it move under 140 chars: for(c.width|=i=0,f=t*5%2|0;++i<256;)'|þ᧺뽾똿곿객︿㯴Ǽø'.charCodeAt(f?i>>4:15-(i>>4))&1<<i%16|0&&x.fillRect(i>>4<<5,(i%16+t*5<<5)%1e3,32,32)
u/sigveseb

Very nice, cool tricks
u/donbright

excellent
u/FireFly

Very nice! Where is the sprie from? For some reason it feels really familiar…
u/kchplr

@FireFly: Possible :) It's a NPC from The Legend of Zelda: Oracle of Ages
u/13thptr

#hiddengem #bitmap

show FPS hide FPS share fullscreen

kchplr

function u(t) {

for(c.width|=0,i=3142,n=500;i--;Y=S(i/n*(2-(.5+S(t+V)|0))),X=C(S(t)+t+i/n),x.fillRect(960+X*n+V/X,550+Y*n+V*Y,4+V*X,5))V=(T(C(i+t)))**7

Aug 4 2017 10:05 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 fullscreen

kchplr

function u(t) {

for(c.width|=0,i=400;i--;T=((1+S(t))/2)**3,x.fillRect(490-(S(X*T)*500-500)*T,540+C(X)*500,S(X*T)*1000*T+1000*(1-T),10))X=i%400/128

Mar 11 2017 11:25 PM UTC

}// 130/140

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

u/recursive

Has the character of a viscous fluid somehow.

show FPS hide FPS share 1 remix fullscreen

kchplr

function u(t) {

P=t?(C(t)+1)*1e6:A=[];B=[X=P>>9,Y=P%1e3,M=P&127,0,7];A.some(([o,p,q])=>Math.hypot(X-o,Y-p)<q+M)||x.beginPath(A.push(B))|x.fill(x.arc(...B))

Aug 20 2017 6:56 PM UTC

}// 139/140

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

A brute force approach to circle packing. A lot of thanks to jsgolf slack channel residents @xem and @qfox helped **a lot** reducing my original 167 characters attempt ( https://codegolf.tk/a/152 ), as in actually doing most of it. I honestly did not think reaching 140 bytes was possible.

u/Xen

done you a remix ;)
u/sigveseb

Excellent stuff
u/iverjo

#dots

show FPS hide FPS share fullscreen

kchplr

function u(t) {

for(c.width|=0,i=4940;i--;Y=3+i/380|0,x.fillRect(960+(S(X+t+C(i+t)*Y/9)+S(Y+t)*Y/2)*(50+Y*9),540+(C(X)+C(Y+t/9)*Y/3)*(50+Y*9),Y,5))X=i%380

Mar 11 2017 10:05 PM UTC

}// 139/140

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

dwitter.net | kchplr (321)