On Glitch This Week

Gareth Wilson - Apr 30 '19 - - Dev Community

Glitch This Week is a regular series in which we round-up just some of the amazing projects that fantastic creators have made on Glitch. Here are a few projects that caught our eye this week.

Learn about Modulators

First up is José Blanco Perales' project "modulation-viz". It's an interactive visualization that shows how different modulators affect the parameters of a signal carrier. It can help you to learn how the modulation of a periodic wave works by seeing the impact of turning different modulators on and off. Better yet, it's written in pure JavaScript and you can view the source if you want to get stuck into the math.

Try Out KV Storage

Chrome is experimenting with a new feature known as built-in modules, and the first one they're shipping is an asynchronous key/value storage module called KV Storage. It's a proposed replacement for the simple yet slow localStorage. How it works is explained in this blog post, but the demo app "rollup-built-in-modules" shows how you can try out the built-in KV Storage module in your own apps.

Created by Google Web Platform engineer Philip Walton, the demo's bundled with Rollup so it uses progressive enhancement and falls back to using the KV Storage polyfill for browsers that don't yet support KV Storage natively.

Add Empathy to Design

Olesya Chernyavskaya created "mood-ai-design", a design experiment that seeks to imbue a design with empathy through the use of AI and a camera to determine your mood using face-api.js.

By detecting one of 7 emotions (happy, surprise, neutral, sad, fear, angry and disgust), Olesya's prototype alters the words, tone, and colors of the rendered web page in response. It's an interesting way of seeing if we can "humanize design" by giving it the ability to sense our emotions and change the content based on it.

Other apps in this week's round-up include a fun take on 2048, a zombie survival game in the URL bar, and a way to make music with your face. Check them out!

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .