New dweets | Dwitter

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

myxoh

function u(t) {

x.fillStyle="#001";x.fillRect(0,0,2e3,2e3);for(z=0;z<99;z++)for(y=0;y<99;y++){x.fillStyle="#ffd";x.fillRect(y*99+S(t*3),z*99,S(t*T(z))*2,5)}

Jan 4 2018 11:47 PM UTC

}// 140/140

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

Starry night :), please play around with it!

u/joeytwiddle

To avoid setting any fillStyles, you could use x.fillRect() and x.clearRect() for black+white respectively
u/myxoh

Thanks!, I did that and even though I lsot the blueish colour I was able to add more to the scene :)
u/myxoh

https://www.dwitter.net/d/5570
u/iverjo

#stars

show FPS hide FPS share 1 remix fullscreen

Bugsy

remix of d/5437 by u/BackendForth

function u(t) {

i=c.width=2e3;for(;i--;){s=i/99-t*4%27+5;w=2**(-s*s)*99+9;x.fillRect(i,540-w/2+S(i/43)*9+(i>960?i/2-480:0)*(i%2?1:-1),2,w)}

Jan 4 2018 11:43 PM UTC

}// 123/140

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

u/ETHproductions

Golfed even further: https://www.dwitter.net/d/5601

show FPS hide FPS share 2 remixes fullscreen

rikardlindstrom

remix of d/5510 by u/rikardlindstrom

function u(t) {

i=c.width=196;x.lineWidth=.01*i/100;for(;i--;)x.arc(0,20+C(t*5+i/40)*C(t*3+i/7)*(191-i)*.1,i/.75,0,1.);x.stroke();

Jan 4 2018 11:31 PM UTC

}// 114/140

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

u/sigveseb

cloth simulation!
u/rikardlindstrom

I surrender!
u/joeytwiddle

#material #cloth

show FPS hide FPS share fullscreen

veubeke

remix of d/5540 by u/veubeke

function u(t) {

M=576
for(i=M*2;i--;x.fillRect(i/24<<5,i%24<<5,32,32,x.fillStyle=r<0|r>=1?'red':R(_=r*256,_,_)))r=i>=M?
Math.random():
i*i*t/M%1

Jan 4 2018 11:16 PM UTC

}// 128/140

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

Almost random ;)

show FPS hide FPS share 2 remixes fullscreen

veubeke

function u(t) {

M=576
for(i=M*2;i--;x.fillRect(i/24<<5,i%24<<5,32,32,x.fillStyle=r<0|r>=1?'red':R(_=r*256,_,_)))r=i>=M?
Math.random():
i/M

Jan 4 2018 11:14 PM UTC

}// 122/140

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

This is a template to play with drop-in replacements for Math.random(). Enter code in the last line that uses the existing variables to produce values in the range [0,1). Red squares will appear if values are out of range.

Show more comments…
u/veubeke

A bad example :) https://www.dwitter.net/d/5541
u/sigveseb

A bit on the long side, but looks good: https://www.dwitter.net/d/5545
u/magna

Reminder that we can now link to dweets using the short notation: d/5545
u/joeytwiddle

Try: i**t%M/M One issue with sine/cosine is more black+white than grey: .5+S(i**t)/2
u/f8f82804

#tool #template
u/joeytwiddle

#random #challenge

show FPS hide FPS share fullscreen

wackytman

remix of d/5538 by u/wackytman

function u(t) {

c.width|=i=300
x.lineWidth=.5
while(--i)x.arc(600,600,500-S(i),i*S(t),i)
x.stroke()

Jan 4 2018 11:04 PM UTC

}// 83/140

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

fuck knows 2

u/sigveseb

neat

show FPS hide FPS share 2 remixes fullscreen

wackytman

function u(t) {

c.width|=i=300
x.lineWidth=.5
while(--i)x.arc(600,600,500-S(i),i,S(t)*-i)
x.stroke()

Jan 4 2018 11:03 PM UTC

}// 84/140

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

Fuck knows

u/DirtyDan

A crystal ball :O
u/joeytwiddle

Nice! I like it slow: S(t/99) And 960,540 if you want to centralise it.

show FPS hide FPS share fullscreen

stonehippo

function u(t) {

 w=c.width=2e3;j=h=c.height=1e3;for(;--j;){p=j*C(t)*4;x.fillStyle=R(0,0,0,j*0.01);x.fillRect((j*S(t)*50)+w/2,h/2,p,p);}

Jan 4 2018 10:54 PM UTC

}// 119/140

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

Just messing around with a dweet so I get the hang of the limits. Also made a little thing so I can work on dweets offline: https://github.com/stonehippo/FauxDwitter

u/sigveseb

fauxdwitter looks cool!

show FPS hide FPS share fullscreen

sigveseb

remix of d/5514 by u/Xen

function u(t) {

X=t**t%1e3
Y=Math.random()
x.fillRect(X,t*99%1e3,Z=29,Z)
x.fillRect(1920-Y*900,t*99%1e3,Z,Z)
x.fillStyle=`hsla(${t*Z},99%,40%,.5)`

Jan 4 2018 10:30 PM UTC

}// 130/140

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

Random challenge, takes a second or two to build up

show FPS hide FPS share fullscreen

RomanW

function u(t) {

for(f=0,a=b=k=2.5465,z=92;f<100&&!t;f++,n='䑄䑄쳌ೌ䐠⦆䌢쨀ㇽࡤ찀팬䑎킀㏝̈㳌찳䑌묀㮻㌳㏝川ෝ'.charCodeAt(f/4)>>f%4*4&15,x.lineTo(a+=z*C(n/k),b+=z*S(n/k)))x.stroke()

Jan 4 2018 9:30 PM UTC

}// 140/140

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

Each line segment can have 16 directions (4 bits). The 100 line segments are encoded in 25 UTF-16 characters. Very ego-centric result, i know, i know :)

u/sigveseb

Ooh, very nice indeed!