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/18338 by u/rodrigo.siqueira

function u(t) {

eval(unescape(escape`𭀿𪰽𭀪𚠸𞡷👣𛡷𪑤𭁨🐹𞐻𩠽𚁘𛁙𛁮👷𚐽🡘🁮🱦𚁘𚡘𛑙𚡙𛐮𞀬𜠪𦀪𦐫𛠲𛁮𚰱𚐺𨁨𬱬𚀤𮱮𚠸𯐠𞐹𙐤𮱓𚁮𛰶𚡴𚠪𛠵𚐪𭱽𙑠𞱦𫱲𚁩🐶𩐳𞱩𛐭𞱸𛡦𪑬𫁓𭁹𫁥👦𚀨𦀭𝐰𚱫𚐯𪰭𜠭𜰶𜠱𞀵𩐭𞀬𜐭𚁙𛐲𞀫𪰩𛱫𚐩𮀮𩡩𫁬𤡥𨱴𚁘👩𙑷𛁙👩𛱷𛀱𛀮𜠩`.replace(/u../g,'')))

Apr 20 2020 12:53 AM UTC

}// 140/140

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

Color #zoom #julia #fractal using "X<i"

Show more comments…
u/tomxor

For zoom without slowing down use k=t**t, but you will need very precise coordinates. Here are some other coords I found: f((X-50+k)/k+5100096e-9,1-(Y-28+k)/k), f((X-50+k)/k-2,1-(Y-28+k)/k+201113e-7)
u/tomxor

Oops, hitting subpixel rendering differences again... intended for firefox, chrome looks a bit too mushy, change fill pixel to .3 for chrome.
u/joeytwiddle

Pretty nice! 😻
u/13thptr

amazing
u/tomxor

Due to subpixel rendering differences, for Chrome: see d/18346
u/Joachim

Wow! #underrated #colourful How did you make it infinite? Whenever I’ve tried making a Mandelbrot it always pixelates after the first few seconds of zoom ing in.

show FPS hide FPS share 2 remixes fullscreen

cantelope

function u(t) {

for(x[g='fillStyle']='#0003',x[f='fillRect'](0,0,w=i=1920,i);i--;x[f](b%w,(b/w|0)%1080,9,9))x[g]=`hsl(${b=(i+w+t/99)**2.3} 99%50%`

Apr 20 2020 7:04 AM UTC

}// 130/140

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

no Math.random

show FPS hide FPS share 2 remixes fullscreen

Xen

function u(t) {

t?x.transform(z=C(3),Z=S(3),-Z,z,0,!x.fillRect(0,0,9,399)):x.translate(960,540)

Apr 21 2020 6:13 PM UTC

}// 79/140

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

#circlechallenge

show FPS hide FPS share fullscreen

tomxor

remix of d/18338 by u/rodrigo.siqueira

function u(t) {

eval(unescape(escape`𭀿𪰽𭀪𚠸𞡷👣𛡷𪑤𭁨🐹𞐻𩠽𚁘𛁙𛁮👷𚐽🡘🁮🱦𚁘𚡘𛑙𚡙𛐮𞀬𜠪𦀪𦐫𛠲𛁮𚰱𚐺𨁨𬱬𚀤𮱮𚠸𯐠𞐹𙐤𮱓𚁮𛰶𚡴𚠪𛠵𚐪𭱽𙑠𞱦𫱲𚁩🐶𩐳𞱩𛐭𞱸𛡦𪑬𫁓𭁹𫁥👦𚀨𦀭𝐰𚱫𚐯𪰭𜠭𜰶𜠱𞀵𩐭𞀬𜐭𚁙𛐲𞀫𪰩𛱫𚐩𮀮𩡩𫁬𤡥𨱴𚁘👩𙑷𛁙👩𛱷𛀱𛀮𜰩`.replace(/u../g,'')))

Apr 20 2020 1:00 PM UTC

}// 140/140

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

Color #zoom #julia #fractal using "X<i" - For Chrome

u/tomxor

Due to subpixel rendering differences, for FireFox: see d/18341
u/katkip

amazing

show FPS hide FPS share fullscreen

ersagun

remix of d/18371 by u/BriSeven

function u(t) {

x.fillStyle=R(0,0,0,1-(X=C(t**1.2))*X-(Y=C(t**1.1))*Y)
x.fillRect(960+X*200,540+Y*200,5,5)

Apr 21 2020 10:30 PM UTC

}// 90/140

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

u/BriSeven

#circlechallenge
u/donbright

now thats a use of fillstyle i have never seen before

show FPS hide FPS share fullscreen

dupusia

function u(t) {

for(i=0;i<5;i++){
x.fillStyle=R(100+i*50,190,50)
x.fillRect(0,t*8&1&&t*2&1?0:800,5*(i%2?-1:1)*(2+C(t*2)),3080)
x.rotate(-3.4*t)
}

Apr 23 2020 8:45 PM UTC

}// 129/140

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

Spring Sun!

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/18379 by u/rodrigo.siqueira

function u(t) {

for(i=2e3,f=(X,a=0,b=0,n=190)=>a<n?f(X,a*a-b*b+X,2*a*b+t/9-1,n-6):x.fillStyle=`hsl(0,50%,${S(a)*n}%`;i--;x.fillRect(i,400*t,2,i))f(i/4e3-.4)

Apr 21 2020 8:38 PM UTC

}// 140/140

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

Stochastic #Mandelbrot zoom #fractal

show FPS hide FPS share fullscreen

BriSeven

remix of d/11545 by u/ersagun

function u(t) {

d=C(t)*3.14;r=300*S(t*301);x.fillRect(r*C(d)+960,r*S(d)+540,8,8)

Apr 22 2020 1:12 AM UTC

}// 64/140

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

this will probably be a circle eventually

show FPS hide FPS share fullscreen

Xen

function u(t) {

z='𝕯𝖚𝖇𝖘𝖙𝖊𝖕'
eval(unescape(escape`𭱩𭁨𚁸𚑴🰨𩡩𫁬𥁥𮁴𚁺𛁹🐭𜑥𜰬𦠽𠰨𭀪𛠴𚐪𝐵𝐩𛁳𭁲𫱫𩑔𩑸𭀨𮠬𮐬𦠬𬡯𭁡𭁥𚁃𚁴𚠳𚐯𞐹𚐩𚐺𭁲𨑮𬱬𨑴𩐨𞐶𜀬𝐴𜀬𩡯𫡴👠𜰴𩑭𘡠𛁦𪑬𫁒𩑣𭀨𜀬𜀬𦀽𝁥𝀬𦀩𚐬𩡩𫁬𤱴𮑬𩐽𨁨𬱬𚀤𮱴𚡘𯐬𞐹𙐬𜰰𙐬𛠱𚑠`.replace(/u../g,'')))

Apr 23 2020 2:00 PM UTC

}// 139/140

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

#Dubstep 2, effects test

show FPS hide FPS share fullscreen

cli

function u(t) {

for(i=0;i<95;i++){x.fillStyle=`hsl(${i+t*100},100%,50%`;x.fillRect(i*20,0,50,1080)}x.font='300px a'
x.fillText('\u2615',750,S(t*2)*20+630)

Apr 21 2020 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).

cofi ☕

u/cli

ok maybe for(i=0;i<1920;i++){x.fillStyle=hsl(${i/15+t*100},100%,50%;x.fillRect(i,0,1,1080)} wouldve been better
u/katkip

yum