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 1 remix fullscreen

tomxor

function u(t) {

eval(unescape(escape`琯㴳㭣⹷楤瑨㴴㠰㭣⹳瑹汥㴧晩汴敲㩩湶敲琨ㄧ㭦潲⡩㴱㑥㌻椭ⴻ砮晩汬剥捴⠲㐰⬶〪䌨堩ⵓ⡘⭴⤪娬ㄲ〫㘰⩓⡘⤪䌨天⭓⡙⭴⤪娬ㄬ⡫㵃⡙⭴⤩㰰㼮〴㩫⤩堽椥ㄲ〯㌹ⱙ㵩⼴㙥㈬娽匨䌨匨太ㄷ⤫匨堪ㄷ⤩⼮㌩`.replace(/u(..)/g,"$1%")))

Mar 16 2019 12:37 AM UTC

}// 140/140

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

#moon #space

Show more comments…
u/tomxor

golfed a moon... or moon a golf ball?
u/Xen

Nicely Done!
u/katkip

It floating in empty space so probably it's a golf ball hit by Chuck Norris
u/13thptr

lol
u/13thptr

Very nice dweet btw
u/yonatan

Dude!
u/joeytwiddle

#lighting Not a #planet
u/lionleaf

#shading

show FPS hide FPS share fullscreen

andrea270872

function u(t) {

c.onclick=e=>Y=K
c.width|=K=1e3
Y=t?Y:0
x.font="5em'"
x.fillText("🔼",K,Y?Y-=20:K)
X=t*500%2e3
Z=X*Y
x.fillText(18e3<Z&Z<21e3?"☠":"🍎",X,99)

Mar 19 2019 2: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).

William Tell ver.2 - click to shoot the apple

u/andrea270872

#interactive

show FPS hide FPS share 3 remixes fullscreen

Jezza

remix of d/12736 by u/Jezza

function u(t) {

x.fillRect(0,0,1920,1080);X=C(t/2)*6+16;Y=S(t/2.1)*6+9;x.globalAlpha=.05;for(i=99;i--;)Z=S(Y),Y+=C(X),X+=Z,x.clearRect(X*60,Y*60,5,5)

Mar 15 2019 12:30 AM UTC

}// 133/140

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

Shoutout to @katkip for #attractor rabbit hole.

Show more comments…
u/tomxor

wow
u/katkip

Nice
u/aleamb

yeah!
u/jick

Wow!
u/lionleaf

That's amazing!
u/lionleaf

#grid
u/sigveseb

Rad
u/vain

How? So beautiful and impressive

show FPS hide FPS share fullscreen

andrea270872

function u(t) {

c.onclick=e=>{Y=K}
c.width|=K=1e3
Y=t?Y:0
x.fillRect(X=t*500%2e3,9,B=50+(10<Y&Y<99)*(950<X&X<K)*99,B)
x.fillRect(K,Y?Y-=20:K,9,50)

Mar 17 2019 2:46 PM UTC

}// 130/140

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

William Tell (remake of my first game on C=64) - click to shoot the black "apple"

u/katkip

#game
u/katkip

#interactive

show FPS hide FPS share fullscreen

rodrigo.siqueira

function u(t) {

for(H=300,c.width|=i=2e3;i--;)A=i<H?(B=1,0):i<600?(B=-.2,1):i<900?(B=0,-.2):B=0,x.fillRect(i,600-(2*t&1)*(A-A*(μ=.5-C(i%H/94)/2)+B*μ)*H,6,6)

Mar 18 2019 5:57 PM UTC

}// 140/140

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

Pulses of a single neuron in a Spiking Neural Network (SNN) using cosine interpolation with 4 intervals: depolarization (rising curve), repolarization (falling curve), refractory (recovery period) and resting potential (continuous line). #neural #ai

show FPS hide FPS share fullscreen

tomxor

function u(t) {

c.width=384;for(i=800;i--;)"߿蠀￱衁	衂	衂	蠂	蠂Ɖ蠂 蠂䀉蠂䠉蠂侉蠂䀉蠂 衂	衂Ɖ衂	衂	衂	衂	衂￱蠁蠀߿".charCodeAt(i>>4)>>i%16&1&&x.fillRect(180+(i>>5),96|i&31,1,1)

Mar 18 2019 12:50 AM UTC

}// 140/140

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

128k Happy Mac #mac #retro

u/tomxor

Computer interfaces used to be so much more cute :)
u/tomxor

#bitmap #sprite
u/tomxor

#pixelart

show FPS hide FPS share fullscreen

batboy

function u(t) {

r=Math.random
s=x=>r()<.5?-r():r()
x.fillStyle=t%8>4?'#fff':'#000'
p=t%4*t*4
x.fillRect(c.width/2+p*s(w=c.height/2+p*s()),w,p*s(),p**s())

Mar 18 2019 8:07 PM UTC

}// 137/140

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

growing distortion

u/joeytwiddle

Cool to find this. I used a very similar technique over here: d/17725

show FPS hide FPS share fullscreen

andrea270872

function u(t) {

c.width|=i=0
with(x)for(;i++<15;fillText("🚗",2e3-i*t*97%2e3,i*70),font=i**.9+"em'")fillRect(0,i**.9*99,2e3,i**.6)

Mar 17 2019 3:39 PM UTC

}// 113/140

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

infinite traffic

u/andrea270872

(after suggestion from #vinca :> )
u/f8f82804

#parallax

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

x.fillRect(0,0,b=c.width=160,b)
for(i=1280;i--;x.fillRect(i%b,~~(i/b)*12-a/2+a*S(i/200+a+t),1,a))a=5+2*S(i/12.7+t),x.fillStyle=R(255)

Mar 18 2019 11:49 AM UTC

}// 133/140

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

some quick pewdiepie lines...

show FPS hide FPS share fullscreen

andrea270872

remix of d/12771 by u/andrea270872

function u(t) {

c.width|=K=1e3
A=[(t*97%11-5)*K,(t*89%13-6)*K,0]
P=t?P.map(([i,j,z,v])=>[i,j,(z+1)%99,x.fillRect(K+i/z,500+j/z,z,z)]):[A]
P[K]||P.push(A)

Mar 15 2019 7:44 PM UTC

}// 137/140

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

Build-up!

Show more comments…
u/Xen

love it
u/pavel

103 for(c.width|=K=k=1e3;k--;z>0&&x.fillRect(K+(k*97/60%11-5)*K/z,500+(k*89/60%13-6)*K/z,z,z))z=(60*t-k)%99
u/pavel

Looks like the code you started with used Math.random at each step which made the ultimate position of each square at time 't' impossible to determine directly. Switching to instead use any function of just t makes it quite simple so there is no need to initialize stuff at time 0 and keep it updated.
u/pavel

I learned that in d/11421 to save chars and make d/11424
u/andrea270872

great. thanks very much
u/andrea270872

In my head I was thinking also that t*97%11 is a pseudo-random generator...
u/katkip

Satisfying