19:40 PM
chinmay
aerozol: color combos are fun :p
2022-10-21 29412, 2022
19:40 PM
chinmay
How about playlists get a new color combo per day?
2022-10-21 29414, 2022
19:40 PM
aerozol
Cool, let me know how it goes. But yeah unfortunately it looks pretty sparse without smaller circles in there... That's why I tried that version where it has all those colors on top of each other, to try fill the space
2022-10-21 29443, 2022
19:40 PM
mayhem
2022-10-21 29458, 2022
19:40 PM
mayhem
there are research papers on this topic.
2022-10-21 29403, 2022
19:41 PM
mayhem
not a good sign.
2022-10-21 29425, 2022
19:41 PM
aerozol
Lol
2022-10-21 29428, 2022
19:41 PM
chinmay
haha
2022-10-21 29413, 2022
19:42 PM
aerozol
I feel like I've seen it before. Maybe one of the last.fm visualisers
2022-10-21 29434, 2022
19:42 PM
aerozol
I'm going to get out of bed so I can have a look... wish me luck
2022-10-21 29419, 2022
19:43 PM
lucifer
2022-10-21 29444, 2022
19:43 PM
mayhem snickers
2022-10-21 29402, 2022
19:44 PM
mayhem
I should really go dive deep on the harvest of memes on this one
2022-10-21 29427, 2022
19:44 PM
lucifer
for what thing are you looking algorithms for?
2022-10-21 29452, 2022
19:44 PM
lucifer
nivo has a bubble chart which does something similar. maybe do what they do underneath
2022-10-21 29415, 2022
19:45 PM
mayhem
2022-10-21 29436, 2022
19:45 PM
mayhem
2022-10-21 29440, 2022
19:45 PM
mayhem
for this.
2022-10-21 29439, 2022
19:46 PM
mayhem
aerozol: here is the thing that I've learned through many many disappointing projects: Yes, you can auto generate just about anything -- but the question is: Will it be pleasing to the eye?
2022-10-21 29452, 2022
19:46 PM
mayhem
Likely not. Mathmatically correct is often not very pleasing to look at.
2022-10-21 29423, 2022
19:47 PM
mayhem
so, this is outsized work for one design -- its not worth it.
2022-10-21 29452, 2022
19:47 PM
mayhem
lucifer: now that I've wrapped my head around SVG, monkey's suggestion was actually brilliant.
2022-10-21 29418, 2022
19:48 PM
mayhem
because we can generate SVGs on the server and then embed them into anything that reads SVG and remote images.
2022-10-21 29443, 2022
19:48 PM
aerozol
I just don't know if I would use circles if it's not doing something interesting. Just cuts out the artwork for no gain
2022-10-21 29454, 2022
19:48 PM
aerozol
But maybe I'm alone there
2022-10-21 29455, 2022
19:48 PM
mayhem
so web browsers are a cinch and you can drop a cover art image into an HTML page with one tag. no css. no js.
2022-10-21 29424, 2022
19:49 PM
mayhem
so, for the time being I am going to see what I can do with SVG (a lot!) for the sake of furthest reach.
2022-10-21 29410, 2022
19:50 PM
mayhem
2022-10-21 29442, 2022
19:50 PM
mayhem
that arrangement of circles ins't very cool. if it werent for the animation is would be quite crap.
2022-10-21 29454, 2022
19:50 PM
mayhem
I struggled with this quite a lot and never made any progress.
2022-10-21 29429, 2022
19:51 PM
lucifer
yes makes sense. my suggestion was to find the hiw nivo does it and reimplement that algorithm for your renderer.
2022-10-21 29450, 2022
19:51 PM
mayhem
aerozol: I think the best I am willing to spend my time on is for you to design 3-4 layouts. and then to code each one, so people have *some* choice.
2022-10-21 29411, 2022
19:52 PM
mayhem
ah, i see. yeah, still could be quite a lot of work.
2022-10-21 29418, 2022
19:52 PM
mayhem
there are much better how hanging fruit.
2022-10-21 29422, 2022
19:52 PM
aerozol
The circles being different every time is already cool. If the LB one is always the same it leaves me cold
2022-10-21 29448, 2022
19:52 PM
mayhem
agreed.
2022-10-21 29451, 2022
19:52 PM
mayhem
lets move on.
2022-10-21 29452, 2022
19:52 PM
mayhem
2022-10-21 29428, 2022
19:53 PM
mayhem
given that we're having browers render these images in the browser, we need to rely only on web fonts
2022-10-21 29450, 2022
19:53 PM
mayhem
so, what font did you use? if it isn't a webfont, can you design it with one?
2022-10-21 29418, 2022
19:54 PM
aerozol
Yeah I knew this would come up but I was going fast. Let me check what I used
2022-10-21 29421, 2022
19:54 PM
mayhem
and also, I am not familiar with those artists, so what does the text represent?
2022-10-21 29444, 2022
19:54 PM
mayhem likes aerozol fast work
2022-10-21 29453, 2022
19:54 PM
mayhem
+'s
2022-10-21 29454, 2022
19:54 PM
aerozol
Top 5 artists, ruthlessly cutting them off if they're longer
2022-10-21 29402, 2022
19:55 PM
mayhem
got it.
2022-10-21 29422, 2022
20:00 PM
aerozol
(Neil from the young ones. An even dumber album then I expected)
2022-10-21 29448, 2022
20:00 PM
mayhem
the expectations couldn't have been high.
2022-10-21 29421, 2022
20:01 PM
aerozol
Yeah, pretty impressive it got under that bar!
2022-10-21 29423, 2022
20:03 PM
aerozol
OK, I’m up, hot drink, hangover pills taken
2022-10-21 29440, 2022
20:03 PM
aerozol
Does the kind of web font/font source matter mayhem?
2022-10-21 29409, 2022
20:04 PM
mayhem
as long as it is freely available and well hosted (e.g. CDN).
2022-10-21 29415, 2022
20:04 PM
mayhem
free as in beer, mostly.
2022-10-21 29438, 2022
20:04 PM
aerozol
2022-10-21 29447, 2022
20:04 PM
aerozol
Lots of nice text things we can do
2022-10-21 29448, 2022
20:04 PM
chinmay
2022-10-21 29428, 2022
20:05 PM
mayhem
aerozol: I think I need to teach you how to write SVG files. :)
2022-10-21 29410, 2022
20:06 PM
aerozol
I thought I knew what SVG’s were but some of todays conversations lead me to believe I don’t
2022-10-21 29413, 2022
20:07 PM
mayhem
2022-10-21 29422, 2022
20:07 PM
mayhem
this is the magic behind the cover art on the floor
2022-10-21 29436, 2022
20:07 PM
aerozol
oh wow, decipherable
2022-10-21 29454, 2022
20:07 PM
mayhem
this is a template file, so the {{ width }} and {{ height }} gets replaced by the real values by the server.
2022-10-21 29414, 2022
20:08 PM
aerozol
btw I think a key part of making this ‘bold text’ version successful is letting users choose colours and probably a gradient. I was hoping that wouldn’t be too arduous
2022-10-21 29418, 2022
20:08 PM
mayhem
so, yeah, I think this is something you could master. :)
2022-10-21 29427, 2022
20:08 PM
aerozol
2022-10-21 29449, 2022
20:08 PM
mayhem
yes, you NEED to learn SVG. :)
2022-10-21 29457, 2022
20:08 PM
aerozol
Haha
2022-10-21 29459, 2022
20:08 PM
v6lur has quit
2022-10-21 29403, 2022
20:09 PM
mayhem
where is the gradient in the purple one?
2022-10-21 29411, 2022
20:09 PM
mayhem
nm
2022-10-21 29414, 2022
20:09 PM
mayhem
I see it now.
2022-10-21 29433, 2022
20:09 PM
mayhem
I knew there was a texture somewhere, but conveniently misplaced that info.
2022-10-21 29448, 2022
20:09 PM
mayhem
is it diagonal?
2022-10-21 29453, 2022
20:09 PM
mayhem
from what color to what color?
2022-10-21 29433, 2022
20:10 PM
mayhem
SVG does gradients. very good.
2022-10-21 29449, 2022
20:10 PM
aerozol
2022-10-21 29424, 2022
20:11 PM
aerozol
No trouble to switch it out but looks like it could be good to go? open source and “rsms.me/inter is distributed globally over CloudFlare’s CDN, backed by GitHub’s servers”
2022-10-21 29430, 2022
20:11 PM
aerozol
Lucky
2022-10-21 29459, 2022
20:11 PM
mayhem
I'll need to learn about SVG's font capabilities.
2022-10-21 29410, 2022
20:12 PM
mayhem
lemme finish the gradient topic.
2022-10-21 29427, 2022
20:12 PM
aerozol
bg is: 9B3361 to A45B8B (on a weird angle but that’ll do for now)
2022-10-21 29443, 2022
20:12 PM
aerozol
test is: 321529
2022-10-21 29446, 2022
20:12 PM
aerozol
*text
2022-10-21 29447, 2022
20:12 PM
mayhem
what do you want to call this image?
2022-10-21 29426, 2022
20:13 PM
aerozol
uhm
2022-10-21 29431, 2022
20:13 PM
aerozol
‘designer’?
2022-10-21 29437, 2022
20:14 PM
aerozol
We’ll look at customization options in future right, just getting some results for now?
2022-10-21 29459, 2022
20:15 PM
aerozol
2022-10-21 29406, 2022
20:16 PM
aerozol
So you can see the dumping ground
2022-10-21 29424, 2022
20:16 PM
mayhem
figma was being fussy, so I hadn't gone in yet.
2022-10-21 29409, 2022
20:18 PM
aerozol
Ugh, hopefully it plays nice. I’ve started using it for everything MeB related
2022-10-21 29426, 2022
20:18 PM
mayhem
no worries, I'll sort it later
2022-10-21 29441, 2022
20:18 PM
mayhem
I'm having too much fun with these two already.
2022-10-21 29450, 2022
20:18 PM
mayhem
been wanting to do this for 10 years.
2022-10-21 29416, 2022
20:19 PM
aerozol
Haha I could have guessed, you’re a freakin whirlwind today
2022-10-21 29452, 2022
20:19 PM
aerozol
This is the ‘layered’ version I was referring to. Was thinking some of this colour stuff could be done programmatically (down the road sometime)
2022-10-21 29455, 2022
20:19 PM
aerozol
2022-10-21 29422, 2022
20:20 PM
aerozol
(me trying to make circles more interesting)
2022-10-21 29427, 2022
20:20 PM
mayhem
also dynamically generated?
2022-10-21 29447, 2022
20:20 PM
aerozol
It would have to be I guess
2022-10-21 29458, 2022
20:20 PM
aerozol
Here are the other ‘designer’ dumps
2022-10-21 29400, 2022
20:21 PM
aerozol
2022-10-21 29409, 2022
20:21 PM
aerozol
2022-10-21 29426, 2022
20:21 PM
mayhem
these are all doable. let me implement the core features needed and give you and example SVG.
2022-10-21 29436, 2022
20:21 PM
mayhem
then you can jump in. :)
2022-10-21 29450, 2022
20:21 PM
aerozol
Excellent. Not like I’m busy anyway ;)
2022-10-21 29415, 2022
20:22 PM
mayhem
no one seems busy these days. :)
2022-10-21 29451, 2022
20:31 PM
monkey
2022-10-21 29451, 2022
20:31 PM
monkey
I could have a go and see if I can make it spit something pleasant.
2022-10-21 29420, 2022
20:32 PM
mayhem
2022-10-21 29424, 2022
20:32 PM
mayhem
close enough?
2022-10-21 29454, 2022
20:32 PM
aerozol
Ooh yeah
2022-10-21 29420, 2022
20:33 PM
mayhem
I dont think that is quite right.
2022-10-21 29441, 2022
20:33 PM
mayhem
along what axis is that gradient happening?
2022-10-21 29450, 2022
20:33 PM
aerozol
It doesn’t have to be perfect, especially if people are going to set it themselves
2022-10-21 29456, 2022
20:33 PM
aerozol
Some awful axis… let me look
2022-10-21 29423, 2022
20:34 PM
mayhem starts digging into fonts
2022-10-21 29429, 2022
20:34 PM
aerozol
LOL
2022-10-21 29432, 2022
20:34 PM
aerozol
2022-10-21 29440, 2022
20:34 PM
aerozol
good luck
2022-10-21 29456, 2022
20:34 PM
mayhem
does your tool give your an angle?
2022-10-21 29405, 2022
20:35 PM
mayhem
I can make any axis happen.
2022-10-21 29445, 2022
20:35 PM
aerozol
2022-10-21 29451, 2022
20:35 PM
aerozol
I wonder if that works!
2022-10-21 29421, 2022
20:36 PM
mayhem
works!
2022-10-21 29418, 2022
20:37 PM
mayhem
yooooooooink!
2022-10-21 29432, 2022
20:37 PM
aerozol
Excellent, thanks figma
2022-10-21 29427, 2022
20:38 PM
mayhem
2022-10-21 29431, 2022
20:38 PM
mayhem
reload!
2022-10-21 29442, 2022
20:38 PM
mayhem
that's it no?
2022-10-21 29415, 2022
20:39 PM
mayhem
OH.
2022-10-21 29417, 2022
20:39 PM
mayhem
click.
2022-10-21 29434, 2022
20:39 PM
mayhem
Manchmal fällt der Groschen pfennigweise.
2022-10-21 29454, 2022
20:39 PM
mayhem
aerozol: pick any fonts you'd like!
2022-10-21 29421, 2022
20:40 PM
mayhem
turns out that fonts need to be downloaded at the compositing stage and then the fonts are turned into glyphs in SVG.
2022-10-21 29432, 2022
20:41 PM
aerozol
Just so you know, you have raced ahead and I am catching up! These were first drafts (but I am still quite happy with these text ones)
2022-10-21 29448, 2022
20:41 PM
aerozol
I am caught in the whirlwind
2022-10-21 29449, 2022
20:41 PM
mayhem
those look done to me!
2022-10-21 29405, 2022
20:42 PM
mayhem
but, more seriously, I am just building the tools necessary to create them.
2022-10-21 29412, 2022
20:42 PM
mayhem
I'm not 100 set on the outcome just yet.
2022-10-21 29424, 2022
20:42 PM
mayhem
but it is really fun having a designed do all the hard work
2022-10-21 29447, 2022
20:43 PM
aerozol
developers are crazy :P
2022-10-21 29426, 2022
20:44 PM
mayhem
and designers are th e sane ones???
2022-10-21 29430, 2022
20:45 PM
aerozol
I will discuss with other designers sometime to confirm
2022-10-21 29456, 2022
20:45 PM
mayhem
shuuuuuure.
2022-10-21 29406, 2022
20:56 PM
migro joined the channel
2022-10-21 29425, 2022
21:04 PM
mayhem
aerozol: which font in particular did you use?
2022-10-21 29448, 2022
21:04 PM
mayhem
ah, never mind.
2022-10-21 29426, 2022
21:05 PM
aerozol
Sounds like you found it, but ‘Inter’
2022-10-21 29445, 2022
21:05 PM
mayhem
yes, but there are many options for it.
.png){kind=link}
