Timeline Updates

 A small one, but one I want to draw attention to nonetheless.


I've now updated the Interactive Legacy of Kain Timeline to include a few quality of life improvements:


  1. I updated some of the data, specifically the connections, to be more accurate - as an example, previously some of the connections for the Soul Reaver blade bypassed some nodes. Whilst this was technically correct because they were straight lines, this also meant that the arrows on those connections were drawn under nodes, and it didn't look great.
    Some arrows are still drawn under nodes, but there are fewer instances of this, and it's a difficult problem to avoid.
  2. I've updated it to use the most recent version of simple-as-pie - this doesn't really add much, but at least I'm keeping my own stuff up to date with my own libraries (I still need to update the demo page, which may be a job for tomorrow)
  3. I've made the timeline more responsive - previously it was fixed to a width of 750px, but now it is 100% of the available width (with 750px being the minimum)
    Whilst this may seem simple, it proved to be far from it. Sure, lines and text and circles etc can all do calculations to determine their position consistently. However, path elements, which make up the connections and arrows (arguably the most important part), need absolute values - this meant that I needed to get the width of the svg container itself, and to vastly alter all of the calculations that things were previously using. It was tempting to use redux hooks like I do for literally everything else, but instead I opted for basic React state and effect hooks, and then passed the value directly to the child elements as a property, as they only needed to go one level deep. I may change my approach later, but it is working correctly, so there may not be any need to complicate matters further.

Comments

Post a Comment

Popular posts from this blog

Godot - Rotating a Camera in 3d space

Image
For the past couple of years I've been dabbling about in Unity, but due to their recent PR disaster, I've shifted over into dabbling with Godot instead. The project I'm trying to create is a turn-based strategy game, which would include terrain. As such, units might be hidden behind terrain, so the user should be able to rotate the camera. To this end I've been following the Godot tutorials, creating a 3d plane, and putting a box in one corner so that I can see how the whole thing would rotate (if it were a plain plane, I wouldn't be able to tell it rotated). I didn't bother putting in a player character yet (as the concept is quite different to the example in the tutorial), but I did follow the steps  for implementing a camera. I wanted the camera to rotate by increments of 90 degrees (so there would effectively be 4 positions). Unfortunately, most of the maths in the documentation is about radians, which doesn't seem useful to me for this case, as it makes...
Read more

Kain Amigurumi

Image
This is one I started working on pretty much immediately after finishing my previous doll - the namesake of the Legacy of Kain series: Kain (in his Elder Vampire form) It's been quite hard to work up the motivation for typing this up, in part because I sort of live-tooted it over on Mastodon Nevertheless it's been a bit of a long journey - we have a puppy who would probably try to eat whatever I make, so I was only working on it during my lunch breaks when I'm in the office (so at most a couple of hours each week) Through into that my getting an abscess on my back and getting it surgically removed, there's been a lot to get in the way (up-side though is that I now have a hole in my back that I could hang crochet hooks off of if I were a complete lunatic) This one used the same base as the others ( AmiguruME by Allison Hoffman ), but of course, with some adaptations. The flesh was done in a dark green (I could...
Read more

Bowser Amigurumi

Image
After the Mario film came out I asked my son which character he would like a toy of, and he chose Bowser. This is pretty much the reason I started learning yarn craft in the first place, so I made him one. The pattern I followed was from this particular blog post from 2011 https://epic-yarns.com/2011/10/04/bowser/ I submitted a comment asking for some clarification, but didn't get a response. I think the blog is somewhat abandoned. However, you could consider this post as a supplement, as I have some suggestions on how to improve things. 1) First of all, the instructions for putting everything together are not the best. Even the follow up edit with photos doesn't make things much easier. As such, I will put some diagrams here (as they are clearer than photos) 2) The mouth is made of 10 pieces - 4 big balls, 1 small ball, 2 small tubes, and 3 big tubes. These all get stitched together using their tails. I'm not the best at stitching, and I would worry that things could come ...
Read more