JavaScript is required. Please enable it to continue.
Your browser lacks required capabilities. Please upgrade it or switch to another to continue.
Loading…
<<set $avatar to {}>> <<set $imagePath to "https://www.femaleagentgame.com/wp-content/uploads/ccdemo/">> <<set $avatar.breastSize to either("small", "medium", "large")>> <<set $avatar.headShape to either("round", "heart", "square", "diamond", "oval")>> <<set $avatar.noseShape to either("celestial", "greek", "nubian", "princess", "roman")>> <<set $avatar.mouthShape to either("cupid", "hollywood", "pearlique", "rubina", "thin")>> <<set $avatar.eyeShape to either("almond", "cat", "downturned", "round", "wide")>> <<set $avatar.eyeColour to either("blue", "chestnut", "emerald", "grey", "hazel", "sapphire")>> <<set $avatar.behindAvatarArray to [], $avatar.bodyArray to [], $avatar.underwearArray to [], $avatar.clothesArray to [], $avatar.inFrontOfAvatarArray to []>>
<<silently>><<nobr>> <<clearAvatar>> <<setBody>> <<setFeet>> <<setHair>> <<setStockings>> <<setShadow>> <<setPonytail>> <<setShirt>> <<setShoes>> <<setBra>> <<setBreasts>> <<setHead>> <<setPanties>> <<setSkirt>> <<setArms>> <<setSecurityPass>> <<setNose>> <<setMouth>> <<setEyeballs>> <<setEyeSocket>> <</nobr>><</silently>>\ <<nobr>><div class="row"> <div class="col col-4 group contents-centered"> <img class="logo-agency" src="http://www.femaleagentgame.com/wp-content/uploads/assets/agency-logo.svg" /> </div> <div class="col col-8 group"> <h1>top secret strap3 uk eyes only</h1> <h3>Service Personnel Record</h3> <hr/> <div class="row"> <div class="col col-6"> <div class="input"> <label for="surname">Surname: </label> <div> <input type="text" id="surname" name="surname" size="10" /> <a href="#" class="randomizer"></a> </div> </div> <div class="input"> <label for="firstname">First Name: </label> <div> <input type="text" id="firstname" name="firstname" size="10" /> <a href="#" class="randomizer"></a> </div> </div> </div> <div class="col col-6"> <div class="input"> <div class="label">Age:</div> <span class="input-align-left" id="age">26</span> </div> <div class="input"> <div class="label">Rank:</div> <span class="input-align-left" id="rank">Intelligence Officer</span> </div> </div> </div> </div> </div> <div class="row"> <div class="col col-12"> <h2 class="group-heading">Physical Description</h2> </div> </div> <div class="physical-description group"> <div class="row basics"> <div class="col col-12 col-highlight row"> <div class="col col-4"> <div class="input"> <label for="nationality">Nationality: </label> <select id="nationality" name="nationality"> <option value="british">British</option> </select> </div> </div> <div class="col col-4"> <div class="input"> <label for="ethnicity">Ethnicity: </label> <select id="ethnicity" name="ethnicity"> <option value="english">English</option> </select> </div> </div> <div class="col col-4"> <div class="input"> <label for="complexion">Complexion: </label> <select id="complexion" name="complexion"> <option value="fair">Fair</option> </select> </div> </div> </div> </div> <div class="row details"> <div class="col col-4 col-highlight row"> <div class="col col-12"> <div class="input"> <label for="hair">Hair: </label> <select id="hair" name="hair"> <option value="long">Long</option> </select> </div> <div class="input"> <label for="hair-colour">Color: </label> <select id="hair-colour" name="hair-colour"> <option value="dark-brown">Dark Brown</option> </select> </div> </div> </div> <div class="col col-4 col-highlight row"> <div class="col col-12"> <div class="input"> <label for="eyes">Eyes: </label> <<dropdownCustom "$avatar.eyeShape" "Almond" "Cat" "Downturned" "Round" "Wide">> </div> <div class="input"> <label for="eye-colour">Colour: </label> <<dropdownCustom "$avatar.eyeColour" "Blue" "Chestnut" "Emerald" "Grey" "Hazel" "Sapphire">> </div> </div> </div> <div class="col col-4 col-highlight row"> <div class="col col-12"> <div class="input"> <label for="nose">Nose: </label> /*<select id="nose" name="nose"> <option value="greek">Greek</option> </select>*/ <<dropdownCustom "$avatar.noseShape" "Celestial" "Greek" "Nubian" "Princess" "Roman">> </div> <div class="input"> <label for="mouth">Mouth: </label> /* <select id="mouth" name="mouth"> <option value="cupid">Cupid</option> </select> */ <<dropdownCustom "$avatar.mouthShape" "Cupid" "Hollywood" "Pearlique" "Rubina" "Thin">> </div> </div> </div> </div> <div class="row details"> <div class="col col-7 col-highlight row"> <div class="col col-12"> <div class="input input-face-shape"> <div class="label">Face Shape:</div> <div class="radio-inputs"> <div class="radio-input"> <<if $avatar.headShape == "round">> <input type="radio" name="face-shape" onclick="functionHeadShape(this.value)" id="face-shape-round" value="round" checked/> <<else>> <input type="radio" name="face-shape" onclick="functionHeadShape(this.value)" id="face-shape-round" value="round" /> <</if>> <label for="face-shape-round"> Round <svg xmlns="http://www.w3.org/2000/svg" width="21.073" height="21.073" viewBox="0 0 21.073 21.073"> <circle cx="10.537" cy="10.537" r="10.537" /> </svg> </label> </div> <div class="radio-input"> <<if $avatar.headShape == "heart">> <input type="radio" name="face-shape" onclick="functionHeadShape(this.value)" id="face-shape-heart" value="heart" checked/> <<else>> <input type="radio" name="face-shape" onclick="functionHeadShape(this.value)" id="face-shape-heart" value="heart" /> <</if>> <label for="face-shape-heart"> Heart <svg xmlns="http://www.w3.org/2000/svg" width="21.721" height="21.073" viewBox="0 0 21.721 21.073"> <path d="M467.919,742.948a5.843,5.843,0,0,0-5.3-3.542,5.709,5.709,0,0,0-5.183,3.324,5.709,5.709,0,0,0-5.183-3.324,5.843,5.843,0,0,0-5.3,3.542,5.748,5.748,0,0,0-.231,3.393,13.243,13.243,0,0,0,1.608,3.893,39.707,39.707,0,0,0,9.1,10.245h0a39.725,39.725,0,0,0,9.1-10.245,13.214,13.214,0,0,0,1.607-3.893A5.74,5.74,0,0,0,467.919,742.948Z" transform="translate(-446.579 -739.406)" /> </svg> </label> </div> <div class="radio-input"> <<if $avatar.headShape == "square">> <input type="radio" name="face-shape" onclick="functionHeadShape(this.value)" id="face-shape-square" value="square" checked/> <<else>> <input type="radio" name="face-shape" onclick="functionHeadShape(this.value)" id="face-shape-square" value="square" /> <</if>> <label for="face-shape-square"> Square <svg xmlns="http://www.w3.org/2000/svg" width="14.378" height="21.073" viewBox="0 0 14.378 21.073"> <rect width="14.378" height="21.073" /> </svg> </label> </div> <div class="radio-input"> <<if $avatar.headShape == "diamond">> <input type="radio" name="face-shape" onclick="functionHeadShape(this.value)" id="face-shape-diamond" value="diamond" checked/> <<else>> <input type="radio" name="face-shape" onclick="functionHeadShape(this.value)" id="face-shape-diamond" value="diamond" /> <</if>> <label for="face-shape-diamond"> Diamond <svg xmlns="http://www.w3.org/2000/svg" width="17.277" height="21.48" viewBox="0 0 17.277 21.48"> <path d="M623.586,739l-8.639,10.428,8.639,11.051,8.639-11.051Z" transform="translate(-614.947 -739)" /> </svg> </label> </div> <div class="radio-input"> <<if $avatar.headShape == "oval">> <input type="radio" name="face-shape" onclick="functionHeadShape(this.value)" id="face-shape-oval" value="oval" checked/> <<else>> <input type="radio" name="face-shape" onclick="functionHeadShape(this.value)" id="face-shape-oval" value="oval" /> <</if>> <label for="face-shape-oval"> Oval <svg xmlns="http://www.w3.org/2000/svg" width="14.378" height="21.073" viewBox="0 0 14.378 21.073"> <rect width="14.378" height="21.073" rx="7.189" /> </svg> </label> </div> </div> </div> </div> </div> <div class="col col-5 col-highlight row"> <div class="col col-12"> <div class="input"> <div class="label">Bra Size:</div> <div class="radio-inputs"> <div class="radio-input"> <<if $avatar.breastSize == "small">> <input type="radio" name="bra-size" onclick="functionBraSize(this.value)" id="bra-size-small" value="small" checked/> <<else>> <input type="radio" name="bra-size" onclick="functionBraSize(this.value)" id="bra-size-small" value="small" /> <</if>> <label for="bra-size-small">S</label> </div> <div class="radio-input"> <<if $avatar.breastSize == "medium">> <input type="radio" name="bra-size" onclick="functionBraSize(this.value)" id="bra-size-medium" value="medium" checked/> <<else>> <input type="radio" name="bra-size" onclick="functionBraSize(this.value)" id="bra-size-medium" value="medium" /> <</if>> <label for="bra-size-medium">M</label> </div> <div class="radio-input"> <<if $avatar.breastSize == "large">> <input type="radio" name="bra-size" onclick="functionBraSize(this.value)" id="bra-size-large" value="large" checked /> <<else>> <input type="radio" name="bra-size" onclick="functionBraSize(this.value)" id="bra-size-large" value="large" /> <</if>> <label for="bra-size-large">L</label> </div> </div> </div> </div> </div> </div> <div class="row details"> <div class="col col-12 col-highlight row"> <div class="col col-4"> <div class="input"> <label for="text-size">Text Size: </label> <select id="text-size" name="text-size"> <option value="xs">XS</option> <option value="s">S</option> <option value="m" selected>M</option> <option value="l">L</option> <option value="xl">XL</option> </select> </div> </div> <div class="col col-4"> <div class="input"> <button class="btn avatar-toggle">Toggle Avatar</button> </div> </div> </div> </div> </div> <div class="row section-submit"> <div class="col col-9"> </div> <div class="col col-3"> <input type="submit" class="col col-3" value="Start with this agent" /> <span class="link-start-over"><<link "Or choose a different agent" `passage()`>> <<set $avatar.breastSize to either("small", "medium", "large")>> <<set $avatar.headShape to either("round", "heart", "square", "diamond", "oval")>> <<set $avatar.noseShape to either("celestial", "greek", "nubian", "princess", "roman")>> <<set $avatar.mouthShape to either("cupid", "hollywood", "pearlique", "rubina", "thin")>> <<set $avatar.eyeShape to either("almond", "cat", "downturned", "round", "wide")>> <<set $avatar.eyeColour to either("blue", "chestnut", "emerald", "grey", "hazel", "sapphire")>> <</link>></span> </div> </div> <</nobr>>
<div id="game"> <header id="header"> <a href="https://www.patreon.com/crushstation" class="logo" target="_blank"></a> <div id="menu"> <a id="characterId" href="#">character sheet</a> <a id="debugId" href="#">debug</a> <a id="savesId" href="#">saves</a> <a id="settingsId" href="#">settings</a> <a id="restartId" href="#">restart</a> </div> </header> <div id="game-inner"> <div id="avatar" data-passage="StoryCaption"></div> <div id="passages"> </div> </div> <footer id="footer"> </footer>
<<nobr>><div id="avatar" class="avatar"> <div class="avatar-inner"> <div class="avatar-abs"> <div class="avatar-image"> <<avatar>> </div> </div> </div> </div><</nobr>>
<<script>> window.onloadF(); /*Function needed for menubar use.*/ <</script>>
<<widget "avatar">><<nobr>> /*BEHIND AVATAR*/ <<if def $avatar.behindAvatarArray and $avatar.behindAvatarArray.length>> <<set $avatar.behindAvatarArray.sort()>> <<for _i to 0; _i lt $avatar.behindAvatarArray.length ; _i++>> <<= "<img src='" + $imagePath + $avatar.behindAvatarArray[_i] +".png" + "' style='position: absolute; left: 0;'>" >> <</for>> <</if>> /*BODY*/ <<if def $avatar.bodyArray and $avatar.bodyArray.length>> <<set $avatar.bodyArray.sort()>> <<for _i to 0; _i lt $avatar.bodyArray.length ; _i++>> <<= "<img src='" + $imagePath + $avatar.bodyArray[_i] +".png" + "' style='position: absolute; left: 0;'>" >> <</for>> <</if>> /*UNDERWEAR*/ <<if def $avatar.underwearArray and $avatar.underwearArray.length>> <<set $avatar.underwearArray.sort()>> <<for _i to 0; _i lt $avatar.underwearArray.length ; _i++>> <<= "<img src='" + $imagePath + $avatar.underwearArray[_i] +".png" + "' style='position: absolute; left: 0;'>" >> <</for>> <</if>> /*CLOTHES*/ <<if def $avatar.clothesArray and $avatar.clothesArray.length>> <<set $avatar.clothesArray.sort()>> <<for _i to 0; _i lt $avatar.clothesArray.length ; _i++>> <<= "<img src='" + $imagePath + $avatar.clothesArray[_i] +".png" + "' style='position: absolute; left: 0;'>" >> <</for>> <</if>> /*IN FRONT OF AVATAR*/ <<if def $avatar.inFrontOfAvatarArray and $avatar.inFrontOfAvatarArray.length>> <<set $avatar.inFrontOfAvatarArray.sort()>> <<for _i to 0; _i lt $avatar.inFrontOfAvatarArray.length ; _i++>> <<= "<img src='" + $imagePath + $avatar.inFrontOfAvatarArray[_i] +".png" + "' style='position: absolute; left: 0;'>" >> <</for>> <</if>> /*END OF AVATAR WIDGET*/ <</nobr>><</widget>> /*SET AVATAR WIDGETS*/ /*-------------------*/ /*Behind avatar*/ <<widget "setShadow">><<nobr>> <<if !$avatar.behindAvatarArray.includes("1_shadow")>> <<set $avatar.behindAvatarArray.push("1_shadow")>> <</if>> <</nobr>><</widget>> <<widget "setPonytail">><<nobr>> <<if !$avatar.behindAvatarArray.includes("2_ponytail")>> <<set $avatar.behindAvatarArray.push("2_ponytail")>> <</if>> <</nobr>><</widget>> /*Body*/ <<widget "setBody">><<nobr>> <<if !$avatar.bodyArray.includes("2_body")>> <<set $avatar.bodyArray.push("2_body")>> <</if>> <</nobr>><</widget>> <<widget "removeBody">><<nobr>> <<if $avatar.bodyArray.includes("1_body")>> <<set $avatar.bodyArray.delete('1_body')>> <</if>> <</nobr>><</widget>> <<widget "setFeet">><<nobr>> <<if !$avatar.bodyArray.includes("1_feet")>> <<set $avatar.bodyArray.push("1_feet")>> <</if>> <</nobr>><</widget>> <<widget "setBreasts">><<nobr>> <<set _size to "3_breasts-" +$avatar.breastSize>> <<if !$avatar.bodyArray.includes(_size)>> <<set $avatar.bodyArray.push(_size)>> <</if>> <</nobr>><</widget>> <<widget "setFeet">><<nobr>> <<if !$avatar.bodyArray.includes("1_feet")>> <<set $avatar.bodyArray.push("1_feet")>> <</if>> <</nobr>><</widget>> <<widget "setHead">><<nobr>> /*diamond, heart, oval, round, square*/ <<set _shape to "3_head-" +$avatar.headShape>> <<if !$avatar.bodyArray.includes(_shape)>> <<set $avatar.bodyArray.push(_shape)>> <</if>> <</nobr>><</widget>> <<widget "setArms">><<nobr>> <<if !$avatar.bodyArray.includes("6_arms")>> <<set $avatar.bodyArray.push("6_arms")>> <</if>> <</nobr>><</widget>> <<widget "setNose">><<nobr>> /*headshapes: diamond, heart, oval, round, square*/ /*noseshapes: celestial, greek, nubian, princess, princess*/ <<set _shape to "4_nose-" +$avatar.headShape+"-" +$avatar.noseShape.toLowerCase()>> <<if !$avatar.bodyArray.includes(_shape)>> <<set $avatar.bodyArray.push(_shape)>> <</if>> <</nobr>><</widget>> <<widget "setMouth">><<nobr>> /*headshapes: diamond, heart, oval, round, square*/ /*mouthhapes: cupid, hollywood, pearlique, rubina, thin*/ <<set _shape to "5_mouth-" +$avatar.headShape+"-" +$avatar.mouthShape.toLowerCase()>> <<if !$avatar.bodyArray.includes(_shape)>> <<set $avatar.bodyArray.push(_shape)>> <</if>> <</nobr>><</widget>> <<widget "setEyeballs">><<nobr>> /*eyecolour: blue, chestnut, emerald, grey, hazel, sapphire*/ /*eyeshape: almond, cat, downturned, round, wide*/ <<set _shape to "5_eyeballs-" +$avatar.eyeColour.toLowerCase() +"-" +$avatar.eyeShape.toLowerCase()>> <<if !$avatar.bodyArray.includes(_shape)>> <<set $avatar.bodyArray.push(_shape)>> <</if>> <</nobr>><</widget>> <<widget "setEyeSocket">><<nobr>> /*headshapes: diamond, heart, oval, round, square*/ /*eyeshape: almond, cat, downturned, round, wide*/ <<set _shape to "4_eyes-" +$avatar.headShape+"-" +$avatar.eyeShape.toLowerCase()>> <<if !$avatar.bodyArray.includes(_shape)>> <<set $avatar.bodyArray.push(_shape)>> <</if>> <</nobr>><</widget>> /*Underwear*/ <<widget "setStockings">><<nobr>> <<if !$avatar.underwearArray.includes("1_blackHoldups")>> <<set $avatar.underwearArray.push("1_blackHoldups")>> <</if>> <</nobr>><</widget>> <<widget "setBra">><<nobr>> <<set _size to "3_bra-" +$avatar.breastSize>> <<if !$avatar.underwearArray.includes(_size)>> <<set $avatar.underwearArray.push(_size)>> <</if>> <</nobr>><</widget>> <<widget "setPanties">><<nobr>> <<if !$avatar.underwearArray.includes("3_panties")>> <<set $avatar.underwearArray.push("3_panties")>> <</if>> <</nobr>><</widget>> /*Clothes*/ <<widget "setShirt">><<nobr>> <<set _size to "2_shirt-" +$avatar.breastSize>> <<if !$avatar.clothesArray.includes(_size)>> <<set $avatar.clothesArray.push(_size)>> <</if>> <</nobr>><</widget>> <<widget "setShoes">><<nobr>> <<if !$avatar.clothesArray.includes("2_shoes")>> <<set $avatar.clothesArray.push("2_shoes")>> <</if>> <</nobr>><</widget>> <<widget "setSkirt">><<nobr>> <<if !$avatar.clothesArray.includes("3_skirt")>> <<set $avatar.clothesArray.push("3_skirt")>> <</if>> <</nobr>><</widget>> /*In front of Avatar*/ <<widget "setHair">><<nobr>> /*Front*/ <<if !$avatar.inFrontOfAvatarArray.includes("1_hair")>> <<set $avatar.inFrontOfAvatarArray.push("1_hair")>> <</if>> <</nobr>><</widget>> <<widget "setSecurityPass">><<nobr>> /*Front*/ <<if !$avatar.inFrontOfAvatarArray.includes("6_securitypass")>> <<set $avatar.inFrontOfAvatarArray.push("6_securitypass")>> <</if>> <</nobr>><</widget>> /*END*/ /*Other widgets*/ <<widget "reloadStoryCaption">><<nobr>> <<replace ".passage">><<include `passage()`>><</replace>> /*<<replace "#story-caption">><<include "StoryCaption">><</replace>>*/ <</nobr>><</widget>> <<widget "clearAvatar">> <<set $avatar.behindAvatarArray to [], $avatar.bodyArray to [], $avatar.underwearArray to [], $avatar.clothesArray to [], $avatar.inFrontOfAvatarArray to []>> <</widget>>