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: https://sample.easwee.net/createjs-game-frame/index.html

coding: invokelist – invoker spell casting trainer



I’ve been doing some javascript practice and remade the Dota 2 Invoker casting interface. It could be further improved, but I’m quite satisfied where this practice snippet got.

Run it here: https://sample.easwee.net/invokelist/

photography: panoramic view from štanjel

panorama štanjel

Panoramic view from Štanjel, Slovenia

coding: circular wheel css illusion

Focus on one dot to understand this illusion.

Check the code on Codepen: http://codepen.io/easwee/pen/qxgzw

coding: animate elements on spiral path with css

Live sample: https://sample.easwee.net/css-spiral-path/index.html

Check the code on Codepen: http://codepen.io/easwee/pen/gtnJi

Previous page Next page