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

rodrigo.siqueira

function u(t) {

x.fillRect(x.globalAlpha=.03,0,2e3,2e3)
for(i=700;i--;x.clearRect(960+C(t)*100+S(t)*420+S(i)*r,540+C(i)*r,4,3))r=480*Math.random()*S(t)**8

Oct 13 2018 11: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).

Pulstar (pulsating stars)

u/magna

Remix of d/8947

show FPS hide FPS share fullscreen

ms.roboto

function u(t) {

w=1920;h=1080
S.call&&(S=Array(w).fill(0),S[w-1]=1,Y=-1)
++Y<h&&(S=S.map((n,i)=>(b=S[i+1],m=!S[i-1]&n&b^n^b,m&&x.fillRect(i,Y,1,1),m)))

Oct 16 2018 12:55 PM UTC

}// 135/140

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

Rule 110

show FPS hide FPS share 1 remix fullscreen

davidsharp

remix of d/10523 by u/davidsharp

function u(t) {

c.onclick=({x:k,y,target:o})=>{c.width|=o;x.font='60px a';x.fillText(k+','+y+'/'+o.offsetWidth+'x'+o.offsetHeight,70,70)}

Oct 17 2018 12:43 PM UTC

}// 121/140

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

More onclick probing and testing

u/yonatan

try c.width=innerWidth

show FPS hide FPS share 1 remix fullscreen

davidsharp

remix of d/10522 by u/davidsharp

function u(t) {

c.onclick=_=>{c.width|=0;x.font='60px a';x.fillRect(_.x,_.y,9,9);x.fillText(_.x+','+_.y,70,70,1400)}

Oct 17 2018 12:30 PM UTC

}// 101/140

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

testing onclick's co-ords

show FPS hide FPS share fullscreen

BalintCsala

function u(t) {

eval(unescape(escape`景爨挮睩摴桼㵙㴹〻夭ⴻ⥦潲⡘㴹㤻堭ⴻ砮晩汬剥捴⠹㤹⭃⡡⤪⠳〰⭫⨹⤬太㄰⭓⡡⤪⠱㈰⭫⨷⤬㄰ⰱ㈩⥸⹦楬汓瑹汥㵠桳氨〠⑻⡫㵙┵☦⡘⭴⨹㤫⡙⼵簰⤪㐩┹㸱⤪㔰紥⑻㘰⭃⡡㵘⼳㈩⨲〭欪㌰紥总`.replace(/u(..)/g,"$1%")))

Oct 12 2018 8:51 PM UTC

}// 136/140

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

Very fake bump mapping with very sad framerate

u/BalintCsala

pre-compression: for(c.width|=Y=90;Y--;)for(X=99;X--;x.fillRect(999+C(a)*(300+k*9),Y*10+S(a)*(120+k*7),10,12))x.fillStyle=hsl(0 ${(k=Y%5&&(X+t*99+(Y/5|0)*4)%9>1)*50}%${60+C(a=X/32)*20-k*30}%
u/aleamb

awesome!
u/magna

Looks solid.
u/yonatan

this is great!
u/lionleaf

#bumpmapping #bricks #d3 #chimney :D

show FPS hide FPS share 1 remix fullscreen

davidsharp

function u(t) {

c.onclick=_=>x.fillStyle=R(T(t)*100%255,S(t)*100%255,C(t)*100%255,1)
for(i=0;i++<9;)x.fillRect(400+i*100+S(t)*300,200,50,400)

Oct 17 2018 12:18 PM UTC

}// 125/140

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

Just testing onclick

show FPS hide FPS share fullscreen

116

remix of d/10432 by u/116

function u(t) {

T=t/3
s=192
c.width^=0
for(j=99;j--;)
for(i=99;i--;)
x.fillRect(
s*(j+S(-T)*(i%4==1)/4+S(T)*(i%4==3)/4-1-(i%2)),
i*s/2,
s/2-4,s/2-4
)

Oct 14 2018 4:37 PM UTC

}// 134/140

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

Parallels too?

show FPS hide FPS share fullscreen

jbrewhaha

function u(t) {

f=1920/64
for (i=0;i<1920/f;i++)
for (j=0;j<1080/f;j++) {
 x.fillStyle=R(0,255*C(2*t*(i-30))*C(2*t*(j-20)), 0)
 x.fillRect(i*f,j*f,f,f)
}

Oct 15 2018 9:26 PM UTC

}// 137/140

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

boing boing

show FPS hide FPS share fullscreen

Purpzie

function u(t) {

for(r=Math.random,x.drawImage(c,S(t**9)*5,T(t**9)),i=1e3;i--;x.fillRect(r()*1920,r()*1080,9,9))x.fillStyle=R(r()*255,r()*255,r()*255)

Oct 15 2018 7:28 PM UTC

}// 133/140

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

corruption

show FPS hide FPS share 2 remixes fullscreen

veubeke

function u(t) {

c.width^=0
for(i=190;i--;)with(x)restore(save(),translate(120*(i/11|0),i%11*120),rotate((1-i%2*2)*S(t-i/100)/2),fillRect(-45,-45,90,90))

Oct 11 2018 6:47 PM UTC

}// 136/140

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

Inspired by beesandbombs but had to switch to squares. See https://twitter.com/beesandbombs/status/1050…

u/Xen

i've been watching ;-) amazing work V x
u/vain

what for a great optical illusion