New #hiddengem dweets

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

yonatan

remix of d/10782 by u/yonatan

function u(t) {

for(i=c.width=99;i--;)for(k=j=50;j-->-k;x.fillRect(i,j/2+28,i!=k,j>0?(S(j*j+q/j-t*7)+C(j**5-q/j*6+t)**3)*j/k:S(j*q)<.98))q=i%k-(j>0&i>k)*j/4

Nov 3 2018 1: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).

Cross your eyes (inspired by https://twitter.com/2DArray/status/105855223…)

Show more comments…
u/tomxor

hah, #stereo #vr dweet
u/magna

Awesome!
u/lionleaf

haha, wow! First time I've seen a dweet in stereoscopic 3D #depth #stereoscopic #crosseyed
u/ldm0

That is awesome!!!
u/joeytwiddle

#hiddengem Cross your eyes and line up the star for 3d!
u/joeytwiddle

#stereograph

show FPS hide FPS share 3 remixes fullscreen

f8f82804

remix of d/9162 by u/f8f82804

function u(t) {

eval(unescape(escape`睩瑨⡸⥦潲⡩㴳ㄴ㭩ⴭ㭢敧楮偡瑨⠩⥡牣⠲㐰⨨⡣㵓⡡㵩⼱〰⤪匨戽琫椩⤫㐩ⰱㄲ⨨匨愩⩃⡢⤭㈪䌨愩⬴⤬㐰⨨匨愩⬮㈩ⰰⰷ⤬晩汬⠩ⱦ楬汓瑹汥㵠桳氨⑻㌶〪⠨戯㘭琯㐩┱⥽‹〥⑻㌰⨨ㄫ挫挪⨹⥽╠`.replace(/u(..)/g,"$1%")))

Aug 8 2018 7:04 PM UTC

}// 136/140

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

Fancy #phong #shading #sphere -- #compressed #d3 #pbr

Show more comments…
u/f8f82804

Uncompressed: with(x)for(i=314;i--;beginPath())arc(240*((c=S(a=i/100)*S(b=t+i))+4),112*(S(a)*C(b)-2*C(a)+4),40*(S(a)+.2),0,7),fill(),fillStyle=hsl(${360*((b/6-t/4)%1)} 90%${30*(1+c+c**9)}%
u/magna

#sequins
u/lionleaf

Now that's beautiful!
u/f8f82804

I love it, but I really wanted to do it without compression. I even tried using fillText('●'). See my remix for the closest I could get.
u/iverjo

Sweet! #colorful
u/joeytwiddle

#hiddengem #model
u/f8f82804

#fullhd

show FPS hide FPS share fullscreen

yonatan

remix of d/7305 by u/yonatan

function u(t) {

for(i=2e3,n=99;i--;x.fillStyle=R(q=(Y+1)*n,q/3,n-q),x.fillRect(i,t*n-(Y|0)*n,1,n*n))for(Y=0,j=4;j--;)Y+=C(((i-960)+S(t+Y)*n*j*j)/2**j/t/9)

Mar 13 2018 7:28 AM UTC

}// 139/140

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

Canyons

u/yonatan

added perspective like in d/7303
u/joeytwiddle

Beautiful!
u/aleamb

great!
u/magna

(ノಥ,_｣ಥ)ノ彡┻━┻
u/joeytwiddle

#landscape #slow_render #hiddengem

show FPS hide FPS share 1 remix fullscreen

AnnanFay

remix of d/6715 by u/AnnanFay

function u(t) {

(async 淵=>eval((t<9&&記?記:(reset(記=1),記=/u\(t.*([^]*?) }/.exec(await(await fetch(名=0|Math.random()*9e3)).text(),t=0)))[1]))();throw 名};{記=0

Mar 9 2018 9:45 PM UTC

}// 138/140

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

Slideshow v2: A new Dweet every 9 seconds. Current Dweet in error message. Version 2 comes with improved compatibility, usability and performance.

Show more comments…
u/fujimotos

Oh, why do you use kanji characters as variables?
u/AnnanFay

The kanji are so I don't accidentally redefine a variable which something uses. For example there's code which does t||(_=c.width) so if I use _ it would break the code. It will break stuff which uses these kanji, but right now this is the only dweet using them.
u/fujimotos

Nice. I didn't know that they are valid variable names...
u/DataMeta

#hiddemgem
u/DataMeta

#hiddengem
u/joeytwiddle

Unfortunately this magic got blocked when CSF was introduced

show FPS hide FPS share 1 remix fullscreen

dwardu

function u(t) {

r=n=>(Math.random()*n|0)*96
x.drawImage(c,r(19),r(10),192,192,r(20),r(11),w=96,w)
x.fillStyle=R(z=r(2)**2,z,z)
x.fillRect(r(20*9),r(11),w,w)

Mar 1 2018 8:03 PM UTC

}// 140/140

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

Splits 1920px×1056px canvas into 20×11 grid of 96px×96px tiles. Once every 9 frames fills a random tile black or white. Every frame picks a random 2×2 group of tiles and draws it onto a random 1×1 tile at ½ the size.

show FPS hide FPS share fullscreen

yonatan

remix of d/6595 by u/yonatan

function u(t) {

c.width|=0
for(i=99;i--;x.fill(new Path2D('M-1 -1L1 1 1 -1 -1 1')))w=i*S(i+t*15),x.setTransform(w,0,0,i,(t*i*9+i*i)%2e3,S(t+i)*i*9+99)

Feb 25 2018 12:57 PM UTC

}// 135/140

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

small bugfix - removed *S(i)

u/magna

#butterfly #hiddengem

show FPS hide FPS share 1 remix fullscreen

kchplr

remix of d/4751 by u/kchplr

function u(t) {

x.strokeRect(0,0,W=1912,H=1072)
x.rotate(C(t*26)/2977)
x.drawImage(c,4.6,4,W,H-2)
x.strokeStyle=`hsl(${50+t*9},70%,${52-C(t/2)*45}%)`

Dec 30 2017 6:15 PM UTC

}// 133/140

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

u/joeytwiddle

#tunnel #colors
u/joeytwiddle

#hiddengem #waitforit
u/joeytwiddle

Rich colours in Chrome but not in Firefox

show FPS hide FPS share fullscreen

kchplr

remix of d/3105 by u/kchplr

function u(t) {

for(c.width|=i=0,f=t*3%2|0;++i<256;)'|þ᧺뽾똿곿객︿㯴Ǽø'.charCodeAt(f?i>>4:15-(i>>4))&1<<i%16|0&&x.fillRect(i>>4<<5,i%16<<5,32,32)

Aug 25 2017 10:56 AM UTC

}// 128/140

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

Sprite animated with simple mirroring

Show more comments…
u/kchplr

can actually make it move under 140 chars: for(c.width|=i=0,f=t*5%2|0;++i<256;)'|þ᧺뽾똿곿객︿㯴Ǽø'.charCodeAt(f?i>>4:15-(i>>4))&1<<i%16|0&&x.fillRect(i>>4<<5,(i%16+t*5<<5)%1e3,32,32)
u/sigveseb

Very nice, cool tricks
u/donbright

excellent
u/FireFly

Very nice! Where is the sprie from? For some reason it feels really familiar…
u/kchplr

@FireFly: Possible :) It's a NPC from The Legend of Zelda: Oracle of Ages
u/13thptr

#hiddengem #bitmap

show FPS hide FPS share 3 remixes fullscreen

FireFly

function u(t) {

for(i=2e3;!t&&i--;Math.random()>(X**2+(Y-4)**2)**.5/6&&f(7)+f(-7))X=i&3,Y=i>>2&7,f=m=>x.fillRect(240*(i>>5&7)+120-X*m,180*(i>>8)+50+Y*7,7,7)

Aug 20 2017 3:53 PM UTC

}// 140/140

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

Spritegen! Generates 48 random sprites each time the dweet is run (make a change to rerun the dweet)

Show more comments…
u/sigveseb

I love this!
u/alien

wait WHAT !!
u/alien

D: What is going on here!! how
u/iverjo

How does it work?
u/FireFly

It's a dweetification of an older sprite generator of mine. The idea is to take a "mask" of 0..1 floats and filter a grid of random numbers for when num<mask. In this case the mask is based on euclidean distance from centre. This is done for half the sprite, and then the other half is just mirrored
u/FireFly

(You could also view it as flipping a biased coin for each mask value, with the bias given by the mask)
u/FireFly

The same principle would work just as well with larger sprites too, and more exotic/interesting mask shapes. The same rid of random numbers could be applied to different masks, or to an animated mask, to produce an animation between sprites, too!
u/nystrand

so cool!
u/joeytwiddle

Awesome. I love it. Every single one looks like a space invader!
u/iverjo

Interesting technique. Thanks for explaining :) Also, I agree with joeytwiddle
u/jick

Got a link to the original sprite generator?
u/FireFly

I never really wrote it to be shared, so it's all hardcoded and with really ugly code. I put together this animation though: https://twitter.com/FireyFly/status/80072288…
u/statenlogic

Simple, but effective! Makes me want to play 8-bit games again.
u/donbright

genius
u/joeytwiddle

#hiddengem
u/stiaje

#witchcraft
u/tomxor

#bitmap #sprite
u/KilledByAPixel

#generative pixelart
u/KilledByAPixel

#pixelart

show FPS hide FPS share 2 remixes fullscreen

keithclark

function u(t) {

for(a=c.width^=0;d=C(--a+t)*S(b=a*1.2502),e=S(a+t)*S(b);x.fillRect(d*h+960,C(b)*h+540,i=h/40-5,i))h=900/(2-e)

Mar 25 2017 3:25 PM UTC

}// 109/140

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

Show more comments…
u/recursive

Huge savings. I wonder what else could be added.
u/donbright

@recursive . ... https://www.dwitter.net/d/2306
u/keithclark

i'm trying to get rotation along 2 axes
u/keithclark

Try changing 1.2502 to different values for different patterns. For example: use 70.286 for death star
u/PeteAJ

A little confused by the for loop. The second statement just defines the variables d and e?
u/joeytwiddle

Here is an earlier version: https://www.dwitter.net/d/2278
u/joeytwiddle

#hiddengem
u/f8f82804

@PeteAJ I've used the same for trick before -- if either of a+t or b are zero, their sine is zero so the product is false-y, which terminates the loop

dwitter.net | #hiddengem