[MOD] FanArt Music Visualisation

minimaxa · 2010-01-12 07:15

thanks for this pkellum & dfmos

looks good on the xbox1

the record change is good too, it is spinning slower.

i changed the animation effect to "none" as the record arm was spinning 360 degrees and was looking funny!

the record arm is sitting below the record too what code do i change to fix that?

thanks

pkellum · 2010-01-12 08:27

It shouldn't be below the album. Is anyone else having this problem?

DannyBres · 2010-01-12 18:37

Added LCD Time

Not sure if I like it, think its the wrong colour.

[Image: screenshot000.png]

spec_8472 · 2010-01-12 23:08

Thank you pkellum for posting your code. I got it working!

schmoko · 2010-01-13 06:21

Nice mod. I like the original one without all the extras.

1. I also prefer the look of vinyl to the CD but I can't find the right vinyl image.

I found a black vinyl record, but it has the same issue as the green one posted above, it has a light source. The reflection on the record should not move with the record as it spins. A light source (like the red one on a Technics 1200) should remain static as the record moved beneath it. The effect of the spinning light reflection on the vinyl is really jarring to me. I can't find any images of a record without some sort of reflection though.

2. To the poster above, 45 RPM = one rotation every 1.33 seconds, or 1333 milliseconds. If you want the record at 45 RPM, set the rotation time to 1333. If you want 33 RPM try 1818. A real smart script would figure out if it was a single or an album and vary accordingly Big Grin

3. Is there an issue in TRAC for the inconsistent FanArt query? This is the other major issue keeping this mod from being great.

pkellum · 2010-01-13 07:37

schmoko Wrote:1. I also prefer the look of vinyl to the CD but I can't find the right vinyl image.

I found a black vinyl record, but it has the same issue as the green one posted above, it has a light source. The reflection on the record should not move with the record as it spins. A light source (like the red one on a Technics 1200) should remain static as the record moved beneath it. The effect of the spinning light reflection on the vinyl is really jarring to me. I can't find any images of a record without some sort of reflection though.

I had the same problem, no good vinyl images out there. I have some albums but getting a picture without a reflection is not easy.

Perhaps a lighting effect overlay could be used once a good vinyl image is found.

Quote:2. To the poster above, 45 RPM = one rotation every 1.33 seconds, or 1333 milliseconds. If you want the record at 45 RPM, set the rotation time to 1333. If you want 33 RPM try 1818. A real smart script would figure out if it was a single or an album and vary accordingly

Thanks, I was just throwing a number in there to slow it down.

spec_8472 · 2010-01-13 10:41

Maybe this one is nice after some photoshop:
[Image: Vinil_by_marazmuser.jpg]

arkryal · 2010-01-13 12:50

Nice vinyl image. Here is a copy of it sized and with the background removed.
Download Here There is a highlight on the upper left corner (it looks like it was made in photoshop with the "bevel & emboss" style), that'll spin too, so it's not going to be the best quality. From an overhead perspective, the record should actually appear black (no lines) and only reveal the depth of the grooves when exposed to light which would shine from one quadrant continually, regardless of it's spin. Those lines would have some variation as it spins, bound to the speed. The animation effects available don't lend to this type of detail, so no vinyl image will really look acurate.

Does anyone know it XBMC will play animated image formats like gif or apng (preferred) with undithered transparency? Then I could animate the reflection and reduce the overall file size of the record image.

I was also thinking that the media image (CD or Record) could be an option based on the year of the song playing.
Something along the lines of
IF TrackYear <= 1985 [display record] else [display cd]

It would be nice to add an options menu which would toggle some of the features. Weather, time, Next Track Preview on/off. Fullscreen Visualization / Mini Visualization. Show Record / Show CD.

arkryal · 2010-01-13 17:41

Fixed Vinyl Lighting

Forgive the shitty video, YouTube killed the quality, but it should give you a rough idea of how it looks.
The image here is a clean still shot, it will look like this (but animated). The video has too much pixelation to be a fair representation.

Video Here
[Image: sample.jpg]

Here's what you need:
• Record Image
• Highlight Image
• Code

I'm not going to package this one as I'm running a few mods now that would make my version appear differently on your screen, so just add it manually.

The Code

Code:

<!-- Mod- group animation -->

    <control type="image">

            <description>Cd overlay</description>

        <animation effect="slide" start="-118" end="0" time="900" tween="cubic" easing="out" delay="1000">WindowOpen</animation>

        <animation type="WindowClose">

            <effect type="slide" start="0" end="-114" time="800" tween="cubic" easing="in" delay="0"/>

            <effect type="fade" start="100" end="0" time="1300"/>

            <condition type="!Player.Playing"/>

            </animation>

        <animation effect="rotate" end="-360" center="auto" time="800" loop="true" reversible="false" condition="!Player.Paused">Conditional</animation>

        <width>275</width>

        <height>250</height>

        <posx>160</posx>

        <posy>400</posy>

        <texture fallback="cd/record.png">backdrops/artist_fanart/cd/$INFO[MusicPlayer.Artist]-$INFO[MusicPlayer.Album].png</texture>

        <aspectratio align="bottom">keep</aspectratio>

    </control>

    <control type="image">

        <description>Record Shine</description>

        <animation effect="slide" start="-118" end="0" time="900" tween="cubic" easing="out" delay="1000">WindowOpen</animation>

        <animation type="WindowClose">

            <effect type="slide" start="0" end="-114" time="800" tween="cubic" easing="in" delay="0"/>

            <effect type="fade" start="100" end="0" time="1300"/>

            <condition type="!Player.Playing"/>

        </animation>

        <posx>160</posx>

        <posy>400</posy>

        <width>275</width>

        <height>250</height>

        <texture>cd/shine.png</texture>

        <aspectratio align="bottom">keep</aspectratio>

    </control>

Replace the CD image with the following. The record is slowed to 52 RPM (7/8 second per turn)

Now copy the vinyl image and the highlight image to the "\\media\cd" folder. They're a bit sloppy, feel free to touch up if you like.

Get the Images Here

You'll have to add the arm yourself, I didn't bother with that.

pkellum · 2010-01-13 19:25

arkryal Wrote:I was also thinking that the media image (CD or Record) could be an option based on the year of the song playing.
Something along the lines of
IF TrackYear <= 1985 [display record] else [display cd]

Good idea

Code:

<!-- Mod- group animation -->

    <control type="image">

            <description>Cd overlay</description>

        <animation effect="slide" start="-118" end="0" time="900" tween="cubic" easing="out" delay="1000">WindowOpen</animation>

        <animation type="WindowClose">

            <effect type="slide" start="0" end="-114" time="800" tween="cubic" easing="in" delay="0"/>

            <effect type="fade" start="100" end="0" time="1300"/>

            <condition type="!Player.Playing"/>

            </animation>

        <animation effect="rotate" end="-360" center="auto" time="1818" loop="true" reversible="false" condition="!Player.Paused">Conditional</animation>

        <width>275</width>

        <height>250</height>

        <posx>160</posx>

        <posy>400</posy>

        <texture fallback="cd/record.png">backdrops/artist_fanart/cd/$INFO[MusicPlayer.Artist]-$INFO[MusicPlayer.Album].png</texture>

        <aspectratio align="bottom">keep</aspectratio>

        <visible>!IntegerGreaterThan(MusicPlayer.Year,1984)</visible>

    </control>

    <control type="image">

        <description>Record Shine</description>

        <animation effect="slide" start="-118" end="0" time="900" tween="cubic" easing="out" delay="1000">WindowOpen</animation>

        <animation type="WindowClose">

            <effect type="slide" start="0" end="-114" time="800" tween="cubic" easing="in" delay="0"/>

            <effect type="fade" start="100" end="0" time="1300"/>

            <condition type="!Player.Playing"/>

        </animation>

        <posx>160</posx>

        <posy>400</posy>

        <width>275</width>

        <height>250</height>

        <texture>cd/shine.png</texture>

        <aspectratio align="bottom">keep</aspectratio>

        <visible>!IntegerGreaterThan(MusicPlayer.Year,1984)</visible>

    </control>

    <control type="image">

        <description>Turntable Arm</description>

        <animation effect="slide" start="-118" end="0" time="900" tween="cubic" easing="out" delay="1000">WindowOpen</animation>

        <animation type="WindowClose">

            <effect type="slide" start="0" end="-114" time="800" tween="cubic" easing="in" delay="0"/>

            <effect type="fade" start="100" end="0" time="1300"/>

            <condition type="!Player.Playing"/>

        </animation>

        <width>100</width>

        <posx>385</posx>

        <posy>290</posy>

        <texture>cd/arm2.png</texture>

        <aspectratio align="bottom">keep</aspectratio>

        <visible>!IntegerGreaterThan(MusicPlayer.Year,1984)</visible>

    </control>

    <control type="image">

            <description>Cd overlay</description>

        <animation effect="slide" start="-118" end="0" time="900" tween="cubic" easing="out" delay="1000">WindowOpen</animation>

        <animation type="WindowClose">

            <effect type="slide" start="0" end="-114" time="800" tween="cubic" easing="in" delay="0"/>

            <effect type="fade" start="100" end="0" time="1300"/>

            <condition type="!Player.Playing"/>

            </animation>

        <animation effect="rotate" end="-360" center="auto" time="150" loop="true" reversible="false" condition="!Player.Paused">Conditional</animation>

        <width>275</width>

        <height>250</height>

        <posx>160</posx>

        <posy>400</posy>

        <texture fallback="cd/default.png">backdrops/artist_fanart/cd/$INFO[MusicPlayer.Artist]-$INFO[MusicPlayer.Album].png</texture>

        <aspectratio align="bottom">keep</aspectratio>

        <visible>IntegerGreaterThan(MusicPlayer.Year,1984)</visible>

    </control>

minimaxa Junior Member Posts: 2 Joined: Jan 2010 Reputation: 0	2010-01-12 07:15 Post: #51 thanks for this pkellum & dfmos looks good on the xbox1 the record change is good too, it is spinning slower. i changed the animation effect to "none" as the record arm was spinning 360 degrees and was looking funny! the record arm is sitting below the record too what code do i change to fix that? thanks
	find quote

pkellum Member Posts: 61 Joined: May 2009 Reputation: 0	2010-01-12 08:27 Post: #52 It shouldn't be below the album. Is anyone else having this problem?
	find quote

DannyBres Member Posts: 54 Joined: Dec 2009 Reputation: 1	2010-01-12 18:37 Post: #53 Added LCD Time Not sure if I like it, think its the wrong colour.
	find quote

spec_8472 Junior Member Posts: 12 Joined: Dec 2009 Reputation: 0	2010-01-12 23:08 Post: #54 Thank you pkellum for posting your code. I got it working!
	find quote

spec_8472 Junior Member Posts: 12 Joined: Dec 2009 Reputation: 0	2010-01-13 10:41 Post: #57 Maybe this one is nice after some photoshop: (This post was last modified: 2010-01-13 11:58 by spec_8472.)
	find quote