photography: snapshots of malta

Panorama of Valletta

Few snapshots from our 10 day trip around island of Malta and Gozo.

See full gallery >>

coding: animated dynamic data list row reorder with react

Run

coding: grab 33

Tiny Sunday project – html game based on unicode characters as graphics.

Grab 33 - unicode graphics based html game by easwee.

This will probably render differently across various OS/browsers – depends on unicode support and it’s rendering. As far as I tested it works and renders nicely in latest Opera and Chrome (both Linux and Windows) – Firefox cuts part of smiley since it renders it bigger.

Try it below:

photography: wired

wired

coding: generating funky patterns from a weird youtube comment

Recently I stumbled upon a weird, but interesting Youtube video comment.

That make my OCD go crazy

I decided to take a look at what characters may compose such a pattern, so I put up a tiny script to process the string, output unique characters and generate new random patterns with them.

Few interesting patterns that triggered some references for me (Opera on Windows 7):

Fantasy patterns.

The ceiling vines example is the most interesting since it concatenates the Combining Diacritical Marks directly without space and makes the pattern organic in a way. I’ve tried to run the same sample on Ubuntu Chrome, but it seems like it does not support rendering of concatenated marks, however Ubuntu Firefox does it well. The rendering is very inconsistent across OS/browsers.

Running sample (switch in select):

You can fork it from jsfiddle and try your own patterns in the config: https://jsfiddle.net/easwee/7wzrha77/1/

coding: 3d football field fiddle

Three.js football field basic 3d model. May be working more on this.

Run it here: http://sample.easwee.net/3d-football/

coding: roflcopter

A silly animation done by replacing characters in pre-formatted text.

Play with the code on Codepen: http://codepen.io/easwee/pen/wbvue

coding: dotted polygons

A script that arranges dots into dotted polygons with N sides.

View on Codepen: http://codepen.io/easwee/pen/CIuEj

coding: noise tv

You can see and play with the code on Codepen: http://codepen.io/easwee/pen/lweIk

coding: createjs game basics

More javascript practice! Used Createjs to create a game frame with core features like a pre-loader, key control and environment class. Would require object caching to run smoother.

You can check it here: http://sample.easwee.net/createjs-game-frame/index.html

Previous page