New #Example 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

4ce

function u(t) {

t||c.insertAdjacentHTML("beforebegin","<input type=range id=r>");c.width+=0;for(i=r.value;i--;)x.fillStyle=R(i*20),x.fillRect(i*20,99,10,99)

Oct 17 2022 10:15 AM UTC

}// 140/140

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

Just #example #interactive Dweet canvas with #html interface. Base idea add debug interface for d/26305 but something works slow.That's all... now(?)

u/taupelink

cool!
u/magna

Cool idea! I made a lazy remix: d/26356
u/cantelope

#slider #controls

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/19597 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𭀿𢐮𫱮𪑮𬁵𭀽𩐽🡉𛡶𨑬𭑥🐧𩑶𨑬𚁵𫡥𬱣𨑰𩐨𩑳𨱡𬁥𨀧𚱓𭁲𪑮𩰮𩡲𫱭𠱯𩁥𤁯𪑮𭀨𛠮𛡛𛠮𛡉𛡶𨑬𭑥𧐮𫑡𬀨𨐽🡡𛡣𪁡𬡃𫱤𩑁𭀨𚐫𞐱𝰵𜀴𚐩𚰧𨀮𬡥𬁬𨑣𩐨𛱵𡁂𝀰𙑵𡁃𛱧𛀢𘠩𚐩𙰺𨰮𫱵𭁥𬡈𥁍𣀽𘠼𭁥𮁴𨑲𩑡𘁣𫱬𬰽𝰴𘁲𫱷𬰽𜠰𘁩𩀽𢐾𘠻`.replace(/u../g,'')))

Aug 4 2020 5:42 PM UTC

}// 139/140

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

Invisible Dweet Maker - Paste in code to make it invisible!

u/KilledByAPixel

Demo: https://www.dwitter.net/d/19597 #tool #example

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

t?h.innerHTML=[...s.value].reduce((a,c)=>c.charCodeAt()+a*31|0,0):c.outerHTML='<input id=s style=border:solid value=Dwitter!> <span id=h>'

Jul 2 2020 3:12 AM UTC

}// 138/140

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

String to Hash Code #example

u/katkip

X=88, Y=89 ... seems like a crackable one
u/katkip

#hash
u/KilledByAPixel

its not really trying to be uncrackable, just converting a string to a number

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/17228 by u/KilledByAPixel

function u(t) {

x.fillRect(0,0,F=2e3,F),x.fillStyle=g=x.createRadialGradient(X=S(t*=60)*F,Y=S(t*t)*F,0,X,Y,99),g[z='addColorStop'](0,'#F00'),g[z](1,'#05F0')

Jan 15 2020 7:43 AM UTC

}// 140/140

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

Radial Gradient #Example

u/KilledByAPixel

You can use this technique to make soft round circles, donut shapes, and probably more.

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

t?0:c.outerHTML="»<input id=i value='Hello Dwitter!'>« <button onclick=speechSynthesis.speak(newSpeechSynthesisUtterance(i.value))>Speak"

Sep 23 2019 12:18 AM UTC

}// 138/140

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

Speech Synthesis #Example ~ Change the text and click the Speak button!

u/katkip

#tts

show FPS hide FPS share 7 remixes fullscreen

KilledByAPixel

remix of d/15050 by u/KilledByAPixel

function u(t) {

RULE=90
t?f++:(f=0,A=[],A[960]=1)
for(a=i=0;i++<1920;A[i]=RULE&2**(4*a+2*(a=!!A[i])+!!A[i+1]))
x.fillRect(i,f,a,a)

Jul 20 2019 4:47 AM UTC

}// 114/140

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

Elementary Cellular #Automaton ▲ #Sierpinski #Example

u/KilledByAPixel

Try changing RULE, some good ones are 30 and 73
u/KilledByAPixel

#Automata
u/KilledByAPixel

Rule 110 ~ https://en.wikipedia.org/wiki/Rule_110
u/Xen

fullscreen RULE: -89 is my fav
u/KilledByAPixel

That is awesome. Chaos on one side, order on the other, in the middle a sierpinskitriangle. Btw, there are only 255 rules, -89 is equivalent to 167

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

c.width=99
g=navigator.getGamepads()[i=0]
for(a of g.axes)x.fillRect(i++*13,29,9,a*9)
for(b of g.buttons)x.fillText(i-4,6*i++,9,9*b.pressed)

Jun 25 2019 1:07 PM UTC

}// 140/140

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

Gamepad #example ~ Displays axis and button values of connected gamepad

u/katkip

I awesome it because I believe it works
u/KilledByAPixel

You need to press a button on an xbox 360 style controller to start it.
u/KilledByAPixel

#gamepad

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/14319 by u/KilledByAPixel

function u(t) {

// load #DAP
eval(localStorage.å)

// control
t?onclick=_=>c.width|=å():i=0

// demo
F=_=>
(
 f=i>>7&i++,
 x.fillText(0,i/512%1984,f),
 f
)

May 30 2019 7:42 PM UTC

}// 139/140

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

♫ #DAP #Example ~ Basic example of how to set up audio and rendering with DAP

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/14257 by u/KilledByAPixel

function u(t) {

t?0:c.outerHTML='👽<br><input type=color value=#FF0000><br><input type=range><br><input type=file><br><button>Button</button><br><progress>'

May 28 2019 2:18 PM UTC

}// 139/140

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

Input Type Demo with Progress Bar

u/rnbw

could these be used to make more complicated interactive dweets? :o
u/KilledByAPixel

Yes, that's the idea! This is just a simple example of what is available for other people to build on.
u/KilledByAPixel

#Tool #Example

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

t?0:c.outerHTML=`𝓣𝓮𝔁𝓽 𝓐𝓻𝓮𝓪<br><textarea placeholder="Type here." rows=16 cols=70 style="border:solid;overflow:scroll;resize:none">`

May 27 2019 11:33 PM UTC

}// 131/140

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

𝓣𝓮𝔁𝓽 𝓐𝓻𝓮𝓪 𝓓𝓮𝓶𝓸

u/KilledByAPixel

Example of how to create a text area with placeholder text, set rows/cols, solid border, scrollbars and disabled resize.
u/KilledByAPixel

#Tool #Example
u/KilledByAPixel

Quotes around style aren't necessary.

You've reached the end.

dwitter.net | #Example