JavaScript must be enabled to play.
Browser lacks capabilities required to play.
Upgrade or switch to another browser.
Loading…
<div class="wrap">\ [img[setup.ImagePath+"flower-stickynote.jpg"]]\ \ <<if $hand is "bee">>\ <span id="flower">\ <<link "<span style='position: absolute; left: 44%; top: 29.15%; width: 32.50%; height: 47.46%; z-index: 2;'></span>">>\ <<set $drop = 1>>\ <<replace "#flower">>\ <<audio "bee" play>>\ <span style='position: absolute; left: 48.50%; top: 40%; width: 26.25%; height: 47.46%; z-index: 2;'>[img[setup.ImagePath+'bee-stickynote.png']]</span>\ \ <<timed 1.5s>>\ <<audio "honey" play>>\ <<replace "#drop">>\ <<link "<span class='pointright' style='position: absolute; left: 20.50%; top: 44.75%; width: 13%; height: 30.17%; z-index: 2;'>[img[setup.ImagePath+'drop-stickynote.png']]</span>">>\ <<audio "tadaa" play>>\ <<goto Honey>>\ <</link>>\ <</replace>>\ <</timed>>\ <</replace>>\ <</link>>\ </span>\ <</if>>\ <span id="drop">\ <<if $drop is 1>>\ <<link "<span class='pointright' style='position: absolute; left: 20.50%; top: 44.75%; width: 13%; height: 30.17%; z-index: 2;'>[img[setup.ImagePath+'drop-stickynote.png']]</span>">>\ <<goto Honey>>\ <</link>>\ <</if>>\ </span>\ \ <<if $hook neq 1>>\ <span id="hook">\ <span style='position: absolute; left: 0%; top: 0%; width: 56.75%; height: 87.80%; z-index: 2;'>[img[setup.ImagePath+"web-stickynote.png"]]</span>\ <<link "<span style='position: absolute; left: 0%; top: 0%; width: 32.50%; height: 47.46%; z-index: 2;'></span>">>\ <<set $hook = 1>>\ <<replace "#hook">>\ <span style='position: absolute; left: 79.50%; top: 0%; width: 14.50%; height: 43.73%; z-index: 2;'>[img[setup.ImagePath+"hookup-stickynote.png"]]</span>">>\ <<timed 1s>><<replace "#hook">><</replace>><</timed>>\ <</replace>>\ <</link>>\ </span>\ <</if>>\ \ <a data-passage="Car" class="pointdown" style="position: absolute; left: 41.00%; top: 78.98%; width: 42.00%; height: 21.02%; z-index: 2;"></a>\ \ <<link "<span class='pointright' style='position: absolute; left: 78.25%; top: 0%; width: 21.75%; height: 26.10%; z-index: 2;'></span>">>\ <<set $back = passage()>><<goto "Inventory">>\ <</link>>\ </div>\ <<audio "bird" volume 1>>\
<div class="wrap">\ [img[setup.ImagePath+"car-stickynote.jpg"]]\ \ <<link "<span style='position: absolute; left: 3.50%; top: 50.85%; width: 41%; height: 44.75%; z-index: 2;'></span>">>\ <<if $hand is "key">>\ <<audio "car" play>>\ <<if $bird neq 1>>\ <<set $bird = 1>>\ <<timed 0.4s>><<audio "bird" play>><</timed>>\ <</if>>\ <</if>>\ <</link>>\ \ <<link "<span class='pointup' style='position: absolute; left: 40.50%; top: 0%; width: 31.25%; height: 41.36%; z-index: 2;'></span>">>\ <<goto "Flower">>\ <</link>>\ \ <<link "<span class='pointleft' style='position: absolute; left: 0%; top: 0%; width: 29%; height: 41.36%; z-index: 2;'></span>">>\ <<goto "Perch">>\ <</link>>\ \ <<link "<span class='pointright' style='position: absolute; left: 76.75%; top: 35.59%; width: 23.25%; height: 64.41%; z-index: 2;'></span>">>\ <<goto "Box">>\ <</link>>\ \ <<link "<span class='pointright' style='position: absolute; left: 78.25%; top: 0%; width: 21.75%; height: 26.10%; z-index: 2;'></span>">>\ <<set $back = passage()>><<goto "Inventory">>\ <</link>>\ </div>\
<div class="wrap">\ [img[setup.ImagePath+"perch-stickynote.jpg"]]\ \ <<if $bird is 1>>\ <<if $feather neq 1>>\ <span id="feather">\ <<link "<span style='position: absolute; left: 51.50%; top: 67.46%; width: 24.75%; height: 31.86%; z-index: 2;'>[img[setup.ImagePath+'feather-stickynote.png']]</span>">>\ <<set $feather = 1>>\ <<replace "#feather">>\ <span style='position: absolute; left: 70.75%; top: 9.83%; width: 24.75%; height: 31.86%; z-index: 2;'>[img[setup.ImagePath+"feather-stickynote.png"]]</span>\ <<timed 1s>><<replace "#feather">><</replace>><</timed>>\ <</replace>>\ <</link>>\ </span>\ <</if>>\ <<else>>\ <<link "<span style='position: absolute; left: 29.25%; top: 24.75%; width: 42.75%; height: 46.10%; z-index: 2;'>[img[setup.ImagePath+'bird-stickynote.png']]</span>">>\ <<audio "bird" play>>\ <</link>>\ <</if>>\ \ <<link "<span class='pointleft' style='position: absolute; left: 0%; top: 35.59%; width: 29%; height: 41.36%; z-index: 2;'></span>">>\ <<goto "Well">>\ <</link>>\ \ <<link "<span class='pointright' style='position: absolute; left: 76.75%; top: 35.59%; width: 23.25%; height: 64.41%; z-index: 2;'></span>">>\ <<goto "Car">>\ <</link>>\ \ <<link "<span class='pointright' style='position: absolute; left: 78.25%; top: 0%; width: 21.75%; height: 26.10%; z-index: 2;'></span>">>\ <<set $back = passage()>><<goto "Inventory">>\ <</link>>\ </div>\
<div class="wrap">\ [img[setup.ImagePath+"well-stickynote.jpg"]]\ \ <span id="well">\ <<if $hand is "hook">>\ <<link "<span style='position: absolute; left: 24%; top: 56.95%; width: 32.50%; height: 47.46%; z-index: 2;'></span>">>\ <<replace "#well">>\ <span style='position: absolute; left: 40.50%; top: 0%; width: 14.50%; height: 43.73%; z-index: 2;'>[img[setup.ImagePath+"hookup-stickynote.png"]]</span>\ <<timed 0.5s>><<replace "#well">><span style='position: absolute; left: 48.25%; top: 0%; width: 4.50%; height: 73.22%; z-index: 2;'>[img[setup.ImagePath+"hookdown-stickynote.png"]]</span>">><</replace>>\ <<next 1s>><<replace "#well">>\ <<if $key is 1>>\ <span style='position: absolute; left: 40.50%; top: 0%; width: 14.50%; height: 43.73%; z-index: 2;'>[img[setup.ImagePath+"hookup-stickynote.png"]]</span>\ <<else>>\ <<link "<span style='position: absolute; left: 38.25%; top: 0%; width: 16.75%; height: 71.19%; z-index: 2;'>[img[setup.ImagePath+'hookkey-stickynote.png']]</span>">>\ <<set $key = 1>>\ <<replace "#well">>\ <span style='position: absolute; left: 76.50%; top: 1.02%; width: 15.50%; height: 41.36%; z-index: 2;'>[img[setup.ImagePath+"key-stickynote.png"]]</span>\ <<timed 1s>><<replace "#well">><</replace>><</timed>>\ <</replace>>\ <</link>>\ <</if>>\ <</replace>>\ <</timed>>\ <</replace>>\ <</link>>\ <</if>>\ </span>\ \ <<link "<span class='pointright' style='position: absolute; left: 76.75%; top: 35.59%; width: 23.25%; height: 64.41%; z-index: 2;'></span>">>\ <<goto "Perch">>\ <</link>>\ \ <<link "<span class='pointright' style='position: absolute; left: 78.25%; top: 0%; width: 21.75%; height: 26.10%; z-index: 2;'></span>">>\ <<set $back = passage()>><<goto "Inventory">>\ <</link>>\ </div>\
<div class="wrap">\ [img[setup.ImagePath+"box-stickynote.jpg"]]\ \ <span id="box">\ <<link "<span style='position: absolute; left: 16.75%; top: 28.14%; width: 57.50%; height: 67.12%; z-index: 2;'></span>">>\ <<if $hand is "feather">>\ <<audio "box" play>>\ <<timed 3.06s>>\ <<if $bee is 1>>\ <<replace "#box">><span style='position: absolute; left: 11.75%; top: 3.73%; width: 66%; height: 95.25%; z-index: 2;'>[img[setup.ImagePath+'boxopen-stickynote.png']]</span><</replace>>\ <<else>>\ <<replace "#box">>\ <span style='position: absolute; left: 11.75%; top: 3.73%; width: 66%; height: 95.25%; z-index: 2;'>[img[setup.ImagePath+'boxopen-stickynote.png']]</span>\ <span id="bee">\ <span style='position: absolute; left: 33.50%; top: 29.15%; width: 26.25%; height: 47.46%; z-index: 2;'>[img[setup.ImagePath+'beeinbox-stickynote.png']]</span>\ <<link "<span style='position: absolute; left: 16.75%; top: 28.14%; width: 57.50%; height: 67.12%; z-index: 2;'></span>">>\ <<set $bee = 1>>\ <<audio "bee" play>>\ <<replace "#bee">>\ <span style='position: absolute; left: 66%; top: 0%; width: 26.25%; height: 47.46%; z-index: 2;'>[img[setup.ImagePath+'bee-stickynote.png']]</span>\ <<timed 1s>><<replace "#bee">><</replace>><</timed>>\ <</replace>>\ <</link>>\ </span>\ <</replace>>\ <</if>>\ <</timed>>\ <<else>>\ <<audio "bird" volume 0.1 play>><<timed 1s>><<audio "bird" volume 1>><</timed>>\ <</if>>\ <</link>>\ </span>\ \ <<link "<span class='pointleft' style='position: absolute; left: 0%; top: 0%; width: 12.25%; height: 100%; z-index: 2;'></span>">>\ <<goto "Car">>\ <</link>>\ \ <<link "<span class='pointright' style='position: absolute; left: 78.25%; top: 0%; width: 21.75%; height: 26.10%; z-index: 2;'></span>">>\ <<set $back = passage()>><<goto "Inventory">>\ <</link>>\ </div>\
<div class="wrap">\ [img[setup.ImagePath+"honey-stickynote.jpg"]]\ \ <<timed 2s>>\ <<link "<span style='position: absolute; left: 25.25%; top: 10.51%; width: 45.25%; height: 83.73%; z-index: 2;'></span>">>\ <<set $hook = 0>>\ <<set $key = 0>>\ <<set $bird = 0>>\ <<set $feather = 0>>\ <<set $bee = 0>>\ <<set $drop = 0>>\ <<set $hand = "hand">>\ <<removeclass "html">><<addclass "html" "hand">>\ <<audio "bird" volume 0.1 play>>\ <<goto Flower>>\ <</link>>\ <</timed>>\ \ <<link "<span class='pointright' style='position: absolute; left: 78.25%; top: 0%; width: 21.75%; height: 26.10%; z-index: 2;'></span>">>\ <<set $back = passage()>><<goto "Inventory">>\ <</link>>\ </div>\
<div class="wrap">\ [img[setup.ImagePath+"inventory-stickynote.jpg"]]\ \ <<if $hook is 1>>\ <<link "<span style='position: absolute; left: 16.25%; top: 0%; width: 14.50%; height: 43.73%; z-index: 2;'>[img[setup.ImagePath+'hookup-stickynote.png']]</span>">>\ <<if $hand is "hook">>\ <<set $hand to "hand">>\ <<removeclass "html">><<addclass "html" "hand">>\ <<else>>\ <<set $hand to "hook">>\ <<removeclass "html">><<addclass "html" "hook">>\ <</if>>\ <</link>>\ <</if>>\ \ <<if $key is 1>>\ <<link "<span style='position: absolute; left: 5.75%; top: 51.86%; width: 15.50%; height: 41.36%; z-index: 2;'>[img[setup.ImagePath+'key-stickynote.png']]</span>">>\ <<if $hand is "key">>\ <<set $hand to "hand">>\ <<removeclass "html">><<addclass "html" "hand">>\ <<else>>\ <<set $hand to "key">>\ <<removeclass "html">><<addclass "html" "key">>\ <</if>>\ <</link>>\ <</if>>\ \ <<if $bee is 1>>\ <<link "<span style='position: absolute; left: 34.50%; top: 50.85%; width: 26.25%; height: 47.46%; z-index: 2;'>[img[setup.ImagePath+'bee-stickynote.png']]</span>">>\ <<if $hand is "bee">>\ <<set $hand to "hand">>\ <<removeclass "html">><<addclass "html" "hand">>\ <<else>>\ <<set $hand to "bee">>\ <<removeclass "html">><<addclass "html" "bee">>\ <</if>>\ <</link>>\ <</if>>\ \ <<if $feather is 1>>\ <<link "<span style='position: absolute; left: 69%; top: 63.39%; width: 24.75%; height: 31.86%; z-index: 2;'>[img[setup.ImagePath+'feather-stickynote.png']]</span>">>\ <<if $hand is "feather">>\ <<set $hand to "hand">>\ <<removeclass "html">><<addclass "html" "hand">>\ <<else>>\ <<set $hand to "feather">>\ <<removeclass "html">><<addclass "html" "feather">>\ <</if>>\ <</link>>\ <</if>>\ \ <<link "<span class='pointright' style='position: absolute; left: 78.25%; top: 0%; width: 21.75%; height: 26.10%; z-index: 2;'></span>">>\ <<goto $back>>\ <</link>>\ </div>\
<<set $hand = "hand">><<addclass "html" "hand">> <<goto Flower>>
<<cacheaudio "bird" "sounds/bird.ogg">> <<cacheaudio "bee" "sounds/bee.ogg">> <<cacheaudio "honey" "sounds/honey.ogg">> <<cacheaudio "tadaa" "sounds/tadaa.ogg">> <<cacheaudio "car" "sounds/car.ogg">> <<cacheaudio "box" "sounds/box.ogg">>
honey drop bee buzz bird car box fanfare <style id="style-init-screen" type="text/css">@-webkit-keyframes init-loading-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes init-loading-spin{0%{-o-transform:rotate(0);transform:rotate(0)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes init-loading-spin{0%{-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}#init-screen{display:none;z-index:500000;position:fixed;top:0;left:0;height:100%;width:100%;font:28px/1 Helmet,Freesans,sans-serif;font-weight:700;color:#eee;background-image:url(images/background-stickynote-compressed.jpg);text-align:center}#init-screen>div{display:none;position:relative;margin:0 auto;max-width:1136px;top:25%}html[data-init=lacking] #init-screen,html[data-init=loading] #init-screen,html[data-init=no-js] #init-screen{display:block}html[data-init=lacking] #init-lacking,html[data-init=no-js] #init-no-js{display:block;padding:0 1em}html[data-init=no-js] #init-no-js{color:red}html[data-init=loading] #init-loading{display:block;background-image:url(images/loading.png);width:32px;height:32px;-webkit-animation:init-loading-spin 2s linear infinite;-o-animation:init-loading-spin 2s linear infinite;animation:init-loading-spin 2s linear infinite}html[data-init=loading] #init-loading>div{text-indent:9999em;overflow:hidden;white-space:nowrap}html[data-init=loading] #passages,html[data-init=loading] #ui-bar{display:none}</style>
<div class="wrap">\ [img[setup.ImagePath+'inventory-stickynote.jpg']] <span style='position: absolute; left: 100%; top: 100%; z-index: 2;'>[img[setup.ImagePath+'flower-stickynote.jpg']]</span> <span style='position: absolute; left: 100%; top: 100%; z-index: 2;'>[img[setup.ImagePath+'web-stickynote.png']]</span> <span style='position: absolute; left: 100%; top: 100%; z-index: 2;'>[img[setup.ImagePath+'hookup-stickynote.png']]</span> <span style='position: absolute; left: 100%; top: 100%; z-index: 2;'>[img[setup.ImagePath+'car-stickynote.jpg']]</span> <span style='position: absolute; left: 100%; top: 100%; z-index: 2;'>[img[setup.ImagePath+'box-stickynote.jpg']]</span> <span style='position: absolute; left: 100%; top: 100%; z-index: 2;'>[img[setup.ImagePath+'perch-stickynote.jpg']]</span> <span style='position: absolute; left: 100%; top: 100%; z-index: 2;'>[img[setup.ImagePath+'bird-stickynote.png']]</span> <span style='position: absolute; left: 100%; top: 100%; z-index: 2;'>[img[setup.ImagePath+'well-stickynote.jpg']]</span> <span style='position: absolute; left: 100%; top: 100%; z-index: 2;'>[img[setup.ImagePath+'hookdown-stickynote.png']]</span> <span style='position: absolute; left: 100%; top: 100%; z-index: 2;'>[img[setup.ImagePath+'hookkey-stickynote.png']]</span> <span style='position: absolute; left: 100%; top: 100%; z-index: 2;'>[img[setup.ImagePath+'key-stickynote.png']]</span> <span style='position: absolute; left: 100%; top: 100%; z-index: 2;'>[img[setup.ImagePath+'feather-stickynote.png']]</span> <span style='position: absolute; left: 100%; top: 100%; z-index: 2;'>[img[setup.ImagePath+'boxopen-stickynote.png']]</span> <span style='position: absolute; left: 100%; top: 100%; z-index: 2;'>[img[setup.ImagePath+'beeinbox-stickynote.png']]</span> <span style='position: absolute; left: 100%; top: 100%; z-index: 2;'>[img[setup.ImagePath+'bee-stickynote.png']]</span> <span style='position: absolute; left: 100%; top: 100%; z-index: 2;'>[img[setup.ImagePath+'drop-stickynote.png']]</span> <span style='position: absolute; left: 100%; top: 100%; z-index: 2;'>[img[setup.ImagePath+'honey-stickynote.jpg']]</span> </div>\