Quick Sign In:  

Forum: VirtualDJ Skins

Topic: Prime 4 TouchFX
Hi, trying to implement TouchFX screen to my Prime 4 Screen Skin.But can not figure out how to get effect slider 1 (vertical) and effect slider 2 (horizontal) work in same place. Have no idea how to define x and y axis. So far I have this. Any ideas, please?

TOUCHFX
sliders

<define class="fxslidertouchhor" orientation="horizontal" direction="up">

<slider action="effect_slider_activate 1" orientation="horizontal" direction="up" visibility="effect_active">
<pos x="+10" y="+10"/>
<size width="1000-20" height="382"/>

<fader color="deckcolorbright" width="2" height="382"/>
</slider>
<slider action="effect_slider_activate 1" orientation="horizontal" direction="up" visibility="not effect_active">
<pos x="+10" y="+10"/>
<size width="1000-20" height="382"/>

<fader color="#BDBDBD" width="2" height="382"/>
</slider>
</define>

<define class="fxslidertouchver" orientation="vertical" direction="right">

<slider action="effect_slider_activate 2" orientation="vertical" direction="right" visibility="effect_active">
<pos x="+10" y="+10"/>
<size width="1000-20" height="382"/>

<fader color="deckcolorbright" width="1000-20" height="2"/>
</slider>
<slider action="effect_slider_activate 2" orientation="vertical" direction="right" visibility="not effect_active">
<pos x="+10" y="+10"/>
<size width="1000-20" height="382"/>

<fader color="#BDBDBD" width="1000-20" height="2"/>
</slider>
</define>

touch fx panel


<define class="decktouchfx" placeholders="deckn" >
<deck deck="[DECKN]">
<visual>
<pos x="+140" y="+100" />
<size width="1000" height="400"/>
<off color="#000000" shape="square" />
</visual>
<textzone>
<pos x="+10" y="+100"/>
<size width="120" height="24"/>
<text fontsize="18" align="center" color="#AAAAAA" action="get_effect_slider_name 1"/>
</textzone>
<textzone>
<pos x="+10" y="+100+24"/>
<size width="120" height="24"/>
<text fontsize="18" align="center" color="#AAAAAA" action="get_effect_slider_text 1"/>
</textzone>
<textzone>
<pos x="+10" y="+100+65+300"/>
<size width="120" height="24"/>
<text fontsize="18" align="center" color="#AAAAAA" action="get_effect_slider_name 2"/>
</textzone>
<textzone>
<pos x="+10" y="+100+65+24+300"/>
<size width="120" height="24"/>
<text fontsize="18" align="center" color="#AAAAAA" action="get_effect_slider_text 2"/>
</textzone>
<textzone>
<pos x="+70" y="+4"/>
<size width="120" height="25"/>
<text fontsize="18" align="left" color="#909090" text="TOUCH FX"/>
</textzone>
<button class="fxbuttonwide" x="+20" y="+35" action="effect_select" query="effect_active" textaction="get_effect_name & param_uppercase"/>

<button class="fxbuttonwide" x="+20+220" y="+35" action="effect_activate" textaction="get_text 'ACTIVE'"/>

<button class="fxbuttonwide" x="+20+220+220" y="+35" action="deck 1_activate" textaction="get_deck & param_uppercase"/>

<panel class="fxslidertouchhor" x="+10+120+10" y="+100" action="effect_slider 1" disabled="not effect_has_slider 1" frommiddle="get_effect_slider_default 1 0.5" orientation="horizontal" />
<panel class="fxslidertouchver" x="+10+120+10" y="+100" action="effect_slider 2" disabled="not effect_has_slider 2" frommiddle="get_effect_slider_default 2 0.5" orientation="vrtical" />
</deck>
</define>


end of definition


TOUCHFX view


<panel name="toucheffects" visibility= "var '$touchfx' 1">
<group name="browsersmall" x="10" y="0">
<panel class="browserback" brheight="78"/>
<button class="touch_fx" x="+5+84+998" y="+5" visibility="var '$prbrowsersetbut' 0"/>
<panel class="custbeatsvert4deck"/>

<panel class="minideckvertical" deckn="1" name="deck1 info" x="0+320" y="0" />
<panel class="minideckvertical" deckn="3" name="deck3 info" x="0" y="0" />
<panel class="minideckvertical" deckn="2" name="deck2 info" x="0+320+320" y="0" />
<panel class="minideckvertical" deckn="4" name="deck4 info" x="0+320+320+320" y="0" />
</group>

<panel name="decktoucheffects" x="2" y="80" visibility="yes">
<visual>
<pos x="+0" y="+0"/>
<size width="1280-4" height="800-166-80-8"/>
<off color="#242424"/>
</visual>
<panel class="decktouchfx" deckn="master" x="+0" y="-0" />
</panel>

</panel>


Thank you for any hint.
 

Posted Tue 25 Apr 23 @ 8:30 am
djdadPRO InfinityDevelopment ManagerMember since 2005
You need 3 <slider> elements with size equal to your Touch FX area.

1. A vertical slider for Param 2 (and a line as >fader>)
<slider action="effect_slider 2" orientation="vertical" direction="up" >

2. A horizontal slider for Param 1 (and a line as >fader>)
<slider action="effect_slider 1" orientation="horizontal" direction="right" >

3. a "dual" <slider> (with a small rect/circle as <fader>)
<slider action="effect_slider 1" action2="effect_slider 2" direction="right" direction2="up" orientation="2d" >


Check out code in my MULTI Touchscreen skin
 

Posted Tue 25 Apr 23 @ 8:44 am
Thank you very much DJDad. I will try.
 

Posted Tue 25 Apr 23 @ 9:32 am
@DJDad got it working, thank you for your help.
 

Posted Tue 25 Apr 23 @ 3:24 pm