Dweets awesomed by u/Renaud___

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 1 remix fullscreen

pavel

remix of d/23980 by u/primo

function u(t) {

for(c.width&=i=10368;i--;x.fillRect(i&127,i>>7,f(.6),1))f=n=>6-n*i/3e3-6*n>S(Math.hypot(i/64%2-1,i/5e3-2.2+1/n)*12*n-8*t)?f(n+.02):n/.7-.7

Oct 3 2021 11:54 PM UTC

}// 138/140

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

#raytracing z = sin(sqrt(x*x + y*y) - t)

u/pavel

Also a pretty generic ray tracing 'engine.' Change f to trace other things.
u/pavel

Style remix, no idea how the code I'm remixing works yet. It does not look to do ray tracing so its clearly better.
u/primo

The original uses z + ∂/∂y z for saturation, which looks about right tilted at or near ~26.5°.
u/pavel

for(c.width&=i=10368;i--;x.fillRect(i&127,i>>7,f(.7),1))f=n=>(z=5-i/3e3-3*n)>S(Math.hypot(i/64%2-1,i/5e3-n)*9-6*t)?f(n+.03):--z*.4 is a better one, no weird view prism.

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/23968 by u/KilledByAPixel

function u(t) {

for(X=t?X+r*50:0,i=h=11+6*C(t*4+X%1)<<5;--i;x.fillRect(...t?[X-r*i/4,600+(r*8&3?i-h:h-i),i/4,2]:[i*8,r*999,h,r]))r=Math.random()

Oct 2 2021 12:56 PM UTC

}// 128/140

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

Smolr Tree Lake

Show more comments…
u/tomxor

A nice round 2**7 chars. A bit of bitwise, ternary trimming and coefficient concessions
u/KilledByAPixel

nice! I'm surprised you didn't get rid of the Math.random()!
u/yonatan

nice golf, r=(t+i)**3.9%1 works too
u/tomxor

Yeah I was surprised to, I think this one is a bit more sensitive to bad distributions. Yonatan's is pretty good though.
u/pavel

X=t?X+r*50:0 -> X=t&&X+r*50
u/pavel

r=++t**3.9%1 saves 3 chars
u/pavel

Ah, no, it kills the sky/water.
u/KilledByAPixel

i feel it is possible to somehow golf the random part by at least a byte but I still haven't found a way without major issues
u/pavel

for(X=t&&X+r*25,i=h=11+6*C(t*4+X%1)<<5;--i;x.fillRect(...t?[X-r*i/8,600+(r*8&3?i-h:h-i),i/4,2]:[i*8,r*600,h,r]))r=1+S(i^X)
u/pavel

122
u/KilledByAPixel

I knew you could do it pavel!
u/aleamb

beautiful!!

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`󦌽󭌿󦌫󬬪󝬹󞬰󒭨󟝴󟼹󞜫󜼰󜌪󬬫󞜹󚭃󚍴󚬷󚜺󝽥󜼊󩭯󬬨󪜽󜌻󪜼󪌻󮌮󩭩󫍬󤭥󨽴󚍱󛌷󜌰󚽨󛜫󚽩󛍷󛍲󚜩󬬽󣝡󭍨󛭲󨝮󩍯󫜨󭼽󪜯󝌩󛍸󛭦󪝬󫍓󭍹󫍥󟝒󚍶󟝴󟼰󞬸󜌫󪜬󭬬󭬯󛬸󚜬󮌮󩭩󫍬󤭥󨽴󚍱󟜡󭌦󪜿󬬪󜭥󜼺󦌭󭼫󭼪󬬬󭌿󝼰󜌭󪌫󪜺󭼬󭌿󭼺󮬽󪜿󜬺󜭥󜼬󮬩`.replace(/u../g,'')))

Sep 30 2021 3:52 AM UTC

}// 140/140

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

Treescape 🌲

Show more comments…
u/Joachim

wow!
u/UEZ

nice!
u/rep_movsd

This is one of the best ever
u/rep_movsd

This deserves a writeup
u/KilledByAPixel

Thank you, I will try to do that
u/UEZ

A little bit darker: X=t?X+r*69:(x.fillRect(0,0,2e3,1e3),0) hh=t?99+300*r+99*C(t*7):7e3 for(i=0;i<hh;)ww=i/4,r=Math.random(ww),v=t?0:80+i,x.fillStyle=R(v>>2,v>>2,v/.8>>2,.7),q=(!t&i)?r*2e3:X-ww+ww*r,x.fillRect(q,t?700-hh+i:ww,t?ww:z=i?2:2e3,z),x.fillStyle=R(v,v,v/.8),x.fillRect(q,700+hh-++i,ww,r)
u/UEZ

Btw, thank you very much for the very usefull 𝓒𝓪𝓹𝓙𝓢 editor :-)
u/DaSpider

Next level
u/magna

WHOA
u/aleamb

wow!! #landscape #nature #tree
u/vain

Really impressive! What a beautiful forest landscape with a starry sky <3

show FPS hide FPS share fullscreen

danny@hille.dk

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

function u(t) {

eval(unescape(escape`󭍼󯌨󢜽󫭥󭼠󢝭󨝧󩝄󨝴󨜨󭼽󨼮󭽩󩍴󪌽󜼶󜌬󭼩󚜻󩭯󬬨󫜽󮬽󞝥󝌻󫜭󛜻󢜮󩍡󭍡󛭳󩝴󚍛󬼽󤼨󮬽󤼨󦜯󩌪󬬫󭌪󝼫󠼨󦌯󩌫󭌪󝜩󚜩󚭷󛍳󛍳󛍷󧜬󫜪󝌩󚝩󟝭󙝷󛍪󟝭󛽷󛍤󟜨󬬽󚍘󟝩󛼹󜌭󜬩󚭘󚼨󦜽󪬯󞜰󛜱󛬱󚜪󦜩󟬱󟼮󜬺󠼨󬬩󞽸󛭰󭝴󢝭󨝧󩝄󨝴󨜨󢜬󜌬󜌩`.replace(/u../g,'')))

Sep 22 2021 11:20 PM UTC

}// 137/140

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

dunno what to label this remix

u/UEZ

#glass #ball #reflection - looks very cool.
u/danny@hille.dk

Thanks u/UEZ, now that you mentioned it, glass ball seems kinda obvious :-)

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/23876 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󩭯󬬨󨼮󭽩󩍴󪍼󟝳󟝧󟝪󟜰󞼫󚽪󟌸󞼩󩭯󬬨󭼽󪜽󝍥󜼬󬜽󪬭󜬬󮌮󩭩󫍬󤽴󮝬󩜽󤬨󭬽󬜿󞜹󛝪󚬱󝜺󭼬󭬬󭬩󛍤󟝪󚬹󞜫󭌪󜬰󚭱󚬪󜭼󜌻󪜭󛜻󮌮󩭩󫍬󤭥󨽴󚍩󚭪󛍱󟽪󟬱󟼲󝜰󚽧󚬲󚽪󚭪󚬱󝬺󜌺󬬪󜜵󛍪󛍱󟽷󞬲󚜩󩼫󟝳󟜨󬬽󚼫󩌪󚬱󛬳󚬱󩜹󙜴󜌩󟌴󟽲󛜲󞭳󛝧󛼲󩜳`.replace(/u../g,'')))

Sep 20 2021 2:50 AM UTC

}// 139/140

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

Parallax Mountains ⛰️

Show more comments…
u/KilledByAPixel

These are non-repeating mountain ranges, using a similar formula used in my #JS13k game Space Huggers
u/rep_movsd

#parallax #landscape
u/rodrigo.siqueira

The first game where I saw this effect was in Moon Patrol, I liked it a lot, it was great and also had a great music. I think it would not be difficult to recreate Moon Patrol from this Dweet.
u/andrea270872

moon patrol ate so many of my coins!! :D
u/tomxor

Pretty sure I first saw the effect in StarRay (Atari ST), I think I enjoyed the music more than the gameplay, no coins though :P
u/vain

Very cool and smooth paralax landscape

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/19550 by u/tomxor

function u(t) {

for(c.width=w=127,i=9087;i--;t?p&u[r=i+w+r%3]<1&&--u[i]&++u[r]:u[i]=r)x.fillRect(X=i&w,Y=i>>7,.5,p=u[i]),v=Y-36,r=(X/3-21)**4>v*v?2:i*t|Y<30

Sep 10 2021 2:03 AM UTC

}// 140/140

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

Overfilled #hourglass

u/pavel

#time
u/rep_movsd

Amazing!
u/tomxor

Excellent! makes me wonder what else we can do with this stuff...

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=t%=1,s=60*2**t,r=.71+.29*t;i--;x.fillRect(((i&60)+Y%2*2+r*C(a=.7854*(2*i+t-1))-t-.5)*s,(Y*2+r*S(a)-.5)*s,s,s))Y=i>>6

Sep 8 2021 6:43 PM UTC

}// 131/140

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

Check this out

Show more comments…
u/UEZ

Looks very nice and smart coded. One noob question: which colors will be used in the loop by default when you don't use fillStyle? I saw many examples without fillStyle but the result is not monochrom. Thx.
u/rep_movsd

The default fill color and stroke color are black. Colors have to be set with fillStyle, strokeStyle or perhaps even setting the background (rare)
u/pavel

The default color for fill, fillRect, stroke, strokeRect is black and you need to call fillStyle or strokeStyle respectively. You must have seen other drawing techniques, maybe like putImage or using style attributes to add a filter over the B&W colors.
u/pavel

Haha looks like we answered at the same time and eerily similarly.
u/UEZ

Hmm, when I look to https://www.dwitter.net/d/23732 I cannot see any strokeStyle/fillStyle but the color result is greyscale.
u/pavel

Gray can be achieved by spacing out black pixels amongst white ones. d/23773 shows this clearest.

show FPS hide FPS share 3 remixes fullscreen

rep_movsd

function u(t) {

eval(unescape(escape`𤀽𣰽🡸𛡦𪑬𫁒𩑣𭀨𣰬𮐽𦐭𤰨𨐽𦀯𦠭𛠵𚐪𦀯𝀬𜰬𥀿𜰺𦀽👚𯁼𦀽👗𛐱🰱𝠺𝀪𚁃𚁆𚡏𚡹𚐾𛠸𙠦𦐥𜐶𙠦𨐾𛠷𙠦𨐼𜠮𝰦𙡙🡚𚰶𞐦𙡙🀹𜀰𚐩𒡙🐨𡠽𩡲𨑭𩐩𙐹𞐪𞀫𚁚🐲𞀰𚐬𥀽𦐼👚𯁼𦐾𚁗🐹𝠰𚐊𩡯𬠨𦀽𦠻𡠼𜐰𜀦𙡘🁗𞱘𚰫𚑐𚁘𚐬𤀨𜐹𜠰𛑘𚐻`.replace(/u../g,'')))

Sep 4 2021 9:16 PM UTC

}// 139/140

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

The book of dweet

u/neimad

very nice
u/tomxor

Great idea
u/KilledByAPixel

now that's what i call a good book!

show FPS hide FPS share 2 remixes fullscreen

rodrigo.siqueira

remix of d/23572 by u/rodrigo.siqueira

function u(t) {

for(Z=c.width=i=175;i--;)for(H=Z;H--;x.fillRect(i,H,1,1))Y=H/9-5,r=((X=i/10-9)*X+Y*Y+1-C(t*8))/Z,x.fillStyle=R(K=T(Y/r|X/r+t*Z)*Y+5/r,K/5)

Aug 17 2021 5:16 PM UTC

}// 138/140

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

Spierpinski debris around a pulsating core #sierpinski

u/danny@hille.dk

Beautiful
u/danny@hille.dk

better resolution + performance for(I=new ImageData(c.width=w=175,w),i=w*w;i--;)Y=i/w/9-5,r=((X=(i%w)/10-9)*X+Y*Y+1-C(t*3))/w,I.data.set([K=T(Y/r|X/r+t*25)*Y+16/r,K/6,,255],i*4);x.putImageData(I,0,0)
u/jellyedwards

Wow!

show FPS hide FPS share 2 remixes fullscreen

rodrigo.siqueira

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

function u(t) {

eval(unescape(escape`󢜽󫭥󭼠󢝭󨝧󩝄󨝴󨜨󥼽󜼲󜌬󢌽󜜸󜜩󞽳󟝉󛭤󨝴󨜻󩭯󬬨󨼮󭽩󩍴󪌽󭼽󪜽󜼲󜌻󪜭󛜻󚝦󫽲󚍈󟜱󞌱󞽈󛜭󞽳󛭳󩝴󚍛󢼽󥌨󦜯󬭼󦌯󬬫󭌪󞜩󚭈󚼱󛽲󛽈󚭓󚍴󚜪󞌸󚭙󛍋󛼶󛌬󜬵󝝝󛍈󚭗󚬴󚽩󚬴󚜩󦜽󢌯󝼰󛍲󟜨󚍘󟝩󛼸󜌭󜬩󚭘󚽙󚭙󚜯󝜰󞽸󛭰󭝴󢝭󨝧󩝄󨝴󨜨󢜬󜌬󜌩`.replace(/u../g,'')))

Aug 16 2021 10:09 PM UTC

}// 139/140

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

Sierpinski Pulsar Orbit #sierpinski

u/danny@hille.dk

Super cool - golfed a bit to center the pulsar I=new ImageData(c.width=i=W=320,h=181);for(s=I.data;i--;)for(H=h;H--;s.set([K=T(Y/r|X/r+t*9)*H+1/r/h*S(t*3)*W*H/16,K/6,,255],H*W*4+i*4))Y=1.3-H/70,r=((X=i/80-2)*X+Y*Y)/50;x.putImageData(I,0,0)
u/danny@hille.dk

better version: I=new ImageData(c.width=i=W=320,h=181);for(s=I.data;i--;)for(H=h;H--;s.set([K=T(Y/r|X/r+t*9)*H+1/r/h*(1+S(t*3))*W*3,K/6,,255],H*W*4+i*4))Y=1.3-H/70,r=((X=i/80-2)*X+Y*Y)/50;x.putImageData(I,0,0)
u/384.cz

nice

dwitter.net | Renaud___ (33845)