Benimation

Test Sites

These are some experimental web projects I created. I call them: Test Sites (they might explode 🚧💥).

Some are more experimental than others and may not work in every browser.

Have fun exploring them!

Bomb

 

A little browser game where you have to not find the bomb. It uses experimental features like the Web Audio API, vibration and theme color.

There's 1 bomb. Hit the dots to get points. When you hit the bomb it's game over.

Blender or Photo

 

Blender or photo? That is the question.

This is a little thingy that shows you an image and asks you whether you think it's real or not. As in, computer generated (with Blender) or an actual photograph.

Speech sniffer

 

Say something. See if it's listening.

Seriously, this thing listens to what you say and puts those words on the screen. It uses your browser's own speech recognition functionality. If your browser doesn't support that, it doesn't work, though..

CSS Backdrop Filter

 

This is a test of the new upcoming CSS feature called "backdrop-filter". Right now it only works in Safari (WebKit), though it can be enabled in Google Chrome via the "Experimental Web Platform Features" flag.

Backdrop filter allows you to add a filter to everything that's behind the element it's applied to. It's the effect iOS uses on certain elements of it's UI, which is probably why Safari is the first to support this feature.

Chromove

 

Modern web-browsers can see how you're holding your phone. I was able to use this data to change the background color. Open this on your phone and move it around (or watch the video). On desktop it uses your mouse pointer, which isn't even half as interesting..

The name does not come from the "Chrome" browser. It refers to the Greek word chroma, meaning color + the English verb to move.

Tick

 
Tick shows you how many seconds have passed. It 'ticks' each second, using different kinds of perception. Of course the number changes, but it also makes a sound, it toggles color scheme between bright and dark and even makes your phone vibrate.

This can be useful if you want to count the amount of seconds that passed, but are limited in some way, like, you can't look at the screen or you can't use audio or you have a physical disability.

With this application it's quite likely you'll find a way to count seconds.

Super Zebra

 

I got this idea from a video by Vsauce called Supertasks.

It divides the screen into 2 halves, paints one half black and the other white. It then repeat the process for the first half of the screen, then the first half of that, and so on.

The "result" (I didn't program it to ever stop..) is what I call a "Super Zebra". The time at which it divides is also divided by 2 each time, another concept from the video. I guess it eventually uses the smallest number you can use in JavaScript (5 × 10-324).