aftermath masks & lesson icon

This commit is contained in:
Kyle
2021-10-24 17:38:58 -07:00
parent 9d3fb38b08
commit 065ecd4d12
9 changed files with 37 additions and 11 deletions

View File

@@ -0,0 +1,7 @@
<?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;">
<g transform="matrix(1,0,0,1.01264,0,-26.5543)">
<rect x="0" y="1151" width="1500" height="949" style="fill:rgb(0,123,67);"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 601 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 724 B

View File

@@ -0,0 +1,7 @@
<?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;">
<g transform="matrix(-1,1.22465e-16,1.46983e-16,1.20021,1500,-1381.44)">
<rect x="0" y="1151" width="1500" height="949" style="fill:rgb(0,117,190);"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 626 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 718 B

View File

@@ -0,0 +1,10 @@
<?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="309" height="309" viewBox="0 0 309 309" 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;">
<g transform="matrix(1,0,0,1,-19.085,-19.085)">
<path d="M327.915,173.5C327.915,258.21 258.21,327.915 173.5,327.915C88.79,327.915 19.085,258.21 19.085,173.5C19.085,88.79 88.79,19.085 173.5,19.085C258.21,19.085 327.915,88.79 327.915,173.5Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(0.971231,0,0,0.971231,4.49773,4.40214)">
<path d="M253.65,171.926C241.088,174.764 221.263,188.573 209.917,194.125C195.877,203.328 181.006,211.169 167.246,220.786C161.897,224.427 157.107,228.878 151.439,232.055C142.961,236.613 135.892,243.362 127.047,247.331C131.75,253.25 135.97,260.29 142.98,263.699C148.185,264.094 150.85,258.349 155.533,256.901C158.604,257.21 168.27,256.958 166.725,259.633C161.81,268.092 152.211,266.528 147.403,272.167C143.424,277.961 145.597,285.502 145.018,292.059C148.455,291.518 152.173,291.595 155.205,289.674C169.013,281.891 182.349,273.326 196.138,265.543C212.254,256.91 226.729,245.68 241.86,235.502C250.551,228.241 270.481,216.055 276.922,206.698C278.274,199.098 270.52,192.725 269.825,185.415C268.733,173.953 260.844,173.084 253.66,171.945L253.65,171.926ZM239.727,26.002C247.992,31.534 255.704,37.84 262.754,44.811L261.694,44.811C240.547,49.378 222.026,60.232 202.743,77.565C186.762,91.924 173.146,112.694 157.436,135.145C150.377,145.226 142.372,160.126 131.731,173.5C130.61,174.9 124.846,183.668 122.934,186.69C119.4,192.262 117.121,191.663 114.581,195.458C113.326,197.331 114.658,200.74 116.532,201.995C118.405,203.25 120.954,202.758 122.21,200.875C124.691,197.186 127.096,193.449 129.49,189.703L146.814,188.254C150.947,191.74 155.34,194.792 160.342,196.858C165.73,198.789 171.022,201.039 176.043,203.782C170.607,209.295 163.442,213.187 156.537,216.75C149.846,220.023 145.665,226.425 139.224,230.104C135.709,232.123 132.242,234.218 128.901,236.516C121.331,241.673 112.437,245.332 106.769,252.826C104.432,255.558 105.166,259.44 104.906,262.752C105.108,267.059 104.23,271.955 107.204,275.547C109.222,279.264 113.49,282.374 112.968,286.999C111.597,289.297 108.285,288.052 106.084,288.235C99.054,287.096 93.096,282.924 86.868,279.747C78.177,275.122 71.321,267.909 64.446,261.004C58.932,255.365 52.752,250.296 48.252,243.758C38.76,229.651 30.765,212.926 23.832,197.563C26.226,192.686 35.052,188.457 32.947,177.236C31.885,171.588 22.943,172.592 20.326,167.426C19.322,160.077 20.616,156.089 20.404,148.693C19.931,138.496 20.481,130.761 24.537,121.858C27.124,123.779 31.75,132.596 32.947,135.879C35.535,140.697 41.792,140.61 47.528,142.474C51.168,142.735 55.379,143.324 58.459,140.9C64.253,136.651 69.313,130.838 74.479,125.894L97.808,108.494L100.676,105.22C105.948,100.334 109.898,94.135 116.03,90.282C118.588,90.176 119.448,90.436 121.958,90.871C122.036,105.037 121.649,119.231 122.094,133.378C123.822,141.528 126.371,151.773 128.312,159.875C142.526,135.464 153.641,105.944 173.6,85.386C180.504,76.512 188.21,68.275 197.055,61.313C206.335,54.226 213.683,45.004 222.886,37.81C228.353,33.666 233.868,29.579 239.727,26.002ZM267.988,50.24C274.706,57.552 280.735,65.505 285.967,73.989C285.404,74.001 285.766,74.015 283.652,74.214C279.587,76.02 276.69,79.689 273.407,82.586C278.815,83.725 285.284,81.533 289.881,85.174C290.238,87.974 294.062,91.47 292.266,93.652C290.653,95.612 283.807,96.925 279.983,96.925C279.268,96.925 281.422,100.392 280.804,100.749C276.343,103.347 270.356,101.367 264.977,102.932C262.64,103.608 268.878,107.644 266.503,108.387C259.589,108.716 244.535,108.841 238.046,111.371C243.84,114.944 249.015,119.386 254.027,123.963C249.46,128.598 246.215,133.88 239.601,135.406C235.304,135.937 228.361,136.024 224.044,135.946C222.654,142.319 232.233,150.411 221.312,155.046C214.996,157.741 207.532,156.939 202.289,154.38C198.108,152.082 193.289,152.439 188.693,152.41C188.326,157.065 188.741,162.704 184.579,165.881C172.345,173.683 158.884,173.094 146.775,181.669L131.798,184.797C134.154,181.07 138.615,175.286 140.972,171.559C149.797,157.605 156.286,147.698 163.249,137.742C178.631,115.765 193.328,98.219 208.778,84.334C227.076,67.899 244.265,56.949 263.876,52.719C265.407,52.287 267.08,51.62 267.988,50.24ZM154.635,13.978L149.315,14.027C147.837,14.181 146.34,14.22 144.873,14.49C141.155,15.156 137.66,16.692 133.961,17.426C117.999,23.055 103.496,32.171 89.774,41.962C74.933,54.216 61.868,68.391 48.088,81.784C45.172,85.068 40.74,88.998 42.323,93.893C44.863,98.808 49.797,102.372 55.948,104.293C59.975,105.548 59.434,111.149 59.685,115.292C59.888,118.623 64.33,123.973 69.371,121.549L93.086,99.253C98.484,93.739 103.727,88.727 110.139,84.324C122.943,75.894 135.381,67.339 149.218,60.589C157.464,56.07 166.213,52.4 174.035,47.119C182.31,41.875 182.841,24.494 173.407,22.273C168.26,21.066 166.01,22.321 162.611,26.107C155.61,33.928 152.347,35.203 151.381,34.305C150.686,33.667 151.043,32.624 152.337,31.022C152.858,30.375 153.476,30.143 154.442,29.129C154.49,29.081 156.885,26.831 157.464,26.203C159.695,23.828 160.757,21.742 161.771,19.955C162.466,18.546 162.746,19.048 162.476,18.42C161.095,15.205 157.464,15.069 154.635,13.988L154.635,13.978Z" style="fill:white;fill-rule:nonzero;"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.5 KiB

View File

@@ -1,15 +1,15 @@
//Create objects for common properties across available frames //Create objects for common properties across available frames
// var masks = [{src:'/img/frames/m15/aftermath/pinline.svg', name:'Pinline'}]; var masks = [{src:'/img/frames/m15/aftermath/top.svg', name:'Top Half'}, {src:'/img/frames/m15/aftermath/bottom.svg', name:'Bottom Half'}];
//defines available frames //defines available frames
availableFrames = [ availableFrames = [
{name:'White Frame', src:'/img/frames/m15/aftermath/w.png'}, {name:'White Frame', src:'/img/frames/m15/aftermath/w.png', masks:masks},
{name:'Blue Frame', src:'/img/frames/m15/aftermath/u.png'}, {name:'Blue Frame', src:'/img/frames/m15/aftermath/u.png', masks:masks},
{name:'Black Frame', src:'/img/frames/m15/aftermath/b.png'}, {name:'Black Frame', src:'/img/frames/m15/aftermath/b.png', masks:masks},
{name:'Red Frame', src:'/img/frames/m15/aftermath/r.png'}, {name:'Red Frame', src:'/img/frames/m15/aftermath/r.png', masks:masks},
{name:'Green Frame', src:'/img/frames/m15/aftermath/g.png'}, {name:'Green Frame', src:'/img/frames/m15/aftermath/g.png', masks:masks},
{name:'Multicolored Frame', src:'/img/frames/m15/aftermath/m.png'}, {name:'Multicolored Frame', src:'/img/frames/m15/aftermath/m.png', masks:masks},
{name:'Artifact Frame', src:'/img/frames/m15/aftermath/a.png'}, {name:'Artifact Frame', src:'/img/frames/m15/aftermath/a.png', masks:masks},
{name:'Land Frame', src:'/img/frames/m15/aftermath/l.png'} {name:'Land Frame', src:'/img/frames/m15/aftermath/l.png', masks:masks}
]; ];
//disables/enables the "Load Frame Version" button //disables/enables the "Load Frame Version" button
document.querySelector('#loadFrameVersion').disabled = false; document.querySelector('#loadFrameVersion').disabled = false;

View File

@@ -9,7 +9,8 @@ availableFrames = [
{name:'Compass', src:'/img/frames/m15/transform/icons/compass.svg', bounds:bounds}, {name:'Compass', src:'/img/frames/m15/transform/icons/compass.svg', bounds:bounds},
{name:'Land', src:'/img/frames/m15/transform/icons/land.svg', bounds:bounds}, {name:'Land', src:'/img/frames/m15/transform/icons/land.svg', bounds:bounds},
{name:'Planeswalker Ember', src:'/img/frames/m15/transform/icons/spark.svg', bounds:bounds}, {name:'Planeswalker Ember', src:'/img/frames/m15/transform/icons/spark.svg', bounds:bounds},
{name:'Planeswalker Spark', src:'/img/frames/m15/transform/icons/planeswalker.svg', bounds:bounds} {name:'Planeswalker Spark', src:'/img/frames/m15/transform/icons/planeswalker.svg', bounds:bounds},
{name:'Lesson', src:'/img/frames/m15/transform/icons/lesson.svg', bounds:bounds}
]; ];
//disables/enables the "Load Frame Version" button //disables/enables the "Load Frame Version" button
document.querySelector('#loadFrameVersion').disabled = true; document.querySelector('#loadFrameVersion').disabled = true;

View File

@@ -9,7 +9,8 @@ availableFrames = [
{name:'Compass', src:'/img/frames/m15/transform/icons/compass.svg', bounds:bounds}, {name:'Compass', src:'/img/frames/m15/transform/icons/compass.svg', bounds:bounds},
{name:'Land', src:'/img/frames/m15/transform/icons/land.svg', bounds:bounds}, {name:'Land', src:'/img/frames/m15/transform/icons/land.svg', bounds:bounds},
{name:'Planeswalker Ember', src:'/img/frames/m15/transform/icons/spark.svg', bounds:bounds}, {name:'Planeswalker Ember', src:'/img/frames/m15/transform/icons/spark.svg', bounds:bounds},
{name:'Planeswalker Spark', src:'/img/frames/m15/transform/icons/planeswalker.svg', bounds:bounds} {name:'Planeswalker Spark', src:'/img/frames/m15/transform/icons/planeswalker.svg', bounds:bounds},
{name:'Lesson', src:'/img/frames/m15/transform/icons/lesson.svg', bounds:bounds}
]; ];
//disables/enables the "Load Frame Version" button //disables/enables the "Load Frame Version" button
document.querySelector('#loadFrameVersion').disabled = true; document.querySelector('#loadFrameVersion').disabled = true;