{"id":3032,"date":"2014-03-21T15:54:55","date_gmt":"2014-03-21T22:54:55","guid":{"rendered":"http:\/\/www.nathalielawhead.com\/candybox\/?p=3032"},"modified":"2014-03-21T15:54:55","modified_gmt":"2014-03-21T22:54:55","slug":"tetrageddon-games-micrositeswebsites-sourcefiles","status":"publish","type":"post","link":"http:\/\/www.nathalielawhead.com\/candybox\/tetrageddon-games-micrositeswebsites-sourcefiles","title":{"rendered":"Tetrageddon Games Microsites\/Websites Sourcefiles"},"content":{"rendered":"<p>First of all (moving forward) <strong>I will port some of the simpler games (<a href=\"http:\/\/offender.alienmelon.com\" target=\"_blank\">Offender<\/a>, <a href=\"http:\/\/gatekeeper.alienmelon.com\/\" target=\"_blank\">The Gatekeeper<\/a>, <a href=\"http:\/\/haxatron.alienmelon.com\/\" target=\"_blank\">Haxatron 2000<\/a>) to HTML5<\/strong> (HTML5\/JS\/Edge Animate &#8211;maybe Edge Animate), and release a HTML5 version tutorial + source code for them.<br \/>\nI\u2019m very excited about doing this! It\u2019s going to be awesome\u2026<\/p>\n<p>Stay tuned! More (HTML5\/JS\/ect\u2026 related) source code\/tutorials are on the way. :)<\/p>\n<p>Secondly, I finally found the time to release the sourcefiles for the microsites done for <a href=\"http:\/\/tetrageddon.com\" target=\"_blank\">Tetrageddon Games<\/a>. I created these in Edge Animate, seeing that there is little to no Edge Animate examples, tutorials, out there (it\u2019s very new) I believe this will help people getting started with the software. Perhaps even assist someone that found this post via Google.<\/p>\n<p>Edge resources:<br \/>\n<a href=\"http:\/\/www.edgehero.com\/\" target=\"_blank\">Edgehero<\/a><br \/>\n<a href=\"http:\/\/www.edgedocks.com\/edgecommons\" target=\"_blank\">Edge Commons &#8211; Dirty Little Helpers for Edge Animate<\/a><\/p>\n<p>I\u2019ve enjoyed working in it because it gets rid of the \u201cunnecessary aspects\u201d of making a site (things that get in the way, or \u201ckill\u201d the initial idea process, especially if you\u2019re throwing something quick together), and you can easily make something that would take a lot more effort\/time if you where doing it just in code.<br \/>\nI think it\u2019s a program to keep an eye on in the future. It will only get more powerful. :)<\/p>\n<p>So here they are to pick apart\u2026<br \/>\nWebsites sourcefiles here: <a href=\"http:\/\/nathalielawhead.com\/sourcefiles\/Websites_Sourcefiles_HTML5_JS_EdgeAnimate\/\" target=\"_blank\">http:\/\/nathalielawhead.com\/sourcefiles\/Websites_Sourcefiles_HTML5_JS_EdgeAnimate\/<\/a><\/p>\n<p><strong>Haxed By Megahurtz <a href=\"http:\/\/nathalielawhead.com\/sourcefiles\/Websites_Sourcefiles_HTML5_JS_EdgeAnimate\/HaxedByMegahurtz_Website.zip\" target=\"_blank\">(SOURCE HERE)<\/a><\/strong><\/p>\n<p><em>Things that may help a googler looking for a simple example:<br \/>\n* Another fluid layout example<br \/>\n* iframe (scalable) video on the stage loaded from Vimeo<br \/>\n* fancybox gallery example<br \/>\n* loading a site in fancybox example<br \/>\n* fancybox Vimeo example<br \/>\n* About section with tiling .gif border (fake scale9 image type frame) example<\/em><\/p>\n<p><img decoding=\"async\" src=\"http:\/\/nathalielawhead.com\/sourcefiles\/Websites_Sourcefiles_HTML5_JS_EdgeAnimate\/HaxedByMegahurtz_Website_1.png\" alt=\"\" \/><\/p>\n<p><img decoding=\"async\" src=\"http:\/\/nathalielawhead.com\/sourcefiles\/Websites_Sourcefiles_HTML5_JS_EdgeAnimate\/HaxedByMegahurtz_Website_2.png\" alt=\"\" \/><\/p>\n<p><strong>The Big Gib <a href=\"http:\/\/nathalielawhead.com\/sourcefiles\/Websites_Sourcefiles_HTML5_JS_EdgeAnimate\/TheBigGib_Website.zip\" target=\"_blank\">(SOURCE HERE)<\/a><\/strong><\/p>\n<p>Things that may help a googler looking for a simple example:<\/p>\n<p><em>* loading a page with fancybox iframe example<br \/>\n* fancybox gallery example (gallery.html)<br \/>\n* fluid layout menu example<br \/>\n* fluid background example<br \/>\n* tiling gif\u2019s! (Tiling gifs in Edge Animate example)<br \/>\n* animated gif\u2019s!<\/em><\/p>\n<p><img decoding=\"async\" src=\"http:\/\/nathalielawhead.com\/sourcefiles\/Websites_Sourcefiles_HTML5_JS_EdgeAnimate\/TheBigGib_Website_1.png\" alt=\"\" \/><\/p>\n<p><img decoding=\"async\" src=\"http:\/\/nathalielawhead.com\/sourcefiles\/Websites_Sourcefiles_HTML5_JS_EdgeAnimate\/TheBigGib_Website_2.png\" alt=\"\" \/><\/p>\n<p><img decoding=\"async\" src=\"http:\/\/nathalielawhead.com\/sourcefiles\/Websites_Sourcefiles_HTML5_JS_EdgeAnimate\/TheBigGib_Website_3.png\" alt=\"\" \/><\/p>\n<p><img decoding=\"async\" src=\"http:\/\/nathalielawhead.com\/sourcefiles\/Websites_Sourcefiles_HTML5_JS_EdgeAnimate\/TheBigGib_Website_4.png\" alt=\"\" \/><\/p>\n<p><strong>Haxatron 2000 <a href=\"http:\/\/nathalielawhead.com\/sourcefiles\/Websites_Sourcefiles_HTML5_JS_EdgeAnimate\/Haxatron2000_Website.zip\" target=\"_blank\">(SOURCE HERE)<\/a><\/strong><\/p>\n<p>Things that may help a googler looking for a simple example:<br \/>\nIt\u2019s a much simpler website, but maybe\u2026<\/p>\n<p><em>* Typekit in Edge Animate example<br \/>\n* Just another fluid layout website example :)<br \/>\n* Using CSS on symbols inside of Edge Animate example<br \/>\n* if (\/Android|webOS|iPhone|iPad|iPod|BlackBerry\/i.test(navigator.userAgent)) example\u2026<\/em><\/p>\n<p><img decoding=\"async\" src=\"http:\/\/nathalielawhead.com\/sourcefiles\/Websites_Sourcefiles_HTML5_JS_EdgeAnimate\/Haxatron2000_Website.png\" alt=\"\" \/><\/p>\n<p><strong>They Came From My Inbox <a href=\"http:\/\/nathalielawhead.com\/sourcefiles\/Websites_Sourcefiles_HTML5_JS_EdgeAnimate\/TheyCameFromMyInbox_Website.zip\" target=\"_blank\">(SOURCE HERE)<\/a><\/strong><\/p>\n<p>Things that may help a googler looking for a simple example:<\/p>\n<p><em>* Another fluid layout example<br \/>\n* buzz.js (sound) in Edge Animate example<br \/>\n* Fancybox in Edge Animate example<br \/>\n* Tiling .gif frame (fake scale9 image type frame) example<br \/>\n* Fancybox loading iframe website example<br \/>\n* Fun use of mouseover\/mouse out events example<br \/>\n* Fancybox Vimeo video example<\/em><\/p>\n<p><img decoding=\"async\" src=\"http:\/\/nathalielawhead.com\/sourcefiles\/Websites_Sourcefiles_HTML5_JS_EdgeAnimate\/TheyCameFromMyInbox_Website_1.png\" alt=\"\" \/><\/p>\n<p><img decoding=\"async\" src=\"http:\/\/nathalielawhead.com\/sourcefiles\/Websites_Sourcefiles_HTML5_JS_EdgeAnimate\/TheyCameFromMyInbox_Website_2.png\" alt=\"\" \/><\/p>\n<p><img decoding=\"async\" src=\"http:\/\/nathalielawhead.com\/sourcefiles\/Websites_Sourcefiles_HTML5_JS_EdgeAnimate\/TheyCameFromMyInbox_Website_3.png\" alt=\"\" \/><\/p>\n<p><img decoding=\"async\" src=\"http:\/\/nathalielawhead.com\/sourcefiles\/Websites_Sourcefiles_HTML5_JS_EdgeAnimate\/TheyCameFromMyInbox_Website_4.png\" alt=\"\" \/><\/p>\n<p><strong>Tetrageddon (Bloodsport Tetris) <a href=\"http:\/\/nathalielawhead.com\/sourcefiles\/Websites_Sourcefiles_HTML5_JS_EdgeAnimate\/TetrageddonBloodsportTetris_Website.zip\" target=\"_blank\">(SOURCE HERE)<\/a><\/strong><\/p>\n<p><em>* Not another fluid layout example :)<br \/>\n* Animated gifs<br \/>\n* Animated transitions example<br \/>\n* Fancybox example<br \/>\n* Fancybox Vimeo video example<\/em><\/p>\n<p><img decoding=\"async\" src=\"http:\/\/nathalielawhead.com\/sourcefiles\/Websites_Sourcefiles_HTML5_JS_EdgeAnimate\/TetrageddonBloodsportTetris_Website_1.png\" alt=\"\" \/><\/p>\n<p><img decoding=\"async\" src=\"http:\/\/nathalielawhead.com\/sourcefiles\/Websites_Sourcefiles_HTML5_JS_EdgeAnimate\/TetrageddonBloodsportTetris_Website_2.png\" alt=\"\" \/><\/p>\n<p>That\u2019s it for now\u2026<br \/>\nHTML5 game examples\/ports coming soon!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>First of all (moving forward) I will port some of the simpler games (Offender, The Gatekeeper, Haxatron 2000) to HTML5 (HTML5\/JS\/Edge Animate &#8211;maybe Edge Animate), and release a HTML5 version tutorial + source code for them. I\u2019m very excited about doing this! It\u2019s going to be awesome\u2026 Stay tuned! More (HTML5\/JS\/ect\u2026 related) source code\/tutorials are on the way. :) Secondly, I finally found the time to release the sourcefiles for the microsites done for Tetrageddon Games. I created these in Edge Animate, seeing that there is little to no Edge Animate examples, tutorials, out there (it\u2019s very new) I believe&#46;&#46;&#46;<\/p>\n","protected":false},"author":1,"featured_media":4522,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":"","_links_to":"","_links_to_target":""},"categories":[30,12],"tags":[],"class_list":["post-3032","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-games","category-resources"],"_links":{"self":[{"href":"http:\/\/www.nathalielawhead.com\/candybox\/wp-json\/wp\/v2\/posts\/3032","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.nathalielawhead.com\/candybox\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.nathalielawhead.com\/candybox\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.nathalielawhead.com\/candybox\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.nathalielawhead.com\/candybox\/wp-json\/wp\/v2\/comments?post=3032"}],"version-history":[{"count":6,"href":"http:\/\/www.nathalielawhead.com\/candybox\/wp-json\/wp\/v2\/posts\/3032\/revisions"}],"predecessor-version":[{"id":3038,"href":"http:\/\/www.nathalielawhead.com\/candybox\/wp-json\/wp\/v2\/posts\/3032\/revisions\/3038"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.nathalielawhead.com\/candybox\/wp-json\/wp\/v2\/media\/4522"}],"wp:attachment":[{"href":"http:\/\/www.nathalielawhead.com\/candybox\/wp-json\/wp\/v2\/media?parent=3032"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.nathalielawhead.com\/candybox\/wp-json\/wp\/v2\/categories?post=3032"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.nathalielawhead.com\/candybox\/wp-json\/wp\/v2\/tags?post=3032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}