This commit is contained in:
2016-01-03 18:26:03 +01:00
parent cfa81ecb7a
commit 1c0e1ce422
8 changed files with 592 additions and 45 deletions

BIN
gfx/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
gfx/favicon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 505 B

179
gfx/favicon.svg Normal file
View File

@@ -0,0 +1,179 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="16"
height="16"
viewBox="0 0 16 16"
id="svg2"
version="1.1"
inkscape:version="0.91 r13725"
inkscape:export-filename="C:\Users\VAR\source\CandyFucker\gfx\favicon.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90"
sodipodi:docname="favicon.svg">
<defs
id="defs4">
<linearGradient
inkscape:collect="always"
id="linearGradient8122">
<stop
style="stop-color:#413f00;stop-opacity:1"
offset="0"
id="stop8124" />
<stop
style="stop-color:#ffff00;stop-opacity:1"
offset="1"
id="stop8126" />
</linearGradient>
<linearGradient
inkscape:collect="always"
id="linearGradient6778">
<stop
style="stop-color:#c5c500;stop-opacity:1"
offset="0"
id="stop6780" />
<stop
style="stop-color:#ffff00;stop-opacity:0"
offset="1"
id="stop6782" />
</linearGradient>
<linearGradient
id="linearGradient6274"
osb:paint="solid">
<stop
style="stop-color:#000000;stop-opacity:1;"
offset="0"
id="stop6276" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient6778"
id="linearGradient6800"
x1="110.5"
y1="1041.8622"
x2="110.5"
y2="961.86212"
gradientUnits="userSpaceOnUse" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient8122"
id="linearGradient8128"
x1="33.5"
y1="1021.8622"
x2="33.5"
y2="1013.863"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.0000442,0,0,1.0000442,-29.001281,26.908219)" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="32"
inkscape:cx="6.5747889"
inkscape:cy="7.6910858"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
inkscape:snap-page="true"
inkscape:snap-grids="true"
inkscape:snap-text-baseline="true"
units="px"
inkscape:snap-to-guides="true"
borderlayer="true"
objecttolerance="20"
guidetolerance="20"
gridtolerance="10000"
inkscape:snap-tangential="false"
showguides="true"
inkscape:snap-path-clip="true"
inkscape:snap-path-mask="true"
inkscape:snap-perpendicular="false"
inkscape:object-paths="false"
inkscape:snap-intersection-paths="false"
inkscape:object-nodes="true"
inkscape:snap-smooth-nodes="false"
inkscape:snap-midpoints="false"
inkscape:window-width="1366"
inkscape:window-height="705"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1">
<inkscape:grid
type="xygrid"
id="grid4144"
visible="true"
originy="0.5"
originx="0.50000001"
enabled="true" />
</sodipodi:namedview>
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Capa 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-1036.3621)"
style="display:inline">
<rect
style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4828"
width="15"
height="15.000039"
x="0.5"
y="1036.8621"
ry="3.0000393" />
</g>
<g
inkscape:groupmode="layer"
id="layer2"
inkscape:label="Capa 2">
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:12.5px;line-height:125%;font-family:'AR CENA';-inkscape-font-specification:'AR CENA, Thin';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;opacity:1;fill:url(#linearGradient8128);fill-opacity:1;stroke:#ffff00;stroke-width:0.25;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
x="1.5000665"
y="1048.8157"
id="text4816"
sodipodi:linespacing="125%"
transform="matrix(0.9999557,0,0,1.0000443,0,-1036.3621)"><tspan
sodipodi:role="line"
x="1.5000665"
y="1048.8157"
id="tspan4820"
style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:12.5px;line-height:125%;font-family:'AR CENA';-inkscape-font-specification:'AR CENA, Thin';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:url(#linearGradient8128);fill-opacity:1;stroke:#ffff00;stroke-width:0.25;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1">C</tspan></text>
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:12.5px;line-height:125%;font-family:'AR DARLING';-inkscape-font-specification:'AR DARLING, Thin';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#ff0000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="7.5"
y="12.5"
id="text4824"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan4826"
x="7.5"
y="12.5">F</tspan></text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.2 KiB

173
gfx/icon.svg Normal file
View File

@@ -0,0 +1,173 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="16"
height="16"
viewBox="0 0 16 16"
id="svg2"
version="1.1"
inkscape:version="0.91 r13725"
inkscape:export-filename="C:\Users\VAR\source\CandyFucker\gfx\logo.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90"
sodipodi:docname="icon.svg">
<defs
id="defs4">
<linearGradient
inkscape:collect="always"
id="linearGradient8122">
<stop
style="stop-color:#413f00;stop-opacity:1"
offset="0"
id="stop8124" />
<stop
style="stop-color:#ffff00;stop-opacity:1"
offset="1"
id="stop8126" />
</linearGradient>
<linearGradient
inkscape:collect="always"
id="linearGradient6778">
<stop
style="stop-color:#c5c500;stop-opacity:1"
offset="0"
id="stop6780" />
<stop
style="stop-color:#ffff00;stop-opacity:0"
offset="1"
id="stop6782" />
</linearGradient>
<linearGradient
id="linearGradient6274"
osb:paint="solid">
<stop
style="stop-color:#000000;stop-opacity:1;"
offset="0"
id="stop6276" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient6778"
id="linearGradient6800"
x1="110.5"
y1="1041.8622"
x2="110.5"
y2="961.86212"
gradientUnits="userSpaceOnUse" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient8122"
id="linearGradient8128"
x1="33.5"
y1="1021.8622"
x2="33.5"
y2="1013.863"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.0000442,0,0,1.0000442,-29.001281,26.908219)" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="8"
inkscape:cx="-4.8045512"
inkscape:cy="14.666337"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
inkscape:snap-page="true"
inkscape:snap-grids="true"
inkscape:snap-text-baseline="true"
units="px"
inkscape:snap-to-guides="true"
borderlayer="true"
objecttolerance="20"
guidetolerance="20"
gridtolerance="10000"
inkscape:snap-tangential="false"
showguides="true"
inkscape:snap-path-clip="true"
inkscape:snap-path-mask="true"
inkscape:snap-perpendicular="false"
inkscape:object-paths="false"
inkscape:snap-intersection-paths="false"
inkscape:object-nodes="true"
inkscape:snap-smooth-nodes="false"
inkscape:snap-midpoints="false"
inkscape:window-width="1366"
inkscape:window-height="705"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1">
<inkscape:grid
type="xygrid"
id="grid4144"
visible="true"
originy="0.5"
originx="0.50000001"
enabled="true" />
</sodipodi:namedview>
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Capa 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-1036.3621)">
<rect
style="fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round"
id="rect4828"
width="17"
height="16.99996"
x="-0.5"
y="1035.8621"
ry="0" />
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:12.5px;line-height:125%;font-family:'AR CENA';-inkscape-font-specification:'AR CENA, Thin';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;opacity:1;fill:url(#linearGradient8128);fill-opacity:1;stroke:#ffff00;stroke-width:0.25;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
x="1.5000665"
y="1048.8157"
id="text4816"
sodipodi:linespacing="125%"
transform="scale(0.9999557,1.0000443)"><tspan
sodipodi:role="line"
x="1.5000665"
y="1048.8157"
id="tspan4820"
style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:12.5px;line-height:125%;font-family:'AR CENA';-inkscape-font-specification:'AR CENA, Thin';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:url(#linearGradient8128);fill-opacity:1;stroke:#ffff00;stroke-width:0.25;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1">C</tspan></text>
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:12.5px;line-height:125%;font-family:'AR DARLING';-inkscape-font-specification:'AR DARLING, Thin';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#ff0000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="8.5"
y="1048.8621"
id="text4824"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan4826"
x="8.5"
y="1048.8621">F</tspan></text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.0 KiB

BIN
gfx/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

178
gfx/logo.svg Normal file
View File

@@ -0,0 +1,178 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="512"
height="128"
viewBox="0 0 512.00001 128"
id="svg2"
version="1.1"
inkscape:version="0.91 r13725"
inkscape:export-filename="C:\Users\VAR\source\CandyFucker\gfx\logo.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90"
sodipodi:docname="logo.svg">
<defs
id="defs4">
<linearGradient
inkscape:collect="always"
id="linearGradient8122">
<stop
style="stop-color:#413f00;stop-opacity:1"
offset="0"
id="stop8124" />
<stop
style="stop-color:#ffff00;stop-opacity:1"
offset="1"
id="stop8126" />
</linearGradient>
<linearGradient
inkscape:collect="always"
id="linearGradient6778">
<stop
style="stop-color:#c5c500;stop-opacity:1"
offset="0"
id="stop6780" />
<stop
style="stop-color:#ffff00;stop-opacity:0"
offset="1"
id="stop6782" />
</linearGradient>
<linearGradient
id="linearGradient6274"
osb:paint="solid">
<stop
style="stop-color:#000000;stop-opacity:1;"
offset="0"
id="stop6276" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient6778"
id="linearGradient6800"
x1="110.5"
y1="1041.8622"
x2="110.5"
y2="961.86212"
gradientUnits="userSpaceOnUse" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient8122"
id="linearGradient8128"
x1="110.5"
y1="1041.8622"
x2="110.5"
y2="961.86212"
gradientUnits="userSpaceOnUse" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1.4142136"
inkscape:cx="96.473622"
inkscape:cy="-5.5595636"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
inkscape:snap-page="true"
inkscape:snap-grids="true"
inkscape:snap-text-baseline="true"
units="px"
inkscape:snap-to-guides="true"
borderlayer="true"
objecttolerance="20"
guidetolerance="20"
gridtolerance="10000"
inkscape:snap-tangential="false"
showguides="true"
inkscape:snap-path-clip="true"
inkscape:snap-path-mask="true"
inkscape:snap-perpendicular="false"
inkscape:object-paths="false"
inkscape:snap-intersection-paths="false"
inkscape:object-nodes="true"
inkscape:snap-smooth-nodes="false"
inkscape:snap-midpoints="false"
inkscape:window-width="1366"
inkscape:window-height="705"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1">
<inkscape:grid
type="xygrid"
id="grid4144"
visible="true"
originy="0.5"
originx="0.50000001"
enabled="true" />
</sodipodi:namedview>
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Capa 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-924.36214)"
style="display:none">
<rect
style="fill:#000000;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round"
id="rect4828"
width="513"
height="129.00002"
x="-0.5"
y="923.86212" />
</g>
<g
inkscape:groupmode="layer"
id="layer2"
inkscape:label="Capa 2">
<text
transform="translate(0,-924.36214)"
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:90px;line-height:125%;font-family:'AR CENA';-inkscape-font-specification:'AR CENA, Thin';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:url(#linearGradient8128);fill-opacity:1;stroke:#ffff00;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;stroke-dashoffset:0;opacity:1"
x="30.5"
y="1021.8621"
id="text4816"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
x="30.5"
y="1021.8621"
id="tspan4820"
style="stroke:#ffff00;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;fill:url(#linearGradient8128);fill-opacity:1;stroke-dashoffset:0;">Candy</tspan></text>
<text
transform="translate(0,-924.36214)"
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:100;font-stretch:normal;font-size:90px;line-height:125%;font-family:'AR DARLING';-inkscape-font-specification:'AR DARLING, Thin';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#ff0000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="220.5"
y="1021.8621"
id="text4824"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan4826"
x="220.5"
y="1021.8621">Fucker</tspan></text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.8 KiB

View File

@@ -1,58 +1,25 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8" />
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Candy Fucker</title> <title>Candy Fucker</title>
<style> <link rel="shortcut icon" href="gfx/favicon.ico" type="image/x-icon" />
html{ <meta name="viewport"
height: 100%; content="width=device-width, initial-scale=1, maximum-scale=1" />
} <link href="style.css" type="text/css" rel="stylesheet" />
body{
background-color: rgb(20,20,20);
color: grey;
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
text-align: center;
height: 100%;
}
#infoDisplay{
display:block;
height:20px;
width: 100%;
line-height: 20px;
font-size: 15px;
color: rgb(220,220,220);
}
#screenContainer {
display: block;
position: relative;
width: 100%;
height: calc(100% - 20px);
overflow: visible;
}
#screen {
display: block;
position: absolute;
margin: auto;
top: 0; left: 0; bottom: 0; right: 0;
max-width: 100%;
max-height: 100%;
box-shadow: 0 0 20px rgb(0,0,0);
}
</style>
</head> </head>
<body> <body>
<div id="infoDisplay"></div> <div id="divLogo">
<div id="screenContainer"> <img src="gfx/logo.png" alt="Candy Fucker"/>
<canvas id="screen" width="416" height="416" /> </div>
<div id="divInfoDisplay"></div>
<div id="divScreen">
<canvas id="cnvScreen" width="416" height="416" />
</div> </div>
<script src="code/GameLib.js"></script> <script src="code/GameLib.js"></script>
<script src="code/CandyFucker.js"></script> <script src="code/CandyFucker.js"></script>
<script> <script>
new CandyFucker("screen", "infoDisplay"); new CandyFucker("cnvScreen", "divInfoDisplay");
</script> </script>
</body> </body>
</html> </html>

50
style.css Normal file
View File

@@ -0,0 +1,50 @@
html{
height: 100%;
}
body{
background-color: rgb(20,20,20);
color: grey;
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
text-align: center;
height: 100%;
}
#divLogo{
display:block;
height: auto;
width: 100%;
padding: 0;
margin: 0;
}
#divLogo img{
max-width: 100%;
height: auto;
}
#divInfoDisplay{
display:block;
height:20px;
width: 100%;
line-height: 20px;
font-size: 15px;
color: rgb(220,220,220);
padding: 0;
margin: 0;
}
#divScreen {
display: block;
position: relative;
width: 100%;
height: calc(100% - 84px);
height: 70%;
overflow: visible;
}
#cnvScreen {
display: block;
position: absolute;
margin: auto;
top: 0; left: 0; bottom: 0; right: 0;
max-width: 100%;
max-height: 100%;
box-shadow: 0 0 20px rgb(0,0,0);
}