Dweets awesomed by u/Joachim

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 2 remixes fullscreen

tomxor

remix of d/20436 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪀽𠐽𜐲𞀻𠐻𚁘𧡒𚐥𝰾𜐿𤠫🐮𜀱𞡔𚰫🀴𞀿𮀮𩡩𫁬𤡥𨱴𚁁𛑺𚡵𚠨𤠪𞀦𝰿𛐳𞠳𚐬𜰶𚱔𛱒𛑺𚡃𚠳𛁍𨑴𪀮𪁹𬁯𭀨𭐬𠰽𥀯𞐶𚱓𚁴𚐯𜠩𚠨𜐭𛠶𛱒𚐫𮠯𜠬𜠯𤠩𞠨𭐽𛐭𠐯𝠴𛐱𛁒🐱𛁔🐭𝀸𚐩𦀽𤠪𭐫𭀫𜠬𮠽𚁘𚱒𚐪𜐶𛁺🐨𮠭𥁞𥀫𮠩𙐷🠵`.replace(/u../g,'')))

Jun 7 2023 12:44 AM UTC

}// 139/140

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

#DooM 2.5D #bumpmap textures

u/tomxor

Same concept of XY displacement, but X displacement needs to be inverted when a surface is aligned along Z to give the illusion of the light comming from the observer. Completely unrealistic lighting tricks.
u/deobfuscate

I don't feel like I can make any more dweets with so many good ones like this roaming around.
u/danny@hille.dk

This is just out of this world. #witchcraft
u/vain

Just f*cking amazing! 😎

show FPS hide FPS share 3 remixes fullscreen

danny@hille.dk

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

function u(t) {

w=c.width=128;for(i=1e4;i--;)x.fillRect(X=i%w,Y=i/w|0,Math.min(s=Math.hypot(X-64-
C(t)*40,Y-36-S(t*1.2)*28)/16,.4/((X^Y)%7)),s)

Jun 2 2023 9:45 PM UTC

}// 127/140

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

bump mapping remix

u/Joachim

Really nice #lighting
u/@noel

Beautiful. I need to dig into this, to understand how this actually works.
u/rodrigo.siqueira

Wow! Replace X^Y with X|Y to generate Sierpinski triangles. Replace Math.min with Math.max for a more dramatic effect. Remove |0 for improved golfing (a minimal visible effect on top alignment). Replace "t*1.2" with "C(i+t)*6" for the "water effect".
u/jellyedwards

Wow that's amazing!!

show FPS hide FPS share fullscreen

New_Core

function u(t) {

with(x)for(fillRect(0,0,w=2e3,w),a=i=540;i--;strokeRect(0,a-(i%2<1?-i:i),w,w))setLineDash([i]),lineDashOffset=(-w/2-i*t)%i,strokeStyle=R(i)

Jun 1 2023 10:56 PM UTC

}// 139/140

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

based on one of my older once...

u/danny@hille.dk

NICE!

show FPS hide FPS share 2 remixes fullscreen

@noel

function u(t) {

eval(unescape(escape`󩭯󬬨󪬽󛜱󞽪󟌨󭼽󜬵󝜩󞽩󚼫󚝦󫽲󚍹󟜭󜜫󜬪󪬫󚼯󭼬󪜽󛜱󞽩󟍷󞽩󚼫󚝻󪼽󛜱󚼲󚭩󛽷󒭤󟝍󨝴󪌮󬽱󬭴󚍫󚭫󚽹󚭹󚜊󨜽󣝡󭍨󛭡󭍡󫬲󚍹󛍫󚜊󮬽󭼪󠼨󨜩󛽤󚽴󚭷󧬨󭼪󤼨󨜩󛽤󚽴󚭷󚜊󮌮󩭩󫍬󤽴󮝬󩜽󤬨󩌬󮬦󭼬󮬦󭼩󒭸󛭦󪝬󫍒󩝣󭌨󪜬󪬬󜜬󜜩󯜻`.replace(/u../g,'')))

Jun 1 2023 6:02 PM UTC

}// 133/140

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

Stereographic Projection

Show more comments…
u/@noel

My first dwitter. I reduced the drawn area, but it still runs very slow
u/@noel

for(j=-1;j<(w=255);i++)for(y=-1+2*j++/w,i=-1;i<w;i++){k=-1+2*i/w d=Math.sqrt(k*k+y*y) a=Math.atan2(y,k) z=w*C(a)/d+t*w^(w*S(a)/d+t*w) x.fillStyle=R(d,z&w,z&w) x.fillRect(i,j,1,1)}
u/@noel

In java this runs smoothly.
u/@noel

A bit of a disappointment. I am going to try to do this with bigger rectangles now.
u/Xen

nicely done! welcome to the dwitter family
u/KilledByAPixel

fillStyle can be slow when called this often (60,000+ times per frame), you can make a faster/smaller version in grayscale by removing the fillStyle and doing this x.fillRect(i,j,1,(z&w)/w)
u/danny@hille.dk

uncompressed using grayscale and some other golfing tricks ->c.width=w=255;for(m=4e4;m--;x.fillRect(i,j,((C(a=Math.atan2(y,k))*w/d+t*w^S(a)*w/d+t*w)&w)/w,1))i=m%w,j=m/w,d=Math.hypot(k=i/w-.5,y=j/w-.3)
u/danny@hille.dk

Great first Dweet, by the way :-)
u/@noel

u/danny@hille.dk Thank you. Your solution is really nice. I am playing right now with it.

show FPS hide FPS share 1 remix fullscreen

PotatoImaginator

function u(t) {

eval(unescape(escape`挮獴祬攮扡捫杲潵湤㴧⌰慦✊挮睩摴栽眽ㅥ㌊景爨椽栽㌰〻椭ⴻ⥦潲⡪㵨⼴㭪ⴭ㭸⹦楬汓瑹汥㵒⡨ⰲ〰ⴵ〪⠰簨⡩⵷⼸⤯⠱⭪⤫匨樯㠩⬴⩴⭷⤥㈩ⰸ⤩砮晩汬剥捴⠴⩩ⱨ⬴⩪ⰴⰴ⤠`.replace(/u(..)/g,"$1%")))

May 29 2023 6:29 AM UTC

}// 127/140

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

Desert Animation #desert #sand #compressed

u/PotatoImaginator

Source code is:
u/PotatoImaginator

c.style.background='#0af' c.width=w=1e3 for(i=h=300;i--;)for(j=h/4;j--;x.fillStyle=R(h,200-50*(0|((i-w/8)/(1+j)+S(j/8)+4*t+w)%2),8))x.fillRect(4*i,h+4*j,4,4)
u/Xen

highly sexy!!!!!
u/UEZ

missing the sand hills ;-)
u/cantelope

8-bit-esque

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/27539 by u/KilledByAPixel

function u(t) {

for(c.width|=i=30;i--;x.fillText('D W I T T E R',50+i,800+i,1800))x.fillStyle=i?R(x.font='900 8in arial'):'#fff'

May 28 2023 5:38 PM UTC

}// 112/140

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

Shadow Font

Show more comments…
u/Joachim

Minus four chars… for(c.width|=i=30;i--;x.fillText('D W I T T E R',50+i,800+i,1800))x.fillStyle=i?R(x.font='8in arial'):'#fff'
u/KilledByAPixel

that one is a bit different without bold font, however i noticed the c.width|= is not necessary
u/Joachim

Oh, okay. The bold font doesn’t make any difference on the device I’m using.
u/deobfuscate

Ive always wanted to know why |= is used. Why specifically use the or equal operator?
u/deobfuscate

Ive always wanted to know why |= is used. Why specifically use the or equal operator?
u/deobfuscate

Whoops, accidentally posted it twice.
u/cantelope

|= isn't or-equal, it's the bitwise or, not an operational or... in the vein of a *= b, it performs the bitwise 'or' operation on the settee. e.g. a |= b is the same as a = a|b ...hope this helps :)
u/deobfuscate

I messed around with it: 0|0 is 0, 1|1 is 1, and so on. But if both numbers are different, it returns the sum.
u/KilledByAPixel

to clear the canvas you just have to do a math operation to the width or height, i use |=0 for some reason but you can use +=0 or -=0 or *=1 etc

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/27534 by u/rodrigo.siqueira

function u(t) {

for(c.width|=c.style.filter='blur(4vh)invert(',i=3e3;i--;x.fillRect(960+T(p=T(i))/Z,540+C(p)/Z,K=30*T(t/9),K))Z=T(i*i)/(P=(i-S(t/9)*t)%9)**4

May 25 2023 8:05 PM UTC

}// 140/140

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

Formation and dispersal (remix)

u/Xen

#FarTooSexy
u/rodrigo.siqueira

This is hypnotic and mesmerizing. I use fullscreen to enjoy the relaxing effect.
u/andrea270872

I feel like I'm going to Warp speed! Very cool

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/27826 by u/rodrigo.siqueira

function u(t) {

for(x.fillRect(0,0,w=2e3,w),i=1e4;i--;x.clearRect(960+C(p=T(i*i-t/9))/(Z=(i/S(t+i+p)+i*p*i/320)/i/i),540+S(p)/Z,K=3*S(i),K))x.globalAlpha=.1

May 25 2023 12: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).

Galactic knot

u/deobfuscate

The universe gets pretty bored sometimes...
u/Joachim

Wow!!
u/joeytwiddle

There is a region of space they all avoid, except some of them occasionally don't!

show FPS hide FPS share fullscreen

Smorg

function u(t) {

c.width=1920;
for(i=7;i--;)for(j=150;j--;x.beginPath(x.fill()))x.arc(960+100*i*C(t/i+j/70),540+100*i*S(t/i+j/70),j===149?(i*2.5)+15:5,0,10)

May 7 2023 9:54 AM UTC

}// 139/140

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

Orbiting Planets

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/26274 by u/rodrigo.siqueira

function u(t) {

for(x.fillRect(0,0,w=2e3,w),i=2e4;i--;x.clearRect(w/2+S(p=T(i**5))/(Z=T(i+t)/99),w/4+C(p+S(i*2)+Z)/Z,T(i-t+S(i+t)*9)/9,.7))x.globalAlpha=.04

May 6 2023 6:16 PM UTC

}// 140/140

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

Nuclear reactions

u/Joachim

Wow!
u/BuRRak

This would make for a sick wallpaper
u/andrea270872

nice, kind of nuclear! :D

dwitter.net | Joachim (51684)