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

magna

remix of d/10830 by u/magna

function u(t) {

eval(unescape(escape`挮睩摴栽㤶〻景爨樽㘰㭪ⴭ㬩景爨椽㈴〻椭ⴻ砮晩汬剥捴⡩⨴ⱪ⨹ⰴⰹ⤩昽椫琪㘰Ɱ㵔⠰簨樫晞昭権⼨琯㈫㘩⤬砮晩汬却祬攽恨獬⠤笱㈰⩩紬㤹┬⑻⠲⭩┳⤪渪㄰┵ぽ╠`.replace(/u(..)/g,"$1%")))

Nov 5 2018 1:41 AM UTC

}// 122/140

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

Original patterns and RGB modulation by u/tomxor, CRT by me, compressed using d/9207

u/tomxor

Yeah! :D
u/tomxor

Oh now you got me hooked, i'm doin more crt

show FPS hide FPS share fullscreen

ellisk1

function u(t) {

for(c.width|=j=3;j--;)for(i=9;i--;x.fillRect(400+i*99+S(t)*300+j*b,400,60-2*b,200))x.fillStyle=R(a=300*(j-1),b=9+(i-4)*S(t),-a,j==1?1:.5)

Nov 6 2018 12:05 AM UTC

}// 137/140

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

#default

show FPS hide FPS share fullscreen

yokljo

function u(t) {

for(a=-22;a<23;a++){
for(b=-30;b<30;b++){
x.fillStyle=R((a+22)*5,a*3+S(t-1)*a)
x.fillRect(960+a*5*(S(t)+1.2),1040-t*60+C(a/14)*b,10,10)
}}

Nov 5 2018 12:22 PM UTC

}// 138/140

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

u/f8f82804

#organic #gradient #lighting #shading

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

for(c.width|=i=7;i--;x.fillText([...'🅳🆆🅸🆃🆃🅴🆁'][(i|0)%7],250+i*200,600+399**S((t%12.56<6.28?t:-t)-i/2)))x.font='6cm"'

Nov 6 2018 2:49 PM UTC

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

rodrigo.siqueira

function u(t) {

with(x)
fillStyle=R(0,9,99),fillRect(0,99,1e4,990),font='9em"',fillText('🏄',300-S(t)*99,350+C(t)*99),fillText("🐠",1800-t*99,S(t*7)*20+840)

Nov 6 2018 2:51 AM UTC

}// 138/140

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

Summer surfing on the beach. #emoji

show FPS hide FPS share fullscreen

yonatan

remix of d/10782 by u/yonatan

function u(t) {

for(i=c.width=99;i--;)for(k=j=50;j-->-k;x.fillRect(i,j/2+28,i!=k,j>0?(S(j*j+q/j-t*7)+C(j**5-q/j*6+t)**3)*j/k:S(j*q)<.98))q=i%k-(j>0&i>k)*j/4

Nov 3 2018 1:49 PM UTC

}// 140/140

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

Cross your eyes (inspired by https://twitter.com/2DArray/status/105855223…)

Show more comments…
u/tomxor

hah, #stereo #vr dweet
u/magna

Awesome!
u/lionleaf

haha, wow! First time I've seen a dweet in stereoscopic 3D #depth #stereoscopic #crosseyed
u/ldm0

That is awesome!!!
u/joeytwiddle

#hiddengem Cross your eyes and line up the star for 3d!
u/joeytwiddle

#stereograph

show FPS hide FPS share fullscreen

Talesseed

function u(t) {

eval(unescape(escape`挮睩摴栽ㄵ〻䈽嬮⸮䄽ⅴ㽛Ⱜⰱ㘬㔶崺䅝㭦潲⡩㴹㭩ⴭ㬩景爨樽㤻樭ⴻ⥻爽〻景爨渽ⴱ㬫⭮㰹㬩爫㴡ℨ䉛椫ㄭ⠰籮⼳⥝☱㰼⡪⬱⵮┳⤩㭁孩崦㵾⡲帴㽭㴱㰼樺〩㭩昨爽㴳⥁孩嵼㵭ⱸ⹦楬汒散琨横㤬椪㤬㤬㤩紻`.replace(/u(..)/g,"$1%")))

Nov 7 2018 9:05 PM UTC

}// 139/140

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

Conway's Game of Life (T-tetromino)

u/Talesseed

Uncompressed : c.width=150 B=[...A=!t?[,,,16,56]:A] for(i=9;i--;)for(j=9;j--;) {r=0 for(n=-1;++n<9;)r+=!!(B[i+1-(0|n/3)]&1<<(j+1-n%3)) A[i]&=~(r^4?m=1<<j:0) if(r==3)A[i]|=m,x.fillRect(j*9,i*9,9,9)}
u/Talesseed

(just add ; everywhere)

show FPS hide FPS share fullscreen

yonatan

remix of d/10836 by u/magna

function u(t) {

for(p in x)this[p[0]+p[6]]=p;i=192;t||(c.width=i);x[gC]='hue';for(x[da](c,0,1);i--;x[fc](i,0,1,1))a=u[i]||0,x[fy]=`hsl(${u[i]=a+i} 99%50%`

Nov 4 2018 10:57 PM UTC

}// 138/140

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

Take that, globalCompositeOperation!

u/magna

Waaaat!? Nice!
u/f8f82804

#composite

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

function u(t) {

with(x) font='68em"',fillStyle='black',Y=t<10?Y=2e3-t*99:1010,fillText("🏴",280,Y),fillStyle='#eee',font='35em"',fillText("☠",760,Y-340)

Nov 6 2018 3:37 AM UTC

}// 135/140

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

Pirate flag #emoji

u/Undefined

c.width|=0;with(x)font='68em"',fillStyle=R(),Y=t<10?2e3-t*99:1010,fillText("🏴",280,Y),fillStyle='#fff',font='35em"',fillText("☠",760,Y-340) - fixed the trail and golfed back to 140

show FPS hide FPS share 2 remixes fullscreen

magna

remix of d/7512 by u/magna

function u(t) {

c.width=960
for(j=60;j--;)for(i=240;i--;x.fillRect(i*4,j*9,4,9))f=i+t*60,n=T(0|(j+f^f-j)/(t/2+6)),x.fillStyle=`hsl(${120*i},99%,${n*9%50}%`

Nov 4 2018 5:42 AM UTC

}// 139/140

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

u/tomxor

Hah, it fits! awesome
u/tomxor

#crt #fractal
u/magna

It's monochrome, unfortunately. I couldn't find a quick way to add color (i.e. adjust the intensity based on R/G/B cells.)
u/tomxor

I can sort of fudge the colour with some kind of mod3 to selectively modulate the intensity in lum: (2+i%3)*n*10%50 duno how to fit it though.
u/magna

Nice! I used the dweet compressor (d/9207) to compress it: d/10843