const expoIn = t =>
(t==0) ? 0 : Math.pow(2, 10 * (t - 1))
const expoInInverse= t =>
(t==0) ? 0 : ((Math.log(t) + 10 * Math.log(2)) / Math.log(2)) / 10
console.log(expoIn(.35) + ' ' + expoInInverse(expoIn(.35)))
Very nice inverse function calculator by user fawad over at Wolfram Alpha. Was attempting to invert a standard “exponential in” easing function – after some futzing I resorted to the calculator 😀
const d = document.body.appendChild(
document.createElement`div`)
d.innerHTML = `
<input id="input"
type="range"
min="-2" max="5"
value="0">
`
let val = 0;
console.log('drag slider...')
const range = (input.max - input.min);
input.oninput = () => {
val = (input.value - input.min) / range
console.log(input.value + ' - normalized = ' + val)
}
const NUM = 9
const col = 3
const size = 30
const pad = 10
const box = (x, y) => Object.assign(
document.body.appendChild(
document.createElement('div')
).style, {
position: 'absolute',
width: size + 'px',
height: size + 'px',
top: y + 'px',
left: x + 'px',
background: 'red'
})
const off = (size + pad)
for (let i = 0; i < NUM; i++) {
const x = (i % col) * off
const y = parseInt(i / col, 10) * off
box(x, y)
}
const lookupReplacements = {
// entities (like ∑ or Θ - are safer // than just putting things inline like ∑ or ®'a': ['A', 'Ä', '∆', 'á'],
'e': ['é', '∃'],
't': ['⊤', 'Τ'] ,
'b': ['β'],
'o': ['∅', '_o_']
}function mangle(s) {
return s.split``.map(letter => {
const chars = lookupReplacements[letter]
return chars ? chars[
Math.floor(
chars.length * Math.random()
)] : letter
}).join``
}document.body.innerHTML = mangle('Been taking a break from making snippets... might start up again...<hr>')
document.body.innerHTML += mangle('Been taking a break from making snippets... might start up again...<hr>')
document.body.innerHTML += mangle('Been taking a break from making snippets... might start up again...<hr>')
Substitute some characters in a string with some random choices…
function callMethods(evt) {
const e = new evt
e.one()
e.two()
}callMethods(class {
one() {
console.log('one')
}two() {
console.log('two')
}})
This is so tempting for something I want to do… but too strange to use probably… maybe…