Show Posts
1
Mods & Plugins (Releases & Support) / [Mod] Puzzle MOD
« on: February 11, 2011, 10:56:54 PM »
Hallo,
hier eine PUZZLE Modifikation für die Details Seite
Eingebaut nach folgendem TUTORIAL http://www.netzgesta.de/snapfit/
hier meine DEMO http://www.grosspeterwitz.org/4images_puzzle/details.php?image_id=1
--------------------------------------------------------------------------------------------------------------------------------------------------------
bitte downloaden auf der TUTORIAL http://www.netzgesta.de/cvi/download.php?file=snapfit
1.) in root/js bitte snapfit.js kopieren
2.) deine template/media/jpg.html ersetzt mit
<script type="text/javascript">
window.onload = function () {
snapfit.add(document.getElementById('{image_name}'));
</script>
<img id="{image_name}" src="{media_src}" style="width:{width}px;height:{height}px;" alt="{image_name}" border="0" /><br />
3.) in der templates/header.html suchen:
{if has_rss}
und davor einfügen
<script type="text/javascript" src="./js/snapfit.js"></script>
<script language="javascript" type="text/javascript">
snapfit.defaultMixed = false; //BOOLEAN mix pieces at startup
snapfit.defaultSimple = false; //BOOLEAN mix the positions only
snapfit.defaultNokeys = false; //BOOLEAN no keyboard control
snapfit.defaultPolygon = false; //BOOLEAN polygons instead of rectangles
snapfit.defaultLevel = 0; //INT 0-6 (0==simple and 6==difficult)
snapfit.defaultSpace = 0; //INT 0-50 (%) inner frame space
snapfit.defaultSnap = 8; //INT 0-24 (px) snap radius
snapfit.defaultCallback = false; //JS function(){ ... } call on manual solving
snapfit.defaultMatchcolor = '#00d000'; //STR '#000000'-'#ffffff'
snapfit.defaultFalsecolor = '#ff0000'; //STR '#000000'-'#ffffff'
snapfit.defaultAreacolor = '#e0e0e0'; //STR '#000000'-'#ffffff'
snapfit.defaultBgrndcolor = '#000000'; //STR '#000000'-'#ffffff'
snapfit.defaultAreaimage = false; //BOOLEAN image as background
snapfit.defaultAreaborder = false; //BOOLEAN background border
snapfit.defaultBorderwide = 2; //INT/FLOAT 1.0-6.0 (px) pieces border width
snapfit.defaultAreaopacity = 0.33; //FLOAT 0.0-1.0 background area/image opacity
snapfit.defaultBorderopacity= 0.5; //FLOAT 0.0-1.0 pieces border/backside opacity
snapfit.defaultShadowopacity= 0.75; //FLOAT 0.0-1.0 active piece shadow opacity
snapfit.defaultForcetouchui = false; //BOOLEAN forces touch UI over the mouse UI if both available
</script>
4.) finde in der details.html
{image}
danach einfügen
<select id="level" size="1" onchange="snapfit.reset(document.getElementById('{image_name}'),parseInt(this.options[this.selectedIndex].value));">
<option value="0">160px (extrem low)</option>
<option value="1"selected="selected">128px (very low)</option>
<option value="2">104px (low)</option>
<option value="3">080px (medium)</option>
<option value="4">064px (high)</option>
<option value="5">056px (very high)</option>
<option value="6">048px (extrem high)</option>
</select>
<button type="button" onclick="snapfit.admix(document.getElementById('{image_name}'));">Admix</button>
<button type="button" onclick="snapfit.solve(document.getElementById('{image_name}'));">Solve</button><br />
----------------------------------------------------------------------------------------------------------------------------------------------
Habe es in FF IE CHROME SAFARI getestet. Geht einwandfrei.
Ein schönheitsfehler ist, das wenn das Puzzle gemixt wird, die Würfel mit schwarzem rand spiegelverkehrt sind und mit der
RECHTEN MAUSE TASTE gedreht werden müssen, bekantlich ist ja die RECHTS TASTE Sperre aktiviert.
@Rembrandt hast du vielleicht eine IDEE wie mann das umgehen kann, mein englisch ist nicht so gut, vielleicht kann man es schon beim ADMIXEN abstellen.
Viel Spass
hier eine PUZZLE Modifikation für die Details Seite
Eingebaut nach folgendem TUTORIAL http://www.netzgesta.de/snapfit/
hier meine DEMO http://www.grosspeterwitz.org/4images_puzzle/details.php?image_id=1
--------------------------------------------------------------------------------------------------------------------------------------------------------
bitte downloaden auf der TUTORIAL http://www.netzgesta.de/cvi/download.php?file=snapfit
1.) in root/js bitte snapfit.js kopieren
2.) deine template/media/jpg.html ersetzt mit
<script type="text/javascript">
window.onload = function () {
snapfit.add(document.getElementById('{image_name}'));
};
</script>
<img id="{image_name}" src="{media_src}" style="width:{width}px;height:{height}px;" alt="{image_name}" border="0" /><br />
3.) in der templates/header.html suchen:
{if has_rss}
und davor einfügen
<script type="text/javascript" src="./js/snapfit.js"></script>
<script language="javascript" type="text/javascript">
snapfit.defaultMixed = false; //BOOLEAN mix pieces at startup
snapfit.defaultSimple = false; //BOOLEAN mix the positions only
snapfit.defaultNokeys = false; //BOOLEAN no keyboard control
snapfit.defaultPolygon = false; //BOOLEAN polygons instead of rectangles
snapfit.defaultLevel = 0; //INT 0-6 (0==simple and 6==difficult)
snapfit.defaultSpace = 0; //INT 0-50 (%) inner frame space
snapfit.defaultSnap = 8; //INT 0-24 (px) snap radius
snapfit.defaultCallback = false; //JS function(){ ... } call on manual solving
snapfit.defaultMatchcolor = '#00d000'; //STR '#000000'-'#ffffff'
snapfit.defaultFalsecolor = '#ff0000'; //STR '#000000'-'#ffffff'
snapfit.defaultAreacolor = '#e0e0e0'; //STR '#000000'-'#ffffff'
snapfit.defaultBgrndcolor = '#000000'; //STR '#000000'-'#ffffff'
snapfit.defaultAreaimage = false; //BOOLEAN image as background
snapfit.defaultAreaborder = false; //BOOLEAN background border
snapfit.defaultBorderwide = 2; //INT/FLOAT 1.0-6.0 (px) pieces border width
snapfit.defaultAreaopacity = 0.33; //FLOAT 0.0-1.0 background area/image opacity
snapfit.defaultBorderopacity= 0.5; //FLOAT 0.0-1.0 pieces border/backside opacity
snapfit.defaultShadowopacity= 0.75; //FLOAT 0.0-1.0 active piece shadow opacity
snapfit.defaultForcetouchui = false; //BOOLEAN forces touch UI over the mouse UI if both available
</script>
4.) finde in der details.html
{image}
danach einfügen
<select id="level" size="1" onchange="snapfit.reset(document.getElementById('{image_name}'),parseInt(this.options[this.selectedIndex].value));">
<option value="0">160px (extrem low)</option>
<option value="1"selected="selected">128px (very low)</option>
<option value="2">104px (low)</option>
<option value="3">080px (medium)</option>
<option value="4">064px (high)</option>
<option value="5">056px (very high)</option>
<option value="6">048px (extrem high)</option>
</select>
<button type="button" onclick="snapfit.admix(document.getElementById('{image_name}'));">Admix</button>
<button type="button" onclick="snapfit.solve(document.getElementById('{image_name}'));">Solve</button><br />
----------------------------------------------------------------------------------------------------------------------------------------------
Habe es in FF IE CHROME SAFARI getestet. Geht einwandfrei.
Ein schönheitsfehler ist, das wenn das Puzzle gemixt wird, die Würfel mit schwarzem rand spiegelverkehrt sind und mit der
RECHTEN MAUSE TASTE gedreht werden müssen, bekantlich ist ja die RECHTS TASTE Sperre aktiviert.
@Rembrandt hast du vielleicht eine IDEE wie mann das umgehen kann, mein englisch ist nicht so gut, vielleicht kann man es schon beim ADMIXEN abstellen.
Viel Spass
