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

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/4834 by u/kchplr

function u(t) {

c.width|=0;for(i=5e3;i--;T=t+i/300,R=(f,m)=>f(T)*300+f(T*8)*110*m+f(T*12.5)*107*m)x.fillRect(930+R(C,1),530+R(S,R(C,-10)/t**7-1),4,4)

Dec 30 2017 12:47 PM UTC

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

kchplr

function u(t) {

for(w=i=930;i--;T=t+i,G=1+S(t)/25,R=(f,m)=>f(T)*250+f(T*4.25)*200*m,x.fillRect(w+R(C,1)*G,530+R(S,-1)*G*.9,4,4))x.fillRect(1e3+T,w+T*7,28,9)

Dec 30 2017 11:20 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/sigveseb

Nice one

show FPS hide FPS share 1 remix fullscreen

kchplr

remix of d/4737 by u/kchplr

function u(t) {

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

Dec 29 2017 10:20 PM UTC

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

kchplr

remix of d/4723 by u/Xen

function u(t) {

x.strokeRect(0,0,W=1912,H=1072)
x.rotate(C(t*610)/4031)
x.drawImage(c,7,4,W,H-2)
x.strokeStyle=`hsl(50,89%,${52-C(t)*50}%)`

Dec 29 2017 9:40 PM UTC

}// 123/140

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

Shopping for magic numbers !

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

kchplr

remix of d/3104 by u/kchplr

function u(t) {

f=t*3%2<<8;c.width|=0;for(i=0;i<256;i++)'π䐠ꠘ頄鸂适ꀁ态䀁䃡쐁ꃢ适鸌꠰䟀π䐠ꠘ頄鸂适ꀁ态䀁䁁쑁ꐂ遂鸌꠰䟀'.charCodeAt(f+i>>4)&1<<i%16|0&&x.fillRect(i>>4<<5,i%16<<5,32,32)

Aug 25 2017 8:24 AM UTC

}// 138/140

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

The animation is not very inspired but... it works

u/joeytwiddle

#cute

show FPS hide FPS share 1 remix fullscreen

kchplr

remix of d/3101 by u/kchplr

function u(t) {

f=frame
'π䐠ꠘ逄鼂适ꀁ䀁䀁䃡ꃢ适鼌꠰䟀'.charCodeAt(f>>4)&1<<(f%16|0)&&x.fillRect((f>>4)*40,f%16*40,40,40)

Aug 25 2017 7:35 AM UTC

}// 92/140

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

u/joeytwiddle

#cute

show FPS hide FPS share 2 remixes fullscreen

kchplr

function u(t) {

f=frame
'<~ËË~<'.charCodeAt(f/8|0)&1<<f%8|0&&x.fillRect((f/8|0)*9,f%8*9,9,9)

Aug 24 2017 3:27 PM UTC

}// 78/140

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

A work in progress, I guess ?

u/joeytwiddle

Cute :D f>>3 could save you two chars
u/kchplr

joeytwiddle: good call, it will also definitively help when I'll move to multi-bytes characters
u/Xen

did you a remix ;)

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

dwitter.net | kchplr (321)