Random 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

Xen

remix of d/6081 by u/sandstedt

function u(t) {

x.strokeStyle=`hsl(${C(t)*999},90%,50%)`
x.beginPath()
x.ellipse(925+S(t)*99,500+C(t*9)*99,99,500,t,8,t)
x.stroke()
x.drawImage(c,C(t),T(t))

Jan 16 2018 12:33 AM UTC

}// 140/140

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

had to have a play

u/sandstedt

Cool! Is it drawImage that makes the whole image jumping?
u/Xen

yes, the T(t) more importantly :-)

show FPS hide FPS share fullscreen

New_Core

function u(t) {

c.width|=0;x.translate(960,540);for(i=20;i--;x.rotate(t*.1))x.rect(a=-100-i*15+100*S(t+i/5),a,-a*2,-a*2);x.fill('evenodd')

May 18 2017 8:02 AM UTC

}// 122/140

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

u/donbright

excellent
u/lionleaf

woah!
u/Xen

nice :)

show FPS hide FPS share fullscreen

kmoseni

remix of d/23043 by u/magna

function u(t) {

t*=t;p=n=>{a=0;for(i=n-1;i>1;)a+=!(n%i--);return a}
x.beginPath();q=t*3;r=q/Math.PI*.9;x.arc(960+C(q)*r,540+S(q)*r,p(q|0),0,7);x.fill()

Jun 8 2021 2:41 PM UTC

}// 135/140

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

Paint dripping from a spinning paint brush suspended by a string

show FPS hide FPS share fullscreen

jakobbnt

function u(t) {

o=t*10.5
x.lineWidth=10
x.beginPath()
x.moveTo(920,520)
x.lineTo(C(t)*o+900,S(o)*o+500)
x.strokeStyle=R(S(o),S(t)*100,o*S(t))
x.stroke()

Mar 24 2021 2:14 PM UTC

}// 136/140

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

UpDown

show FPS hide FPS share 3 remixes fullscreen

baon

remix of d/28977 by u/baon

function u(t) {

for(c.width|=0,X=Y=0,p=i=1e3;i--;x.fillRect(960+400*X,540-400*Y,10,10))
X=i/1e3*2-1,Y=0.5*C(3.14*X+t+S(t*2))

Nov 27 2023 10:56 AM UTC

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

rodrigo.siqueira

remix of d/33213 by u/tzador

function u(t) {

for(h=i=500;--i;)h=`<div>${h}`
document.body.innerHTML=h+`<style>*{height:100%;border:1px solid rgb(0,30,50);transform:scale(0.99)}`

Feb 3 2025 10:41 PM UTC

}// 132/140

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

Scaling 500 divs

show FPS hide FPS share fullscreen

parabola

remix of d/1868 by u/farter

function u(t) {

t||(a=[],c.onmousemove=e=>a.push([e.pageX,e.pageY,35,35]));c.width=568;a=a.filter(o=>(x.fillStyle=R(...o),x.fillRect(...o),o[2]=o[3]--))

Mar 4 2017 7:00 PM UTC

}// 136/140

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

u/iverjo

What does R(...o) do?
u/iverjo

Found it :) It's the rest operator in ES6. Cool! https://github.com/lukehoban/es6features#def…
u/iverjo

I meant the spread operator
u/fujimotos

#interactive

show FPS hide FPS share fullscreen

sj_

function u(t) {

x.beginPath();for(i=0;i<3;i++){x.arc(500+10*i*T(t/i),500+i*S(t/2)*10*t,2,0,10)}x.stroke()

Jan 16 2018 12:09 AM UTC

}// 89/140

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

Reflection: bird skimming water

show FPS hide FPS share fullscreen

cantelope

function u(t) {

eval(unescape(escape`𩡯𬠨𮀮𩡩𫁬𤡥𨱴𚀰𛀰𛁩🐨𭰽𨰮𭱩𩁴𪁼🐰𚐪𝠬𭰩𞱩𛐭𞱸𛡣𫁥𨑲𤡥𨱴𚀨𣐮𨑴𨑮𜠨𦀬𦠩𛰱𛠵𝰯𜠫𜐩𚠹𝠰𛀨𬐽𣐮𨑣𫱳𚁙𛱤𚐯𜐮𝐷𚐪𝐳𝐬𬰫𚀱𛑱𚐪𚠲𚡳𚠹𛁳𚐩𬰽𜐯𚁤🐨𣐽𣑡𭁨𚐮𪁹𬁯𭀨𦀽𪐯𝐳𝐥𜠭𜐬𦐽𪐪𚠮𞐥𜠭𜐬𦠽𜐭𚁩𚠪𜰮𜐫𭀯𝀩𙐲𚐩`.replace(/u../g,'')))

Jan 6 2025 7:49 PM UTC

}// 140/140

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

360° camera in starfield env: https://tinyurl.com/equiloop2

Show more comments…
u/magna

Sick!
u/tomxor

Wooah, hyperspeed!
u/magna

y'all need to check the link in the title to see this in 360
u/cantelope

and the previous dweet XD ( https://tinyurl.com/equiloop )
u/New_Core

I watched this in my Oculus 3s in 360. got to slow for it but works. I tried to see it linked to my computer but didnt find any setting to run it in 360. but I am new to VR. ;)
u/magna

I forked u/cantelope's repo with the hope of finding some time to doing this: https://github.com/atesgoral/HDRI_explorer/i…
u/cantelope

u/magna this issue is a feature, not a bug XD ... in seriousness, the forced "landscape" orientation is a product of years of responsive web design experience. I've chosen for my apps, instead of trying to adjust to arbitrary user viewports with inescapable problems, to just peg the dimensions, so my apps always known their environment. The 16:9 (1920 x 1080) is just the most common computer monitor full-screen resolution, which is also the "landscape" orientation for many mobile devices. so, thank you for the request, and feel free to fork/innovate/modify my github repos!
u/magna

u/cantelope yeah! I forked your repo and added a TODO note to myself to _maybe_ try adding it. But thanks for the additional background!
u/cantelope

u/magna let me know if any other stuff here is interesting to you https://boss.mindhackers.org some of it is on github, others not
u/magna

Bookmarked!

show FPS hide FPS share 2 remixes fullscreen

BriSeven

remix of d/18166 by u/BriSeven

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<256;i++)
x.fillRect(i*10,(i&(S(i/t+t)*t)+t)*10+500,10,15) // draw 50x200 rects

Apr 7 2020 4:05 AM UTC

}// 121/140

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

sinewave serving samples of sierpinski

u/camel_case

I could watch this forever *.*
u/BriSeven

can you? i haven’t watched long enough to know for sure but i think the math should run down eventually
u/Xen

love it!