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

katkip

remix of d/10883 by u/katkip

function u(t) {

NR = 7 // change for magic
if(!t)x.translate(960,540);x.arc(0,0,Math.abs(S(t*1337)+C(t*69))*250,0,1),x.lineWidth=.02,x.stroke(),x.rotate(NR)

Nov 7 2018 3: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).

show FPS hide FPS share fullscreen

magna

function u(t) {

eval(unescape(escape`砮晩汬却祬攽✣ㄴ㘧㭸⹦楬汒散琨〬〬㉥㌬㉥㌩㭦潲⡙㴶㭙ⴭ㬩景爨堽㐰㭘ⴭ㬩⭛㠵㤶㈳㌹ㄬ㠶㈸㌹〲㜬㔱㘸㤶㜵㔬㈱㐹〵〵㔬㈰㠶㘲㜴㜬㈰㔴㜱㜳ㅝ孙崦㈪⩘☦砮捬敡牒散琨⡘⬨堯㘼㰱⤫㤩⨵ⱙ⨵⬴〬㔬㔩`.replace(/u(..)/g,"$1%")))

Nov 6 2018 5:53 AM UTC

}// 139/140

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

#atari

u/magna

Uncompressed: x.fillStyle='#146';x.fillRect(0,0,2e3,2e3);for(Y=6;Y--;)for(X=40;X--;)+[859623391,862839027,516896755,214905055,208662747,205471731][Y]&2**X&&x.clearRect((X+(X/6<<1)+9)*5,Y*5+40,5,5)
u/tomxor

Oh the nostalgia! #basic #prompt
u/magna

I've realized I could have encoded the bitmap data a lot more efficiently. Will try to shave some chars to add translucency to the font and add a blinking cursor.

show FPS hide FPS share fullscreen

Xen

remix of d/10835 by u/magna

function u(t) {

t||(a=Array(w=2e3).fill(0))
x.drawImage(c,0,0,w,w,0,5,w,w)
for(i=w;i--;x.fillRect(i,0,1,5))x.fillStyle=`hsl(${a[i]+=i*C(i/299+t)},99%,50%`

Nov 5 2018 3:48 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/katkip

#moire

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)