New #smoke 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 1 remix fullscreen

rodrigo.siqueira

remix of d/24908 by u/rodrigo.siqueira

function u(t) {

with(x)for(i=800;i--;fillRect(~setTransform(i,0,0,i,880+i+3*i*C(i),700+2*i*C(i/400)),~rotate(i/6+t/2),2,2))fillStyle=R(i/5,i/4,i/3,.07)

Feb 11 2022 12:45 PM UTC

}// 135/140

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

Misty mountain fog #smoke

Show more comments…
u/tomxor

Simple but very effective!
u/aleamb

wow!
u/vain

OMG! It looks so great. Where do you guys get the ideas & math formulas from?
u/magna

O M G
u/rodrigo.siqueira

u/vain It is the combination of rotations, scaling and translations (setTransform) and transparent color (.07 opacity). I remix and play with parameters and all stems from u/pavel 's Underwater cavern: https://www.dwitter.net/d/18597 My previous dweets are also remix of it. The math formulas (sin and cos) are not the main thing, they just create some almost random numbers with cyclic properties. I can not predict the result only looking to the formulas. I remix and explore combinations and post when I find interessting results.
u/vain

u/rodrigo.siqueira Thank you for your feedback and the nice and detailed description. Keep on your nice work! ;-)
u/joeytwiddle

Beautiful! #cloud #mountain #scene

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/24904 by u/rodrigo.siqueira

function u(t) {

with(x)for(i=900;i--;fillRect(~setTransform(s=i,0,0,s,960+i/t+3*s*S(i-t/2),560+2*s*C(i/40-t*2.5)),+~rotate(i/5),2,2))fillStyle=R(i,i/3,0,.2)

Feb 11 2022 3:12 AM UTC

}// 140/140

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

Ethereal creature

u/rodrigo.siqueira

Misty mountain fog #smoke
u/magna

Or fire dragon tongue
u/jellyedwards

So cool!

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/23035 by u/KilledByAPixel

function u(t) {

for(w=c.width&=j=10368;j;T++)(T-(j%w/64*T+t*7)&(Y=T*j/1e4)&T)<9-Y&T<35*(C(1+t/2)+1.3)||x.fillRect(j%w,--j>>7,2,T/44,T=0)

Jun 7 2021 2:19 PM UTC

}// 120/140

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

Aerial view / Fog is coming #smoke #uncompressed #perspective

u/KilledByAPixel

Nice! I hope to see many more remixes of these.

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪁼👩🐰𛁸𛡦𫱮𭀽𘠴𜱥𫐠𪑭𬁡𨱴𘠻𪐼𝀰𜀻𮀮𩡩𫁬𥁥𮁴𚁱🱛𙱓𣑏𢱅𙰬𙱓𠱒𡑅𣠧𧑛𪐭𜑝𞠧𧁵𜡂𜠴𙰬𬐿𞐺𝠶𜀫𞀰𜀪𤰨𪐪𪐫𭀯𝐬𮀮𩡩𫁬𤱴𮑬𩐽𙰣𡡆𡠱𙰩𛁱🱩𚠵𝀰𞠷𞀰𚰴𝐰𚡓𚁩𚱴𛰲𚐬𜐸𞐴𚐩𬐽𪐫𚰼𜠻`.replace(/u../g,'')))

Jan 30 2020 11:00 PM UTC

}// 129/140

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

S̸̨̧̻͙̱̘̙̹̫̪̀M̷̧̧̛̦͉̪͈̞̱̾̈́̾͗͑̔͂̎̂͑̚̚͝Ơ̸̜̦͚̩̤͙̥̋͌̏̾̀̅́̾̎̎̍̔̕͜K̵̢̫̬̹̦͎̲̰̪̠͑͌̈́̎̀̄̈́̆̑E̵̡̟̬͖̥̥͕̔̔͝͝ ̷̧̘̏̀̿͑͐̎̏̾̾̽̑S̵̼̟̭̖͉̮̜͋̃͂͊C̵͔͕̲̯̝̆̓̆̈́͂̓͌̀̇̕͝Ŗ̵̗̝̙͚͕͙̤̞̦̻̤̮͌͂͋̑̾̍͒̂͌̅͋̔ͅE̸̱̥͎͇̩̬̺̟̾̔̎̀̓͝Ę̷͓́̏̔̊̽̿̇̾̏͜͠͠N̷̙̗͔̹̈́͂̇͋́͂̋͜͝͠

u/sigveseb

cool!
u/aleamb

yeah! #smoke

show FPS hide FPS share fullscreen

rodrigo.siqueira

function u(t) {

for(c.width|=i=0;i<140;i++,x.fillStyle="#1321"){
 x.font=i+'em"'
 x.fillText(c,S(K=t-i)*i*2,Math.abs(99*K)%2e3)
}

Oct 29 2019 9:59 PM UTC

}// 113/140

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

Green Smoke (made of overlapping letters) #smoke

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/16178 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𫁥𭀠𦀬𦐬𦠬𭰽𨰮𭱩𩁴𪀽𜐲𜀬𬰽𜐶𛁩🐸𩐳𛁪𞱩𛐭𞱸𛡦𪑬𫁒𩑣𭀨𦀽𪐥𭰬𦐽𪐯𭰬𜐬𛠶𛑚𛰹𜀩𚑦𫱲𚁪🐳𛁚👷𞱪𛐭𞰩𦠭👍𨑴𪀮𪁹𬁯𭀨𦐫𤰨𦀯𬰭𭀪𜰩𚠴𛁚𚐭𝀫𠰨𝐪𤰨𦐯𬰫𠰨𦀯𝠭𭀪𜠩𚐫𝐪𤰨𦀯𬰫𤰨𦠯𬰫𦐯𝠫𭀩𚐩𚡓𚁙𛱳𚐪𠰨𦀯𭰫𭀯𜰩𚠴`.replace(/u../g,'')))

Oct 19 2019 3:34 PM UTC

}// 140/140

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

Ray Marching SDF Gentile Smoke

u/tomxor

#smoke
u/tomxor

... gentile but deadly
u/tomxor

#raymarching
u/13thptr

nice

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/16174 by u/pavel

function u(t) {

eval(unescape(escape`景爨汥琠堬夬娬眽挮睩摴栽ㄲ〬猽ㄶⱩ㴸攳ⱪ㭩ⴭ㭸⹦楬汒散琨堽椥眬夽椯眬ㄬ⸶ⵚ⼹〩⥦潲⡪㴳ⱚ㵷㭪ⴭ㬩娭㵍慴栮桹灯琨堭㘰ⱙ⼲ⱚ⤭ㄲⵓ⡙⽳⭴⨴⤪㘫䌨㔪匨夯猫䌨堯㘩⤫㔪匨堯猫匨娯猫夯㘫琪㠩⤫琩⨵`.replace(/u(..)/g,"$1%")))

Oct 19 2019 2:09 PM UTC

}// 140/140

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

Ray Marching SDF Smoke #improved resolution

u/tomxor

Exchanged marching depth for resolution... makes it a bit less 3D but a but more smokey i think.
u/tomxor

#smoke
u/tomxor

#raymarching

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/16169 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𫁥𭀠𪐽𝐶𜀰𛁷👣𛡷𪑤𭁨🐹𞐬𦀬𦐬𦠬𪠬𬰽𜐶𞱩𛐭𞱸𛡦𪑬𫁒𩑣𭀨𦀽𪐥𭰬𦐽𪐯𭰬𜐬𛠶𛑚𛱷𚐩𩡯𬠨𪠽𝀬𦠽𭰻𪠭𛐻𚑚𛐽𣑡𭁨𛡨𮑰𫱴𚁘𛐵𜀬𦐯𜠬𦠩𛑳𛑓𚁙𛱳𚱴𚠴𚐪𞀫𠰨𝐪𤰨𦐯𬰫𠰨𦀯𝠩𚐫𝐪𤰨𦀯𬰫𤰨𦠯𬰫𦐯𝠫𭀪𞀩𚐫𭀩𚠵`.replace(/u../g,'')))

Oct 19 2019 4:18 AM UTC

}// 134/140

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

Ray Marching SDF Smoke #improved fps

u/tomxor

huh, did not know about Math.hypot, also it's weird how sensitive V8 is to globals... or rather how it seems incapable of optimising them into locals itself.
u/tomxor

#smoke
u/aleamb

#sdf #raymarching

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/15952 by u/tomxor

function u(t) {

eval(unescape(escape`景爨眽挮睩摴栽ㄲ〬椽㡥㌻椭ⴻ砮晩汬剥捴⡒㵩╷ⱔ㵩⽷ⰱⰮ㘭娯㘴⤩景爨樽㐬娽眻樭ⴻ娭㴨⡒ⴶ〩⨪㈫⡔⼲⤪⨲⭚⩚⤪⨮㔭⠱㘫匨启猫琪㐩⨸⤫䌨㔪匨启猫䌨刯猪㌩⤫㔪匨刯猫匨娯猫启猪㌫琪㠩⤫琩⨵⥳㴱㘻`.replace(/u(..)/g,"$1%")))

Oct 18 2019 11:35 PM UTC

}// 140/140

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

Ray Marching SDF Smoke

u/tomxor

Runs significantly faster in FireFox for some reason.
u/tomxor

Part of the smokeyness is obtained by exploiting artifacts in the ray marching algorithm itself, by only marching a constant and very short depth (4 steps) smooth aberations appear around the true volume (representative of the sphere tracing)
u/DataMeta

WOW!!! #smoke #realistic #compressed
u/tomxor

#raymarching

show FPS hide FPS share 1 remix fullscreen

yonatan

function u(t) {

c.width|=0
for(i=3e3;i--;x.fillRect(960+(h=S(i/88-t)*i/5),1200-i/2-C(t+i/55+h*h/1e5)*h*i/4e3,s=99/i**.3,s))x.globalAlpha=.01

May 14 2018 5:25 PM UTC

}// 124/140

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

#smoke

u/Cloud

Good smoke

dwitter.net | #smoke