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

Mixony

function u(t) {

k=60
p=180
t*=1
f=(X,l,n)=>{for(;l--;){x.fillStyle="#00"+(n&1<<l?9:3)
x.fillRect(X*p,l*p,p,p)}}
f(4,6,t%k)
f(2,6,t/k%k)
f(0,5,t/k/k%24)

Jan 30 2023 12:45 AM UTC

}// 135/140

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

A binary clock. The value p can be changed to resize a lamp(square) while the "1" int the third row can be changed to speed up the clock. The order is left(hours), center(minutes), right(seconds)

show FPS hide FPS share fullscreen

RomanPro100

function u(t) {

x.fillStyle=R(0,140+60*S(t),90+60*C(t))
x.fillRect(950*(1-C(t)),440,20,200)

Jan 28 2023 11:13 AM UTC

}// 75/140

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

Loading bar thingy

show FPS hide FPS share fullscreen

lonestar108

function u(t) {

eval(unescape(escape`挮睩摴桼㴰㭴⼽㄰〻景爨椽〻椼㤹㤹㤻椫㴱⤊砮晩汬却祬攽恨獬⠤筩⩴紬㤹┬㐹┩怬੧㵃⡴⩩⩴⤬੸⹦楬汒散琨ਠ‸㤹⬸㤹⩓⡴⨮ㄱ⩩⭴⤪未未䌨琪椫琩Ⰺ†㐹㤫㠹㤪匨琪椫琩⩧⩧⩃⡴⩩⭴⤬ਹⰹ⤠`.replace(/u([^D].)/g,'$1%')))

Jan 29 2023 4:05 AM UTC

}// 138/140

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

torus flow

show FPS hide FPS share fullscreen

sergiopolarbear

function u(t) {

x.fillRect(1000+t*50*C(t),500+t*45*S(t),50+t,100)
x.fillRect(1000+t*50*S(t),500+t*45*C(t),100,50+t)
x.fillStyle=R(42*S(t)+100,157*C(t),143)

Jan 29 2023 5:59 PM UTC

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

taupelink

remix of d/26883 by u/taupelink

function u(t) {

eval(unescape(escape`爽䵡瑨⹲慮摯活景爨椽ㅥ㐻椭ⴻ砮晩汬剥捴⠳〪堬㌰⩙Ⱑℨ㤪堫太戦ㄵ⤬℡⠱㈪夭堪愦ㄵ⤩⥘㵲⡙㵲⠩⨳㘩⨶㐬砮晩汬却祬攽⡘┨愽⠱㔭夥㥼〩⤭愯㈩⨪㈫⡙┨戽ㄴⵘ┸簰⤭戯㈩⨪㈫㌱☲㼧⌶䉅✺✣㘱〧`.replace(/u([^D].)/g,'$1%')))

Jan 27 2023 10: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).

d/26947 #slowburn

u/Joachim

Wow!!
u/Xen

i love it!

show FPS hide FPS share fullscreen

xyper

function u(t) {

x.fillStyle="#"+~~t+"00000";x.fillRect(~~t*100,1,100,10000)

Jan 28 2023 4:25 AM UTC

}// 59/140

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

first thing ive made

u/Xen

welcome to dwitter

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/26942 by u/neimad

function u(t) {

for(i=c.width=255;i--;)
x.fillStyle=['#078930','#FCDD09','#DA121A','#222'][S(i/20+t)+S(i/10+(2-S(t)*4))+S(-i/5+t)&3],
x.fillRect(0,i,255,i)

Jan 28 2023 2:43 AM UTC

}// 139/140

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

Rasta Bars

u/joeytwiddle

(I'm sure this bad joke has been made before)

show FPS hide FPS share fullscreen

Xen

remix of d/26943 by u/neimad

function u(t) {

for(c.width=i=255;i--;x.fillRect(0,0,i,i))x.fillStyle=R(C(i/9-t*4)*i,S(i/8-t*8)*i,S(i/7-t*6)*i)

Jan 27 2023 8:05 AM UTC

}// 95/140

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

slight golf so you can add more

show FPS hide FPS share fullscreen

RomanPro100

function u(t) {

if(t>10)return
f=(s)=>(s>2?f(s-1)+f(s-2):1)
i=60*(t-~~t)
x.fillStyle=`#0${~~(9*C(t/7))}7`
x.fillRect(33*i*(f(t)>i)+20,106*~~t+18,25,90)

Jan 28 2023 3:32 PM UTC

}// 135/140

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

First 10 Fibonacci numbers

u/cantelope

hm https://jsbot.cantelope.org/uploads/1TWrjL.j…

show FPS hide FPS share fullscreen

gai

function u(t) {

c.width=1920
for(i=10;i--;x.fillRect(c.width/2-i*50,c.height/2-i*50+S(t)*50,i*100+S(t),i*100+S(t)))x.fillStyle=R(255/i+75,255/i+75,0);

Jan 28 2023 12:23 AM UTC

}// 134/140

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

idrk