D&D Modules

This commit is contained in:
Kyle
2021-07-05 15:06:20 -07:00
parent ac0e2e0ca6
commit 85b7158a48
17 changed files with 220 additions and 1 deletions

View File

@@ -75,6 +75,10 @@
font-family: invocation-text;
src: url('/fonts/shango-gothic-bold.ttf');
}
@font-face {
font-family: souvenir;
src: url('/fonts/Souvenir-Itc-T-OT-Bold.otf');
}
/*Variables*/
:root {
--site-background: url('/img/lowpolyBackground.svg');

Binary file not shown.

View File

@@ -0,0 +1,29 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="1500" height="2100" viewBox="0 0 1500 2100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<rect id="Card" x="0" y="0" width="1500" height="2100" style="fill:none;"/>
<clipPath id="_clip1">
<rect id="Card1" serif:id="Card" x="0" y="0" width="1500" height="2100"/>
</clipPath>
<g clip-path="url(#_clip1)">
<path id="Background" d="M1500,0L0,0L0,2100L1500,2100L1500,0ZM1440,406L60,406L60,1268L1440,1268L1440,406Z"/>
<clipPath id="_clip2">
<path id="Background1" serif:id="Background" d="M1500,0L0,0L0,2100L1500,2100L1500,0ZM1440,406L60,406L60,1268L1440,1268L1440,406Z"/>
</clipPath>
<g clip-path="url(#_clip2)">
<g transform="matrix(1.1,0,0,1.1,-75,-105)">
<rect x="0" y="0" width="1500" height="2100" style="fill:rgb(117,65,135);"/>
</g>
</g>
<g id="Bar" transform="matrix(0.963808,0,0,0.285714,24.7345,999.714)">
<rect x="117" y="1359" width="1271" height="14" style="fill:url(#_Radial3);"/>
</g>
<path d="M-1,179L179.958,-1.958L377,-1.958L-0.566,375.608L-1,179Z" style="fill:rgb(236,219,45);"/>
<g id="Border" transform="matrix(6.72646,0,0,1,-2764.57,0)">
<rect x="411" y="1948" width="223" height="152"/>
</g>
</g>
<defs>
<radialGradient id="_Radial3" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-635.5,2.62534e-13,-7.78263e-14,-2143.75,752.5,1366)"><stop offset="0" style="stop-color:white;stop-opacity:1"/><stop offset="0.6" style="stop-color:white;stop-opacity:0.82"/><stop offset="0.81" style="stop-color:white;stop-opacity:0.42"/><stop offset="1" style="stop-color:white;stop-opacity:0"/></radialGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@@ -0,0 +1,29 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="1500" height="2100" viewBox="0 0 1500 2100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<rect id="Card" x="0" y="0" width="1500" height="2100" style="fill:none;"/>
<clipPath id="_clip1">
<rect id="Card1" serif:id="Card" x="0" y="0" width="1500" height="2100"/>
</clipPath>
<g clip-path="url(#_clip1)">
<path id="Background" d="M1500,0L0,0L0,2100L1500,2100L1500,0ZM1440,406L60,406L60,1268L1440,1268L1440,406Z"/>
<clipPath id="_clip2">
<path id="Background1" serif:id="Background" d="M1500,0L0,0L0,2100L1500,2100L1500,0ZM1440,406L60,406L60,1268L1440,1268L1440,406Z"/>
</clipPath>
<g clip-path="url(#_clip2)">
<g transform="matrix(1.1,0,0,1.1,-75,-105)">
<rect x="0" y="0" width="1500" height="2100" style="fill:rgb(153,87,129);"/>
</g>
</g>
<g id="Bar" transform="matrix(0.963808,0,0,0.285714,24.7345,999.714)">
<rect x="117" y="1359" width="1271" height="14" style="fill:url(#_Radial3);"/>
</g>
<path d="M-1,179L179.958,-1.958L377,-1.958L-0.566,375.608L-1,179Z" style="fill:rgb(236,219,45);"/>
<g id="Border" transform="matrix(6.72646,0,0,1,-2764.57,0)">
<rect x="411" y="1948" width="223" height="152"/>
</g>
</g>
<defs>
<radialGradient id="_Radial3" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-635.5,2.62534e-13,-7.78263e-14,-2143.75,752.5,1366)"><stop offset="0" style="stop-color:white;stop-opacity:1"/><stop offset="0.6" style="stop-color:white;stop-opacity:0.82"/><stop offset="0.81" style="stop-color:white;stop-opacity:0.42"/><stop offset="1" style="stop-color:white;stop-opacity:0"/></radialGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@@ -0,0 +1,29 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="1500" height="2100" viewBox="0 0 1500 2100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<rect id="Card" x="0" y="0" width="1500" height="2100" style="fill:none;"/>
<clipPath id="_clip1">
<rect id="Card1" serif:id="Card" x="0" y="0" width="1500" height="2100"/>
</clipPath>
<g clip-path="url(#_clip1)">
<path id="Background" d="M1500,0L0,0L0,2100L1500,2100L1500,0ZM1440,406L60,406L60,1268L1440,1268L1440,406Z"/>
<clipPath id="_clip2">
<path id="Background1" serif:id="Background" d="M1500,0L0,0L0,2100L1500,2100L1500,0ZM1440,406L60,406L60,1268L1440,1268L1440,406Z"/>
</clipPath>
<g clip-path="url(#_clip2)">
<g transform="matrix(1.1,0,0,1.1,-75,-105)">
<rect x="0" y="0" width="1500" height="2100" style="fill:rgb(0,139,69);"/>
</g>
</g>
<g id="Bar" transform="matrix(0.963808,0,0,0.285714,24.7345,999.714)">
<rect x="117" y="1359" width="1271" height="14" style="fill:url(#_Radial3);"/>
</g>
<path d="M-1,179L179.958,-1.958L377,-1.958L-0.566,375.608L-1,179Z" style="fill:rgb(236,219,45);"/>
<g id="Border" transform="matrix(6.72646,0,0,1,-2764.57,0)">
<rect x="411" y="1948" width="223" height="152"/>
</g>
</g>
<defs>
<radialGradient id="_Radial3" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-635.5,2.62534e-13,-7.78263e-14,-2143.75,752.5,1366)"><stop offset="0" style="stop-color:white;stop-opacity:1"/><stop offset="0.6" style="stop-color:white;stop-opacity:0.82"/><stop offset="0.81" style="stop-color:white;stop-opacity:0.42"/><stop offset="1" style="stop-color:white;stop-opacity:0"/></radialGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@@ -0,0 +1,29 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="1500" height="2100" viewBox="0 0 1500 2100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<rect id="Card" x="0" y="0" width="1500" height="2100" style="fill:none;"/>
<clipPath id="_clip1">
<rect id="Card1" serif:id="Card" x="0" y="0" width="1500" height="2100"/>
</clipPath>
<g clip-path="url(#_clip1)">
<path id="Background" d="M1500,0L0,0L0,2100L1500,2100L1500,0ZM1440,406L60,406L60,1268L1440,1268L1440,406Z"/>
<clipPath id="_clip2">
<path id="Background1" serif:id="Background" d="M1500,0L0,0L0,2100L1500,2100L1500,0ZM1440,406L60,406L60,1268L1440,1268L1440,406Z"/>
</clipPath>
<g clip-path="url(#_clip2)">
<g transform="matrix(1.1,0,0,1.1,-75,-105)">
<rect x="0" y="0" width="1500" height="2100" style="fill:rgb(197,35,49);"/>
</g>
</g>
<g id="Bar" transform="matrix(0.963808,0,0,0.285714,24.7345,999.714)">
<rect x="117" y="1359" width="1271" height="14" style="fill:url(#_Radial3);"/>
</g>
<path d="M-1,179L179.958,-1.958L377,-1.958L-0.566,375.608L-1,179Z" style="fill:rgb(236,219,45);"/>
<g id="Border" transform="matrix(6.72646,0,0,1,-2764.57,0)">
<rect x="411" y="1948" width="223" height="152"/>
</g>
</g>
<defs>
<radialGradient id="_Radial3" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-635.5,2.62534e-13,-7.78263e-14,-2143.75,752.5,1366)"><stop offset="0" style="stop-color:white;stop-opacity:1"/><stop offset="0.6" style="stop-color:white;stop-opacity:0.82"/><stop offset="0.81" style="stop-color:white;stop-opacity:0.42"/><stop offset="1" style="stop-color:white;stop-opacity:0"/></radialGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@@ -0,0 +1,29 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="1500" height="2100" viewBox="0 0 1500 2100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<rect id="Card" x="0" y="0" width="1500" height="2100" style="fill:none;"/>
<clipPath id="_clip1">
<rect id="Card1" serif:id="Card" x="0" y="0" width="1500" height="2100"/>
</clipPath>
<g clip-path="url(#_clip1)">
<path id="Background" d="M1500,0L0,0L0,2100L1500,2100L1500,0ZM1440,406L60,406L60,1268L1440,1268L1440,406Z"/>
<clipPath id="_clip2">
<path id="Background1" serif:id="Background" d="M1500,0L0,0L0,2100L1500,2100L1500,0ZM1440,406L60,406L60,1268L1440,1268L1440,406Z"/>
</clipPath>
<g clip-path="url(#_clip2)">
<g transform="matrix(1.1,0,0,1.1,-75,-105)">
<rect x="0" y="0" width="1500" height="2100" style="fill:rgb(70,155,189);"/>
</g>
</g>
<g id="Bar" transform="matrix(0.963808,0,0,0.285714,24.7345,999.714)">
<rect x="117" y="1359" width="1271" height="14" style="fill:url(#_Radial3);"/>
</g>
<path d="M-1,179L179.958,-1.958L377,-1.958L-0.566,375.608L-1,179Z" style="fill:rgb(236,219,45);"/>
<g id="Border" transform="matrix(6.72646,0,0,1,-2764.57,0)">
<rect x="411" y="1948" width="223" height="152"/>
</g>
</g>
<defs>
<radialGradient id="_Radial3" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-635.5,2.62534e-13,-7.78263e-14,-2143.75,752.5,1366)"><stop offset="0" style="stop-color:white;stop-opacity:1"/><stop offset="0.6" style="stop-color:white;stop-opacity:0.82"/><stop offset="0.81" style="stop-color:white;stop-opacity:0.42"/><stop offset="1" style="stop-color:white;stop-opacity:0"/></radialGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@@ -0,0 +1,29 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="1500" height="2100" viewBox="0 0 1500 2100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<rect id="Card" x="0" y="0" width="1500" height="2100" style="fill:none;"/>
<clipPath id="_clip1">
<rect id="Card1" serif:id="Card" x="0" y="0" width="1500" height="2100"/>
</clipPath>
<g clip-path="url(#_clip1)">
<path id="Background" d="M1500,0L0,0L0,2100L1500,2100L1500,0ZM1440,406L60,406L60,1268L1440,1268L1440,406Z"/>
<clipPath id="_clip2">
<path id="Background1" serif:id="Background" d="M1500,0L0,0L0,2100L1500,2100L1500,0ZM1440,406L60,406L60,1268L1440,1268L1440,406Z"/>
</clipPath>
<g clip-path="url(#_clip2)">
<g transform="matrix(1.1,0,0,1.1,-75,-105)">
<rect x="0" y="0" width="1500" height="2100" style="fill:rgb(215,115,43);"/>
</g>
</g>
<g id="Bar" transform="matrix(0.963808,0,0,0.285714,24.7345,999.714)">
<rect x="117" y="1359" width="1271" height="14" style="fill:url(#_Radial3);"/>
</g>
<path d="M-1,179L179.958,-1.958L377,-1.958L-0.566,375.608L-1,179Z" style="fill:rgb(236,219,45);"/>
<g id="Border" transform="matrix(6.72646,0,0,1,-2764.57,0)">
<rect x="411" y="1948" width="223" height="152"/>
</g>
</g>
<defs>
<radialGradient id="_Radial3" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-635.5,2.62534e-13,-7.78263e-14,-2143.75,752.5,1366)"><stop offset="0" style="stop-color:white;stop-opacity:1"/><stop offset="0.6" style="stop-color:white;stop-opacity:0.82"/><stop offset="0.81" style="stop-color:white;stop-opacity:0.42"/><stop offset="1" style="stop-color:white;stop-opacity:0"/></radialGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@@ -1008,7 +1008,6 @@ function writeText(textObject, targetContext) {
//boxes for roll a d20 cards
if (savedRollYPosition && (newLineSpacing != 0 || !(newLine && !textOneLine))) {
if (savedRollYPosition != -1) {
console.log(savedRollYPosition);
paragraphContext.globalCompositeOperation = 'destination-over';
paragraphContext.globalAlpha = 0.25;
paragraphContext.fillStyle = 'black';

View File

@@ -1,4 +1,5 @@
loadFramePacks([
{name:'D&D Module', value:'DNDModule'},
{name:'Mystical Archive (Japanese)', value:'MysticalArchiveJP'},
{name:'Mystical Archive', value:'MysticalArchive'},
{name:'Praetors', value:'Praetors'},

View File

@@ -0,0 +1,41 @@
//defines available frames
availableFrames = [
{name:'White Frame', src:'/img/frames/dndModule/w.svg'},
{name:'Blue Frame', src:'/img/frames/dndModule/u.svg'},
{name:'Black Frame', src:'/img/frames/dndModule/b.svg'},
{name:'Red Frame', src:'/img/frames/dndModule/r.svg'},
{name:'Green Frame', src:'/img/frames/dndModule/g.svg'},
{name:'Colorless Frame', src:'/img/frames/dndModule/c.svg'}
];
//disables/enables the "Load Frame Version" button
document.querySelector('#loadFrameVersion').disabled = false;
//defines process for loading this version, if applicable
document.querySelector('#loadFrameVersion').onclick = async function() {
//resets things so that every frame doesn't have to
await resetCardIrregularities();
//sets card version
card.version = 'dndModule';
//art bounds
card.artBounds = {x:0.0394, y:0.1929, width:0.9214, height:0.4115};
autoFitArt();
//set symbol bounds
card.setSymbolBounds = {x:0.9167, y:0.63, width:0.12, height:0.0410, vertical:'center', horizontal: 'right'};
resetSetSymbol();
//watermark bounds
card.watermarkBounds = {x:0.5, y:0.7953, width:0.75, height:0.2305};
resetWatermark();
//text
loadTextOptions({
mana: {name:'Mana Cost', text:'', y:0.0613, width:0.9292, height:71/2100, oneLine:true, size:71/1638, align:'right', shadowX:-0.001, shadowY:0.0029, manaCost:true, manaSpacing:0},
supertitle: {name:'Supertitle', text:'Dungeon Module R13', x:0.0854, y:0.0277, width:0.8292, height:0.0296, oneLine:true, font:'souvenir', size:0.0296, color:'white', align:'center'},
title: {name:'Title', text:'', x:0.13, y:0.05, width:0.74, height:0.1048, color:'#ECDB2D', align:'center', font:'souvenir', size:0.0572},
subtitle: {name:'Subtitle', text:'AN ADVENTURE FOR CHARACTERS LEVELS 11-16', x:0.06, y:0.1558, width:0.88, height:0.0253, oneLine:true, font:'souvenir', size:0.0253, color:'white', align:'center'},
module: {name:'Module #', text:'R13', x:0, y:0.02, width:0.08, height:0.0191, oneLine:true, font:'souvenir', size:0.0191, color:'#ECDB2D', align:'center'},
dnd: {name:'D&D', text:'DUNGEONS & DRAGONS', x:-0.01, y:0.0953, width:0.204, height:0.0643, font:'souvenir', size:0.0215, align:'center', rotation:-45},
type: {name:'Type', text:'', x:0.0854, y:0.6181, width:0.8292, height:0.0324, oneLine:true, font:'souvenir', size:0.0324, color:'white'},
rules: {name:'Rules Text', text:'', x:0.086, y:0.6762, width:0.828, height:0.24, size:0.0362, noVerticalCenter:true, color:'white'},
pt: {name:'Power/Toughness', text:'', x:0.8634, y:0.8858, width:0.1367, height:0.0372, size:0.0372, font:'souvenir', oneLine:true, align:'center', color:'white'}
});
}
//loads available frames
loadFramePack();