light bath on oktween

2 files changed, 173 insertions, 0 deletions

diff --git a/client/util/index.js b/client/util/index.js
new file mode 100644
index 00000000..d0db0d98
--- /dev/null
+++ b/client/util/index.js
@@ -0,0 +1,122 @@
+/* Mobile check */
+
+export const isiPhone = !!((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)))
+export const isiPad = !!(navigator.userAgent.match(/iPad/i))
+export const isAndroid = !!(navigator.userAgent.match(/Android/i))
+export const isMobile = isiPhone || isiPad || isAndroid
+export const isDesktop = !isMobile
+
+export const toArray = a => Array.prototype.slice.apply(a)
+export const choice = a => a[Math.floor(Math.random() * a.length)]
+
+const htmlClassList = document.body.parentNode.classList
+htmlClassList.add(isDesktop ? 'desktop' : 'mobile')
+
+/* Default image dimensions */
+
+export const widths = {
+  th: 160,
+  sm: 320,
+  md: 640,
+  lg: 1280,
+}
+
+/* Formatting functions */
+
+const acronyms = 'id url cc sa fp md5 sha256'.split(' ').map(s => '_' + s)
+const acronymsUpperCase = acronyms.map(s => s.toUpperCase())
+
+export const formatName = s => {
+  acronyms.forEach((acronym, i) => s = s.replace(acronym, acronymsUpperCase[i]))
+  return s.replace(/_/g, ' ')
+}
+
+// Use to pad frame numbers with zeroes
+export const pad = (n, m) => {
+  let s = String(n || 0)
+  while (s.length < m) {
+    s = '0' + s
+  }
+  return s
+}
+
+export const courtesyS = (n, s) => n + ' ' + (n === 1 ? s : s + 's')
+
+export const padSeconds = n => n < 10 ? '0' + n : n
+
+export const timestamp = (n = 0, fps = 25) => {
+  n /= fps
+  let s = padSeconds(Math.round(n) % 60)
+  n = Math.floor(n / 60)
+  if (n > 60) {
+    return Math.floor(n / 60) + ':' + padSeconds(n % 60) + ':' + s
+  }
+  return (n % 60) + ':' + s
+}
+
+export const percent = n => (n * 100).toFixed(1) + '%'
+export const px = (n, w) => Math.round(n * w) + 'px'
+export const clamp = (n, a, b) => n < a ? a : n < b ? n : b
+
+/* URLs */
+
+export const preloadImage = opt => {
+  let { verified, hash, frame, url } = opt
+  if (hash && frame) {
+    url = imageUrl(verified, hash, frame, 'md')
+  }
+  const image = new Image()
+  let loaded = false
+  image.onload = () => {
+    if (loaded) return
+    loaded = true
+    image.onload = null
+  }
+  // console.log(img.src)
+  image.crossOrigin = 'anonymous'
+  image.src = url
+  if (image.complete) {
+    image.onload()
+  }
+}
+
+/* AJAX */
+
+export const get = (uri, data) => {
+  let headers = {
+    Accept: 'application/json, application/xml, text/play, text/html, *.*',
+  }
+  let opt = {
+    method: 'GET',
+    body: data,
+    headers,
+    // credentials: 'include',
+  }
+  // console.log(headers)
+  // headers['X-CSRFToken'] = csrftoken
+  return fetch(uri, opt).then(res => res.json())
+}
+
+export const post = (uri, data) => {
+  let headers
+  if (data instanceof FormData) {
+    headers = {
+      Accept: 'application/json, application/xml, text/play, text/html, *.*',
+    }
+  } else {
+    headers = {
+      Accept: 'application/json, application/xml, text/play, text/html, *.*',
+      'Content-Type': 'application/json; charset=utf-8',
+    }
+    data = JSON.stringify(data)
+  }
+  let opt = {
+    method: 'POST',
+    body: data,
+    headers,
+    // credentials: 'include',
+  }
+  // console.log(headers)
+  // headers['X-CSRFToken'] = csrftoken
+  return fetch(uri, opt).then(res => res.json())
+}
diff --git a/client/util/math.js b/client/util/math.js
new file mode 100644
index 00000000..064d37c6
--- /dev/null
+++ b/client/util/math.js
@@ -0,0 +1,51 @@
+export const mod = (n,m) => n-(m * Math.floor(n/m))
+export const clamp = (n,a,b) => n<a?a:n<b?n:b
+export const norm = (n,a,b) => (n-a) / (b-a)
+export const lerp = (n,a,b) => (b-a)*n+a
+export const mix = (n,a,b) => a*(1-n)+b*n
+export const randint = (n) => Math.floor(Math.random()*n)
+export const randrange = (a,b) => Math.random() * (b-a) + a
+export const randsign = () => Math.random() >= 0.5 ? -1 : 1
+export const choice = (a) => a[ Math.floor(Math.random() * a.length) ]
+export const angle = (x0,y0,x1,y1) => Math.atan2(y1-y0, x1-x0)
+export const dist = (x0,y0,x1,y1) => Math.sqrt(Math.pow(x1-x0, 2) + Math.pow(y1-y0, 2))
+export const xor = (a,b) => { a=!!a; b=!!b; return (a||b) && !(a&&b) }
+export const quantize = (a,b) => Math.floor(a/b)*b
+export const shuffle = (a) => {
+  for (var i = a.length; i > 0; i--){
+    var r = randint(i)
+    var swap = a[i-1]
+    a[i-1] = a[r]
+    a[r] = swap
+  }
+  return a
+}
+// returns a gaussian random function with the given mean and stdev.
+export function gaussian(mean, stdev) {
+  let y2;
+  let use_last = false;
+  return () => {
+    let y1;
+    if (use_last) {
+      y1 = y2;
+      use_last = false;
+    }
+    else {
+      let x1, x2, w;
+      do {
+        x1 = 2.0 * Math.random() - 1.0;
+        x2 = 2.0 * Math.random() - 1.0;
+        w  = x1 * x1 + x2 * x2;               
+      } while( w >= 1.0);
+      w = Math.sqrt((-2.0 * Math.log(w))/w);
+      y1 = x1 * w;
+      y2 = x2 * w;
+      use_last = true;
+    }
+
+    let retval = mean + stdev * y1;
+    if (retval > 0) 
+      return retval;
+    return -retval;
+  }
+}