Profile cover photo
Profile photo
Gerwin Sturm
61,780 followers -
Origami-loving computer geek
Origami-loving computer geek

61,780 followers
About
Posts

Post has attachment
Add a comment...

Post has attachment
Mhmm... grapes ;)
Photo
Add a comment...

Post has attachment
Mhmm... grapes ;)
Photo
Add a comment...

Post has attachment
Mhmm... grapes ;)
Photo
Add a comment...

Post has attachment
<scary-cube>

Continuing my previous work [1] I've started building a PWA around my scary-cube Polymer element and the GiiKER bluetooth-enabled Rubik's Cube [2]

After connecting to the GiiKER cube you can start a solving session.

This will present a random sequence to scramble the cube and check whether you follow the sequence correctly (offering corrections if necessary).

Once the scrambling is completed the first move will start the timer, and the timer will stop automatically once the cube is solved.

You can continue right away with the next scramble sequence.

Your times will be recorded and averages/means calculated for the current sessions.

All those steps are possible without any further interaction with the app, just depending on moving the cube.

The problem with not interacting with the app is that the phone/display will go to sleep after whatever time you have in your settings. I will have to look at the Wake Lock API [3] or NoSleep.js [4] to prevent this.


Website: https://scary-cube.firebaseapp.com/
Source code: https://github.com/Scarygami/scary-giiker-cube


Components / libraries I've developed or improved to get the PWA working:

scary-cube: https://github.com/Scarygami/scary-cube
giiker: https://github.com/Scarygami/giiker scary-stopwatch: https://github.com/Scarygami/scary-stopwatch cube-scrambler: https://github.com/Scarygami/cube-scrambler


References:
[1] https://plus.google.com/+GerwinSturm/posts/dDB3q1ysJFt
[2] http://giiker.cn/
[3] https://www.w3.org/TR/wake-lock/
[4] https://github.com/richtr/NoSleep.js

Demo video: https://youtu.be/eYeR8-tiI64
Add a comment...

Post has attachment
Success!

Previous post: https://plus.google.com/+GerwinSturm/posts/dDB3q1ysJFt

Code and details coming soon...
Add a comment...

Post has attachment
For a new project I'm working on I created a Polymer 3.0 / LitElement webcomponent version of a Rubik's cube.

Cube can be oriented with mouse and touch gestures.
Actually turning the cube can only be done via defined methods on the webcomponent.

Demo: https://scarygami.github.io/scary-cube/
Source: https://github.com/Scarygami/scary-cube/
Published on npm: https://www.npmjs.com/package/@scarygami/scary-cube

Feel free to include the cube in your website ;)

Next step: linking this webcomponent to my new bluetooth-enabled cube via the WebBluetooth API :)
Photo
Add a comment...

Post has attachment
:)
Photo
Add a comment...

Post has attachment
~15 kg of Zwetschken. Probably going to make some cake and then freeze the rest for more cake throughout the year.
Photo
Add a comment...

Post has attachment
Solving puzzles with cats...
Photo
Add a comment...
Wait while more posts are being loaded