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

tomxor

remix of d/19914 by u/rep_movsd

function u(t) {

R=t?t*X*A&A:X=A=127;if(X+A)for(Y=B=--X&A;++Y+B-812;x.fillRect(R/2+X*S(k=Y/A/2)*k+960,R/8+Y,5,5))x.fillStyle='#9522'

Sep 12 2020 1:10 PM UTC

}// 115/140

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

Smaller #Coconut

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/19913 by u/New_Core

function u(t) {

for(c.width|=i=9,x.setTransform(9,1,-1,9,0,0);i--;)x.fillStyle=R(f=S(t*i)*255,255-f,128-f),x.fillText("Hello World",99+T(t+i*5)*30,i*12)

Sep 12 2020 11:17 AM UTC

}// 136/140

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

<marquee>Hello World</marquee> for(c.width|=i=9,x.setTransform(9,1,-1,9,0,0);i--;)x.fillStyle=R(f=S(t*i)*255,255-f,128-f),x.fillText("Hello World",99+T(t+i*5)*30,i*12)`

u/danny@hille.dk

Ooops that was ment as a comment not a remix :-)
u/danny@hille.dk

Also the text should be: Jell-o mold :-)

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/19897 by u/taupelink

function u(t) {

for(i=170;x.beginPath(),i--;x.fillStyle=`hsl(${t*i} 90%${50+S(i/t)*40}%)`,x.fill())x.arc(960+C(i/9)*(k=(1.05)**(i-t*30)),540+i*S(i/8),k,0,7)

Sep 10 2020 11:33 PM UTC

}// 140/140

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

Fading tentaclel #art

show FPS hide FPS share fullscreen

katkip

remix of d/19915 by u/katkip

function u(t) {

c.width*=1
if(!t)q=0;
for(j=999;j--;){Z=[q,q*2,t-q,t-q*3,q*4-t,q*7]
X=960,Y=540
for(i of Z){X+=C(i)*99,Y+=S(i)*99}x.fillRect(X,Y,9,9),q+=9}

Sep 11 2020 2:18 PM UTC

}// 139/140

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

curve maker, change Z=[...

u/katkip

Z=[q,-q,-q,-q,q*3-t,q*2-t*2] is interesting
u/katkip

Z=[q,-q,-q,-q,-t,-t,q-t*2,q*9-t*5,q*3,t,t,q*5]
u/rep_movsd

Nice - this multi-sine thing would come in handy for more of my fruits

show FPS hide FPS share fullscreen

Leonyx

function u(t) {

for(i=q=c.width*=1;i--;x.fillStyle=`hsl(${i} 99%40%)`)x.fillRect(i*C(i*t/50)+q/2,i*S(i*t/50)+q/3,20,20)

Sep 11 2020 5:55 PM UTC

}// 103/140

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

Fibonacci and the technicolour dream spiral

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

with(x)fillStyle=`hsl(270 66%99%`,fill(arc(960,540,99,0,7)),drawImage(c,-1.5,-1,1923,1082)

Sep 10 2020 12:52 PM UTC

}// 90/140

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

I found this cool trick with hsl

show FPS hide FPS share fullscreen

Xen

function u(t) {

eval(unescape(escape`琿挮睩摴栽㔰〺栽㜵㭦潲⡶㵨㭶ⴭ㬩景爨礽栻礭ⴻ砮晩汬剥捴⡶⨴⬹㤬礪㐬丬丩⥦潲⡎㵄㴴㭘㵄⩶⽨ⵄ⼲ⱙ㵄⩹⽨ⵄ⼲ⱚ㵄⼲ⴹⱄ⬽搽⡘⩘⭙⩙⩃⡴⼶⭃⡄ⵘⵙ⤩⭚⩚⤯㤭ㄫ䌨堫琩⩃⡙⵴⤬⸱㱤⩎㬩中㴮1`.replace(/u(..)/g,"$1%")))

Sep 9 2020 6: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).

#storm http://www.p01.org/tea_storm/

u/tomxor

#raymarching

show FPS hide FPS share fullscreen

danny@hille.dk

function u(t) {

for(c.width|=i=K=~~t%19+3;i--;)x.lineTo(S(i*K)*S(3
*i)*960+960,C(i*S(K))*S(t+2*i)**(i%3)*540+540)
x.fill()

Sep 12 2020 12:17 PM UTC

}// 106/140

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

Cubist style storm, raped by an origami spider

show FPS hide FPS share fullscreen

taupelink

remix of d/19799 by u/taupelink

function u(t) {

r=Math.random;for(i=z=240;t*9<i--;x.fillRect(X*z,Y*z,i/t,i/t))X=r(Y=r()*5)*8,x.fillStyle='#'+'00CCFFFC63'.substr(4*S(X*X+Y*Y)*S(9/X/Y)&7,3)

Sep 9 2020 5:58 PM UTC

}// 139/140

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

d/19893

u/magna

Very nice colours, and I love this dithering technique
u/taupelink

thank you! inspired by techniques from other folks' dweets

show FPS hide FPS share 1 remix fullscreen

katkip

function u(t) {

if(!t)q=0;
for(j=99;j--;){Z=[q,q*2,q*3,q*4,q*5,q*6,]
X=960,Y=540
for(i of Z){X+=C(i*3.14*2)*99,Y+=S(i*3.14*2)*99}x.fillRect(X,Y,9,9),q++}

Sep 11 2020 2:13 PM UTC

}// 137/140

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

#cardioid