Dweets awesomed by u/katkip

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

FireFly

function u(t) {

for(s='0',i=5;i--;c=s[t*60|0])s=s.replace(/\d/g,i=>['0-1+0+1-0',11][i]);c<2?x.translate(0,32,x.fillRect(0,0,3,32)):+c||x.rotate(c+120/57.3)

Mar 1 2017 5:43 PM UTC

}// 139/140

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

[Team dweet with u/PeCaN] L-system visualizer! Change initial state (s), #iterations (i), transition rules (['0-1+0+1-0',11]), which digits correspond to 'draw and move forward' (c<2), angle (120) to your own L-system ruleset. Digits 0-9 correspond to variables/constants (for each constant, add a rule that maps it to itself, i.e. to 'i').

u/5Mixer

Ha awesome! I was surprised when I saw this, I'd seen it on the internet before and was idly scribbling on the back of my book in a boring class today. Dope stuff :D

show FPS hide FPS share fullscreen

FireFly

function u(t) {

f = t*60|0
X =  f%120, Y = f/120|0
x.fillStyle = "]!{$${!]".charCodeAt(X%16) + 59 >> Y%12& 1? '#345' : '#DEF'
x.fillRect(X*16, Y*16, 16, 16)

Feb 27 2017 6:20 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

cool!
u/sfz

wtf is going on here?!
u/FireFly

The string embeds a tiny bitmap which is simply repeated :)
u/5Mixer

This is an awesome idea! I wonder what else you could do with using strings to encode more complex(?) data. Interesting.
u/PiggyClone205

When I read complex, I immediately thought of maybe importing other javascript and cheating a bit.
u/katkip

#invaders

show FPS hide FPS share fullscreen

hamptonio

function u(t) {

s=t*9%32|0;for(i=0;i<6.3;i+=.001){k=16-s;q=s%2*255;x.fillStyle=R(q,0,s*8);x.fillRect(960+29*(k*C(i)+C(k*i)-k),540+29*(k*S(i)-S(k*i)),1,1);}

Feb 27 2017 5:26 AM UTC

}// 139/140

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

Hypocycloids and epicycloids.

show FPS hide FPS share fullscreen

hamptonio

remix of d/123 by u/icecuber

function u(t) {

t?i++:i=0;for(j=1e3;j--;){a=b=0;k=256;for(;k--&&a*a+b*b<4;)c=a*a-b*b+i/1e4,b=2*a*b+j/1e4+.6,a=c;x.fillRect(i,j,1,S(k))}

Feb 26 2017 9:48 PM UTC

}// 119/140

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

u/iverjo

Worth the wait
u/hamptonio

Yeah its pretty damn slow.
u/KHymatim

Mmmmm
u/iverjo

#fractal

show FPS hide FPS share fullscreen

gormisdomai

remix of d/1311 by u/gormisdomai

function u(t) {

c.width^=0;
for(s=0;s<200;s+=.01){
X = (T(t)*s+7)*C(s+t)
Y = (C(t)*s+7)*S(s+t)
x.fillStyle=R(99^s,s,s)
x.fillRect(960+X*30, 540+30*Y, X, Y)}

Feb 25 2017 2:44 PM UTC

}// 140/140

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

"Space Folding #2"

u/katkip

#tagfail

show FPS hide FPS share 2 remixes fullscreen

walsh9

function u(t) {

T=t*60|0,d=T%64*33,e=(T>>6)*36,s=d<1||Math.random()>.5&&e>1,f=s?8:33,g=s?36:8,x.fillRect(d,e,f,g),x.lineWidth=16,x.strokeRect(0,0,1920,1080)

Feb 25 2017 8:04 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/donbright

hey that is super cool
u/sigveseb

reminds me of the old C64 BASIC maze: http://www.slate.com/content/dam/slate/artic…
u/walsh9

I'm using this 'binary tree' maze algorithm: http://weblog.jamisbuck.org/2011/2/1/maze-ge…

show FPS hide FPS share 2 remixes fullscreen

gormisdomai

remix of d/1192 by u/gormisdomai

function u(t) {

c.width=1920;
for(i=0;i<200;i++)
x.fillRect(950+T(t+i)*900, 0, 20, 2000)
for(i=0;i<200;i++)
x.fillRect(0, 350+T(t+i)*900, 2000, 20)

Feb 24 2017 2:33 PM UTC

}// 131/140

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

"Dislocation #3"

u/katkip

#tagfail

show FPS hide FPS share fullscreen

BNeutral

function u(t) {

w=t/1.4;s=100/t;v=80/t;x.fillStyle=R(255*S(w));x.fillRect(v*16*Math.pow(S(w),3)+960-s/2,540-s/2-v*(13*C(w)-5*C(2*w)-2*C(3*w)-C(4*w)),s,s);

Feb 24 2017 9:54 AM UTC

}// 138/140

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

u/Kalanchoe

cute!
u/iverjo

#heart
u/ItzChimp

Do you have to use Math.pow here? Can't you use ** instead?

show FPS hide FPS share fullscreen

fredwulei

function u(t) {

c.width|=0;for(k=0;k<8;k++)for(i=0;i<15;i++)if('筯቉珧珏寉秏积牉篯篏'.charCodeAt((t+'').charCodeAt(k)-48)&1<<14-i)x.fillRect(k*36+i%3*9,(i/3|0)*9,8,8)

Feb 23 2017 3:54 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/donbright

can i guess how? did you pack the shapes for numerical digits into UTF8?
u/fredwulei

yes, digits are in 3 by 5, so I use unicode to represent the shape
u/aemkei

Nice! Did something like that here: https://gist.github.com/aemkei/1272408

show FPS hide FPS share fullscreen

lauris

remix of d/835 by u/lauris

function u(t) {

v=500,c.width=v*2,o="( ͡° ͜ʖ ͡",x.font="99px x",x.f=x.fillText,q=v*2*S(t),q>v?(x.f("send nudes",v,400),x.f(o+"*)",v,250)):x.f(o+"°)",q,250)

Feb 22 2017 2:20 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/katkip

#nsfw

dwitter.net | katkip (33318)