Add-On Releases - v3 Arcade Lights Out Mode

I did this a long time ago, so I'd advise you to back up your v3ARCADE_PLAY template before you do anything else, just incase I've forgotten something

I released a simplified version of this to Premium Members on v3arcade.com, now here is the more advanced version.

What Does This Do?
Basically, when you turn lights down, the entire page darkens and let you play the game in the 'dark' which cuts out distractions.

I've also added a section of code which will show a game description (if one is available) above the game instructions.

Open your headinclude template and add:

<vb:if condition="THIS_SCRIPT == 'arcade'">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="js/lights.js"></script>
<link rel="stylesheet" href="css/lights.css"/>
</vb:if>

Save the template.

In your v3ARCADE_PLAY template and find:

<!-- main -->
            <div class="blockrow">{vb:raw flashcode}</div>
            <vb:if condition="$game['instructions']">
                <div class="blockrow">{vb:raw game.instructions}</div>
            </vb:if>
            <!-- /main -->
        </td>

        <td valign="top" style="width: 200px; padding-left: 10px;">
            <!-- right area -->

Replace that with:

<!-- main -->
<div id="acontainer">
          <div id="header">   
            <div id="command"><a class="lightSwitcher" href="javascript:foo();">Turn off the lights</a></div>
        </div>
        <div id="movie">
            <div class="blockrow">{vb:raw flashcode}</div>
                        
            <!-- /main -->

<table width="700" border="0">
 <vb:if condition="$game['description']">
  <tr>
   <th scope="row"><span><b>Description:</b> {vb:raw game.description}<br/><br/></span></th>
    </tr>
    </vb:if>
<vb:if condition="$game['instructions']">
  <tr>
    <th scope="col"><span><b>Instructions:</b> {vb:raw game.instructions}</span></th>
    </tr>
    </vb:if>  
</table>
</td>
        <td valign="top" style="width: 200px; padding-left: 10px;">
            <!-- right area -->

Still in v3ARCADE_PLAY find:

{vb:raw footer}

Below that add:

</div>
    </div>
    <div id="shadow"></div>

Save the template.

Upload the contents of the zip file to your server using your FTP

css/lights.css
js/lights.js
images/arcade/light_bulb.png
images/arcade/light_bulb_off.png
images/arcade/shade5x5.png

You can see a live demo in our arcade, play a game and click on 'Turn The Lights Off'.

To upgrade from version 1.0.1 to version 1.0.2, unpack the archive and upload the files. No need to re-edit any templates

Version History
1.0.1 - Initial release on vB.org
1.0.2 - Added new lights.css file

If anyone wants to further develop any of my addons, you are free to do so.

[ofir24]

i did it, the light is always off or always on

[woffie]

Originally Posted by Gemma

Should be working for you now

Thanks Gemma! Your awesome!

[Gemma]

@ofir24

In the v3ARCADE_PLAY template try adding:

<script type="text/javascript" src="clientscript/jquery/jquery-1.4.4.min.js"></script>

After:

<vb:if condition="THIS_SCRIPT == 'arcade'">

If that doesn't work, send me a PM with a link to your site and temporary admin access and I'll have a look.

[ofir24]

doesn't work, my site is on my computer, since it's my first forum ever, i need to fill the forum with information before i upload it to the net. you can try on your site, probably you have 1 on your computer for practicing and trying etc.

[Gemma]

Originally Posted by ofir24

doesn't work, my site is on my computer, since it's my first forum ever, i need to fill the forum with information before i upload it to the net. you can try on your site, probably you have 1 on your computer for practicing and trying etc.

I've no knowledge or experience of that, sorry. Only thing I can think of is that he paths aren't correct since your running it on your machine.

Maybe someone with better understanding of how that works can help you.

[Gemma]

Released version 2 - https://vborg.vbsupport.ru/showthread.php?t=277346

[Hippy]

great mod Gemma v2 better ? or just updated for vb4.1.10 thanks

[Gemma]

Originally Posted by Hippy

great mod Gemma v2 better ? or just updated for vb4.1.10 thanks

v2 is better IMO; you can see it in action here - http://www.forumbanter.com/arcade/game-452/

[datoneer]

Excellent. Sorry accidently rated terrible. Actually it is 5 stars! Sorry