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

denzen

function u(t) {

with(a=60,x)fillText("🏰",0,12),fillStyle=R(...getImageData(X=t*a%16,Y=t&15,1,1).data.map((c,i)=>c&~(t*a%99))),fillRect(540+X*a,150+Y*a,a,a)

Jan 23 2020 6:02 PM UTC

}// 139/140

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

glitched #castle

u/tomxor

Cute!
u/katkip

nice

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

for(c.width|=i=7,x.scale(19,9);i--;x.fillText("②ⓀⓅⓁⓊⓈ✈".split``[i],q%256-69,59+2*(i<6)*S(i+9*t)+S(q>>8)*40))x.fillStyle='#2'+i*19,q=t*30+i*9

Jan 25 2020 5:00 AM UTC

}// 140/140

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

2KPlus Jam Starts in 1 Week! https://itch.io/jam/2kplus-jam

u/katkip

ready

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/17369 by u/rodrigo.siqueira

function u(t) {

for(c.width=i=2e3;i--;)Z=i/350,x.globalAlpha=.3,X=C(i/9+t)/Z,Y=S(i/9+t)/Z,x.fillRect(980+150*(X*C(t)-Z*S(t)),500-Y*150+Z*S(t*2.3)*59,9,9)

Jan 25 2020 12:18 AM UTC

}// 137/140

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

Space time rotator

u/rodrigo.siqueira

This is the same helix from the previous dweet but now with perspective applied:: X/Z and Y/Z (divided by Z, so the image will get smaller when Z is higher)

show FPS hide FPS share fullscreen

Xen

remix of d/17328 by u/emgordon154

function u(t) {

x.font="9em'"
p=P=>t*t**P%256
x.fillStyle=R(p(9),p(6),p(3),.1)
x.fillText(x.drawImage(c,1,0,1920,1e3,-19,-53,1952,1098),848,555)

Jan 24 2020 4:07 PM UTC

}// 128/140

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

128: "I haven't got a clue what's going on"

u/katkip

#xweet

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/15973 by u/KilledByAPixel

function u(t) {

for(i=c.width|=k=960;z=--i/9;x.lineWidth=29)x.arc(550+z*S(j=i/k)*7,700-z*C(j)*9,3e3/z,m=k*(C(j)*i**.7/k*9-t/19)/9,m);x.stroke()

Jan 23 2020 9:06 AM UTC

}// 127/140

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

Unwind

show FPS hide FPS share fullscreen

nikoloffgeorgi

function u(t) {

c.width|=a=100

while(a--){
x.lineWidth=2
x.lineTo(a*20, (t*1000+(Math.random()*2-1)*30+a*S(t*0.1)*50) % 1000)
}
x.stroke()

Jan 24 2020 9:59 PM UTC

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

KilledByAPixel

function u(t) {

for(c.width|=z=i=800;i--;x.fillRect(946+S(a)*z,940+C(a)*99,59,50*(i%20>5)+300*(i%160>65)-z))x.fillStyle=R(v=99+99*S(a=i/127+t),v/4,9,C(a)+1)

Jan 23 2020 3:36 AM UTC

}// 140/140

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

#Castle

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/17360 by u/KilledByAPixel

function u(t) {

with(x)for(c.width|=i=w=513;a=i--/.477465;fill(arc(960+i*S(a),430+i*C(a),f?30:99,0,7)))beginPath(f=i<w-3),fillStyle=R(v=(i*2+t*w*f)%255,v,v)

Jan 23 2020 6: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).

Flux Capacitor #uncompressed

u/katkip

owo

show FPS hide FPS share 2 remixes fullscreen

rodrigo.siqueira

function u(t) {

c.width+=0
for(i=2000;i--;){
 Z=i/350
 X=C(i/80+t*5)
 Y=S(i/80+t*5)
x.fillRect(
 980+150*(X*C(t/2)-Z*S(t/2)),
 500-Y*150+Z*C(t*.8)*59,
9,9)}

Jan 25 2020 12:16 AM UTC

}// 140/140

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

Rotating helix #D3. Simple code (not golfed) for readability and meant to be remixed for other rotating D3 projects.

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=56;j-->-k;)x.fillRect(i,j/2+28,1/t,j>0?(S(j*j+i/j-t*7)+C(j**5-i/j*6+t)**3)*j/k:Math.hypot(j+t*9,i-k)/300/t)

Jan 20 2020 6:48 PM UTC

}// 137/140

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

sunrise

Show more comments…
u/denzen

Amazing!
u/tomxor

Holly **** ! or a nuke on the horizon :P
u/aleamb

Brutal!!!
u/aleamb

#sunrise #sea #landscape #sun
u/13thptr

thought about a nuke too x) gret job
u/13thptr

*great
u/katkip

!! awesome
u/Leodude123

Coll
u/Leodude123

Sorry I misspelled that
u/Leodude123

I meant cool!
u/eduft15

nice man!