Line Rider - Silhouette

[@cankrib]

List of inspirations, for those curious:
-"Silhouette (Owl City) - Fan Animated" by Vivziepop: ua-cam.com/video/t47fADGOaxc/v-deo.html
-"Freaks" by vsbl: ua-cam.com/video/jOyh5lDAv_8/v-deo.html&t
-"Falling In Love" by Rabid Squirrel: ua-cam.com/video/uiqjZymd6zU/v-deo.html
-"You Are The Sunset" by Branches: ua-cam.com/video/0x1xrRMOBeI/v-deo.html
-"Hasta La Raiz" by Apple: ua-cam.com/video/d3cLYHM2uZY/v-deo.html&t
-Pretty much all of my tracks prior to this one.
(Note: Some of these are anti-inspirations in that I wanted to do the exact opposite of what a given work was doing to achieve a certain effect.)

[@rabidsquirrel117]

Love all the little changes between when I saw this and now. Good job putting this out into the world, you should be proud of it regardless of whether it's "good" or people like it because you're stretching and growing and working on your work as an artist :)

[@th_rtyf_re]

This was a really interesting watch! I really like how you revisit the beginning section with invisible quirk, I'm not sure what it represents exactly but it feels very meaningful. The story at the end also makes the whole track/video more complete. Thank you for sharing!

[@LineRiderReview]

This piece and its sequel were featured in our Top 10 Line Rider Tracks of 2021 video essay!

[@OfficialSillypooDominoes17]

Beautiful experimentation with combining multiple mediums to create a looser form and allowing yourself to express the story you did here. Thank you for this, this spoke to our heart!

[@lietk12]

Thanks for sharing this story! I'm a big fan of using art-making as a way to tend to strong emotions and painful experiences. It's also powerful to see you making something so sincere about a kind of personal experience which can be very vulnerable for people to speak about in public, especially if they're in a place where it still feels raw.
It was really interesting how you used the blinking lines and the blinking scenes (flashbacks?). I don't want to make assumptions about your experiences, but it really resonated for me in the way painful memories (including of experiences which really wrecked me) blink in and out of my mind most days, and how it used to feel like those memories would always jerk me around emotionally or change the direction of my day whenever they popped back in. I'm not sure I've come across anything else which represents that as strongly to me as this video did.

[@xiaozhou2333]

I just wonder how can you make these lines suddenly appear and disappear at 1:40? I like this part very much!

[@cankrib]

For this track, I exported 2 different videos: one with those lines in an invisible layer and ones where the lines are visible, and then I put the two videos together in post. If you wanna just do something like that, I recommend this method.
However, for more advanced stuff, nowadays there is layer automation in linerider.com/?layers, which can be done by opening up the javascript console by pressing f12 and adding this script to it:
getLayerVisibleAtTime = (id, ind) => {
if (!window.idToIndex) {
window.idToIndex = []
const getSimulatorTrack = (state) => state.simulator.engine
const getTrackLayers = (state) =>
getSimulatorTrack(state).engine.state.layers
for (let [i, layer] of [
...getTrackLayers(window.store.getState()),
].entries()) {
window.idToIndex[layer.id] = i
}
}
id = window.idToIndex[id]
if (id === 0) {
return false
}
-------------------------------------------

if (id === [Insert layer number here]) {
return ind == [Insert frame you want the layer to appear on here]
}}
or
if (id === [Insert layer number here]) {
return true [For the layer to always appear]
}}
-------------------------------------------
For example, here's what this looks like in practice:
if (id === 68) {
return ind == 900 || ind == 921 || ind == 942 || ind == 1016 || ind == 1037 || ind == 1073 || ind == 1113 || ind == 1166 || ind == 1320 || ind == 1349 || ind == 1454 || ind == 1503 || ind == 1527 || ind == 1552
}
if (id === 70) {
return true
}}
I've been able to learn this thanks to Ava Hofmann and OTDE. Hope this helps.

[@xiaozhou2333]

@@cankrib Wow that looks pretty cool! Well, I will research it and many thanks for your reply!

[@xiaozhou2333]

​@@cankrib These codes were successfully worked on my computer, and if I want a layer to appear for 1 second, is that mean I have to input "|| ind ==" for 40 times? Is there any convenient way to do this?

[@cankrib]

@@xiaozhou2333 There probably is, but I'm not the best at coding in Javascript. I simply just do what works.

[@xiaozhou2333]

@@cankrib OK I understand, I think I can use Python to achieve this purpose. Thanks for your help.