Dwitter - javascript demos in 140 characters

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

brianholley

function u(t) {

t||x.translate(960,540);x.rotate(t);for(i=0;i<18;i++)x.fillStyle=`hsl(${20*i},60%,60%)`,x.fillRect(40+i*40,i*(40+C(t)),40,8)

Mar 3 2017 5:38 PM UTC

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

hamptonio

function u(t) {

t?i++:i=0;q=0;a=1;b=1;for(j=99;j--;){q+=a*C(b*i/100);a*=.6;b*=8};x.lineTo(i,250*(2+q));x.stroke()

Mar 3 2017 3:31 PM UTC

}// 97/140

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

From 1872, Weierstrass's first example of a continuous but nowhere-differentiable function.

show FPS hide FPS share fullscreen

gormisdomai

function u(t) {

(a=(X,Y,w,h,s)=>{for(i=X;i<w;i+=s)for(j=Y;j<h;j+=s)x.fillText("♦",i-j,(i+j)/2)})(d=300,-d,1e3,d,9);t<1?a(d,0,d+t*d,9,5):a(600,0,609,d*t-d,5)

Mar 3 2017 9:37 PM UTC

}// 140/140

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

playing with isometric coordinates

u/Niklas

I like iso

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

AaronGiles

function u(t) {

t||(x.translate(w=960,540),x.rotate(2));j=S(t);x.rotate(j/40);x.drawImage(c,0,-w);x.fillStyle=`hsl(${j*360},99%,50%)`;x.fillRect(w*j,0,9,w)

Mar 3 2017 9:21 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

sortie

function u(t) {

for(X=1920;X--;x.fillStyle=R(8*n),x.fillRect(X,t*60,1,1))for(C=A=X/960-1.5,D=B=t/9-1,n=0;n<32&C*C+D*D<4;n++)E=C*C-D*D+A,D=2*C*D+B,C=E

Mar 1 2017 10:43 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/SpecialAgent

Nice fractal!
u/hamptonio

Very nice using the time more internally, this is much faster than others I've modified.
u/vonzo

wow
u/katkip

Wow! This #fractal looks awesome

show FPS hide FPS share 1 remix fullscreen

farter

function u(t) {

t||(a=[],c.onmousemove=e=>(a.push([e.pageX*3.37,e.pageY*3.37,100])));c.width+=0;a=a.filter(o=>(x.fillRect(o[0],o[1],o[2],o[2]--),o[2]>0));

Mar 4 2017 2:26 PM UTC

}// 138/140

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

hover your mouse

show FPS hide FPS share fullscreen

kchplr

function u(t) {

G=t=>(10+Math.random()*50<<2).toString(16)
x.font='4em A'
s=G()+G()+G()
x.fillStyle='#'+s
x.fillText(s,100+(t*6|0)*260,100+(t*6%1*10|0)*100)

Mar 2 2017 4:22 PM UTC

}// 140/140

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

Trying to reproduce https://twitter.com/AtticusBones/status/8370… as closely as possible

u/sfz

cute!
u/iverjo

+1 for the novelty
u/DataMeta

#colors
u/DataMeta

#colors

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

w=c.width=128;for(i=w*w;i--;)x.fillStyle=R(0,0,0,Math.random()),x.fillRect(i%w,i%(w-1),1,1);x.font='5em A';x.fillText("☠",25,65);

Feb 28 2017 8:16 PM UTC

}// 129/140

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

I did one with ImageData but the skull didnt fit in. (it was faster but not fast enough to size it up).

u/sfz

swank!
u/New_Core

#noise

show FPS hide FPS share fullscreen

ivansanchez

function u(t) {

for(i=0;i<300;i++)h=(t+i)*78%360,x.fillStyle=`hsl(${h},99%,50%)`,x.fillRect(i%20*99,~~(i/20)*99,99,99)

Mar 2 2017 6:27 PM UTC

}// 102/140

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

u/iverjo

#bartjs