Dweets awesomed by u/Itoeh

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: #Opposites

show FPS hide FPS share fullscreen

VictorF

function u(t) {

c.width=1920
for(i=0;i<9;i++){
x.fillRect(500+i * 100+S(t*1.5)*300,0,50,1100)
x.fillRect(500+i * 100+C(t)*300,500,50,200)
}

Nov 19 2020 1:18 AM UTC

}// 123/140

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

u/Xen

welcome to the dwitter family

show FPS hide FPS share fullscreen

danny@hille.dk

function u(t) {

for(c.width|=Y=9;--Y>0;)for(m=X=400;X--;)x.fillRect(X*5,C(t+X/130)*S(t*2+X/255)*m+m+Y**2+Y*X/77*S(X/99+t*2)*9+99,2,2)

Nov 18 2020 4:03 PM UTC

}// 117/140

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

Just testing some sine wave patterns

Show more comments…
u/danny@hille.dk

Anybody remember the original PS3 dash wave patterns? Any ideas on how to replicate?
u/Xen

possibly bezierCurveTo() with .2 alpha?
u/danny@hille.dk

Definitely some alpha involvement, but i think you need a plane and add some waves to that, and then rotate the plane and add some waves to the planes edge. I tried to replicate in 2d using only sin function, but it lookes like... a bunch of sinus curves :-) http://glslsandbox.com/e#69430.0
u/danny@hille.dk

I found a video of the dash waves... Im not even remotely close :-) https://www.youtube.com/watch?v=UMzKdD_6oUE&…
u/joeytwiddle

My mix: for(c.width|=Y=9;Y>0;Y-=.2)for(m=X=400;X-=2;)x.fillRect(X*5,C(t+X/130)*S(t*2+X/255)*m+m+Y**2+Y*X/77*S(X/99+t*2+C(X/25-Y)/5)*9+99,10,.5)
u/danny@hille.dk

wau u/joeytwiddle that looks amaizing

show FPS hide FPS share 2 remixes fullscreen

tomxor

remix of d/20657 by u/dnmc

function u(t) {

for(c.width&=i=8320;i--;)
x.fillRect(X=i&127,Y=i>>7,
k=S(8*t+X*X+Y*Y+X*Y)+.5,k)

Nov 18 2020 1:33 AM UTC

}// 79/140

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

Nano Snakeskin

u/bandaloo

this is great! i'll definitely be using this substitute for a doubly-nested for loop
u/DataMeta

agreed, cool trick! even more succinct than the nested hack I've been using, and the perf increase from bitwise ops is welcome
u/tomxor

Yes, I've used this so much, I guess it's just more obvious in this one. I've taken technique a step further in d/20707 converting yonatan's 3 loops into one. bitwise can be very powerful to manipulate the variables a loop traverses.

show FPS hide FPS share fullscreen

Itoeh

function u(t) {

c.width=1920 
for(i=0;i<2e3;i++) {
  n=[0,2,2e3];x.fillStyle=`hsl(${i*2},90%,40%)`
  x.fillRect(i*8,...n)
  x.fillRect(i*4+S(t)*2,...n)
}

Nov 18 2020 1:13 AM UTC

}// 139/140

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

#moire hello dweet

u/13thptr

welcome
u/Xen

welcome to the dwitter family

show FPS hide FPS share 2 remixes fullscreen

dnmc

function u(t) {

r=Math.random
j=960+S(t)*400
k=540+C(t)*400
for(i=0;i++<80*t;){
j+=r()*8-4
k+=r()*8-4
x.fillStyle=R(0,(S(t*4)+1)*127)
x.fillRect(j,k,6,6)
}

Nov 17 2020 7:07 AM UTC

}// 139/140

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

It's the circle of life...

show FPS hide FPS share 1 remix fullscreen

danny@hille.dk

remix of d/20618 by u/danny@hille.dk

function u(t) {

for(c.width=433,p=1;p++<6;)for(i=400;i--;)x.fillStyle=`hsla(${p*t*5},99%,50%,.4`,x.fillRect(i,m=C(i/(9*p+96)+t)*p*S(+p+S(i/66))*9+57,1,m)

Nov 16 2020 9:55 PM UTC

}// 137/140

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

u/ciaccodavide

Smooth!

show FPS hide FPS share 2 remixes fullscreen

smtsjhr

remix of d/20615 by u/smtsjhr

function u(t) {

for(c.width|=n=2;n<8;n++)for(i=0|S(t*n/9)*30+30;k=(150+75*C(t*i/99)),i--;)x.lineTo(480*n-1200+k*S(j=i*6.28/n),540-k*C(j+t*n/5));;x.stroke()

Nov 14 2020 10:47 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

pavel

function u(t) {

with(x)for(c.width|=i=78,translate(960,540);j=i*i--/5;rotate(!fillRect(j+=(S(t-j/99)-1)*1e5/j,j*=j>0,j*=-2,j)))fillStyle=R(89,a=222-j/4,2*a)

Nov 14 2020 4:47 AM UTC

}// 140/140

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

Generative art by Alexander Tabakov

show FPS hide FPS share 1 remix fullscreen

tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪀽𜐹𜠬𤠽𝀸𛁩🐸𜀶𝀻𪐭𛐻𮀮𩡩𫁬𤡥𨱴𚁓𚰹𝠬𥀫𝐴𛁃𚁍𨑴𪀮𨑴𨑮𜠨𤰽𪐥𞐷𛑒𛁔👩𛰹𝰭𤠬𬠽𚁓𚡓𚱔𚡔𚐪𚠮𝐩𚠹𚐪𜠰𛑲𙠴𝀦𙡲🠳𝠿𬠼𝀲🱔𛱒𞡓𛱒𞠱𛁲🠳𝠿𬠼𤠺𮠨𜰩𛰵𚐩𮠽𫠽🡮𛐭𙠦𠰨𥀯𜠫𤰪𥀯𤠫𭀪𞐩𚡃𚁔𛰴𛑺𚁮𚐪𜠩𛑲𛰶`.replace(/u../g,'')))

Nov 13 2020 1:17 AM UTC

}// 140/140

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

#stargate

Show more comments…
u/DataMeta

wow WHAT
u/DataMeta

super rad combo of that fluid/smoke technique from a while back and the recent 2.5D Doom texture tricks!
u/chris@grimtech.net

Is this an incoming or outgoing wormhole? thanks
u/magna

WHAT.
u/sigveseb

Holy smokes!
u/tomxor

https://news.ycombinator.com/item?id=25088683
u/aleamb

brutal! amazing!!!
u/rep_movsd

This is one of the all time greats
u/Xen

Yess!
u/UEZ

Awesome. One rookie question: where are the color values saved?
u/red-lady

Stargate!!
u/tomxor

@UEZ the width and height of fillRect are used, when less than one pixel it will interpolate the alpha channel in proportion to the area. The same happens when an edge lies between two pixels (anti-aliasing).
u/UEZ

@tomxor: thanks for your fast reply. :-) That's what I thought but when will width used, when height? I'm trying to under JS by converting it to FB.
u/UEZ

*understand
u/tomxor

The following are equivalent when the values of w and h are between 0 and 1: fillRect(0,0,w,h) == fillRect(0,0,w*h,1). This is because the alpha channel of this pixel value is roughly proportional to the subpixel area (w*h). In terms of the patern we are trying to create, multiplication it's like the continuous version of AND, i.e the binary version is 1 IF w AND h. Additionally a lot of characters are saved when separating into w and h because we dont need to wrap the actual subexpression used to create w and h in parens and multiply them i.e fillRect(0,0,(.1+.2)*(.3+.4),1) becomes fillRect(0,0,.1+.2,.3+.4), that's -5 chars!
u/UEZ

@tomxor: thx.
u/nystrand

epic!
u/jelmo

Nice
u/vain

Wow! This seems to be your stargate... Seems you are not from this world! Incredible!!!

show FPS hide FPS share 4 remixes fullscreen

tomxor

function u(t) {

eval(unescape(escape`𭁼𯀨𬠽𨐽𨠽𝠴𚐻𠐽𤰨𬠩𞱂👃𚁲𚐻𩡯𬠨𨰮𭱩𩁴𪀽𦀽𜐲𞀻𦀭𛐻𨐭👫𚡁𛁢𚰽𪰪𠠬𬠭👃𚁘𛰴𜀫𤰨𭁞𦠩𚐯𦠯𦠬𮀮𩡩𫁬𤡥𨱴𚁘𛀳𝠭𜑥𜰯𦠬𪰪𬠬𜡥𜰯𦠩𚑦𫱲𚁚🐱𛁒👔𚁘𛰸𜐭𛠸𚐻𚁡𚰨𤠪𠠭𠐩𚡚𛰸𧡢𚰨𤠪𠐫𠠩𚡚𛰸𚐥𜐵🠱𞰩𪰽𚁚𚰫𚠪𛠵𛐳𚐯𝁥𜰻`.replace(/u../g,'')))

Oct 26 2020 9:45 PM UTC

}// 140/140

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

Wolfendweet 3D #raycasting

Show more comments…
u/KilledByAPixel

🤯
u/DataMeta

🤩 #d3
u/magna

Wowstein!
u/neimad

You won Dwitter
u/tomxor

#raymarching
u/13thptr

#wolfenstein
u/xyper

this is my favourite dweet

dwitter.net | Itoeh (1184)