Fun Stuff

Things I've experimented with code, design, or random tech stuff ^^

Spotify Live Activity

Album cover

As a big music listener, I wanted to experiment with Spotify’s API.
Using private Keys, specific API Requests and some Tokens management, I ended up with this. Refreshing play state every 8 seconds to not reach Requests Limit.

I set up a backend to separate the API Access’ and the exported data which is then fetched to the frontend.

Made using JS & JSON.

Additional text about project

*Fake* Live Transit

Album cover

Wanted to have my live location on weekdays to have updated location, initially to follow my morning transit and lunch break movements.

Made using JS & JSON.

Initially thought about using my live location from Google Maps but ended up dropping the idea as it would be too power hungry and possibly unsafe.

Ended up drawing lines and setting

Define

First step, the base.

Après avoir choisi l’image qui allait me servir de source, j’ai commencé à refléchir à la base de ce qui allait être ma police et la façon dont j’allais amorcer le projet.

Une des façon de créer une police qu’on avait pu voir était de répéter des formes (avoir des modules) que l’on pouvait ensuite retrouver un peu partout sur le projet.

Établir ce qui allait être la base de mes lettres a donc été la première chose que j’ai faite. J’ai rapidement grifonné sur papier pour avoir une idée de la direction que je voulais prendre, puis je suis rapidement passé sur Illustrator afin d’aller dans le concret.

Analysis draft

1.0

Analysis draft

Après analyse de ce que j’avais pour travailler, c’est le choix qui m’a paru le plus logique. J’avais directement remarqué une répétition, que tout était basé sur le “o” et qu’il était possible d’extraire des modules depuis la source (en rouge) pour ensuite créer d’autres lettres.

Creation of the modules

1.1

Creation of the modules

Modules

1.2

Modules

Mais avant de partir créer la police il fallait décider de la taille de mes lettres: Comment faire pour qu’elles soient correctement proportionnées? Comment faire pour que la police soit équilibrée?

J’ai décidé de me pencher vers une valeur sure, le Nombre d’Or: 1.618. Du moins je m’en suis rapproché un maximum afin que les ascendantes et descendantes ne paraissent ni trop longues ni trop courtes.

Size of the Ascenders & Descenders

1.3

Size of the Ascenders & Descenders

Decline

Building letters just like LEGOs.

Maintenant que j’avais la hauteur de mes lettres, la liste de mes modules, tout était plus simple, je n’avais plus qu’à créer.

Examples of variations

2.0

Examples of variations

Structure of each letters

2.1

Structure of each letters