<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>agj&#039;s blog &#187; javascript</title>
	<atom:link href="http://blog.agj.cl/tag/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.agj.cl</link>
	<description></description>
	<lastBuildDate>Sat, 23 Feb 2013 02:36:13 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.4.2</generator>
		<item>
		<title>Flower pattern</title>
		<link>http://blog.agj.cl/2012/11/flower-pattern/</link>
		<comments>http://blog.agj.cl/2012/11/flower-pattern/#comments</comments>
		<pubDate>Thu, 29 Nov 2012 21:15:12 +0000</pubDate>
		<dc:creator>agj</dc:creator>
				<category><![CDATA[My games]]></category>
		<category><![CDATA[Flower pattern]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[release]]></category>
		<category><![CDATA[video game]]></category>

		<guid isPermaLink="false">http://blog.agj.cl/?p=753</guid>
		<description><![CDATA[Here’s an HTML5 drawing toy I’ve been working on for a few weeks. It’s been designed to work on touch devices in addition to the plebian mouse, although I only really have my iPad to try it on, so I’m not sure how it will work everywhere else. You can add it to the home [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-768" title="Flower pattern screenshot" src="http://blog.agj.cl/wp-content/uploads/2012/11/flowerpatternscreen.jpg" alt="" width="500" height="250" /></p>
<p>Here’s an HTML5 drawing toy I’ve been working on for a few weeks. It’s been designed to work on touch devices in addition to the plebian mouse, although I only really have my iPad to try it on, so I’m not sure how it will work everywhere else. You can add it to the home screen on any iOS apparatus, and it’ll work more or less like a regular app, offline and all.</p>
<p><a href="http://www.agj.cl/files/games/flowerpattern/"><strong>Play <em>Flower pattern</em></strong></a> (web, touch devices)</p>
<p>For your phone or tablet, and for your convenience, I also set up a shorter URL: <em>http://agj.cl/ip/fp</em> . Caveat: based on one report, it doesn’t seem to work properly on older versions of iOS.<span id="more-753"></span></p>
<p>This was my first foray into several HTML5 APIs: the canvas element, touch events, and the application cache. I also came up with a way to imitate actionscript 3’s brand of class-based inheritance in javascript, and used that to port my code over. It was painful (you’re free to peek at the code if curious).</p>
<p>Although I’ve worked on this toy for this relatively short period of time, the truth is that it has its origins in a much earlier Flash toy I made for my sister. It had different modes, though; ‘star’ mode remains largely the same, but the rest are different. There was a form of ‘chain’ mode there, although it didn’t link up the strokes following their orientation, so it was much less interesting to look at (current implementation I stole from a concept by <a href="https://sites.google.com/site/zaphos/">zaphos</a>). The one other mode just repeated what you drew around the screen, rotated randomly.</p>
<p>The code for that I later used as basis for <a href="http://www.agj.cl/games/#game:intervalo"><em>Intervalo…</em></a>, for which I created different ways to expand on what you drew. I took ideas in that for this, as well.</p>
<p>There were some things I couldn’t achieve using canvas that I’d managed with Flash —dealing with color blendings and pixel-level operations with any speed,— but I’m still happy with how this turned out. Hope you enjoy it.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.agj.cl/2012/11/flower-pattern/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Spoems</title>
		<link>http://blog.agj.cl/2012/10/spoems/</link>
		<comments>http://blog.agj.cl/2012/10/spoems/#comments</comments>
		<pubDate>Fri, 19 Oct 2012 18:33:23 +0000</pubDate>
		<dc:creator>agj</dc:creator>
				<category><![CDATA[Interactive]]></category>
		<category><![CDATA[event]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[release]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://blog.agj.cl/?p=727</guid>
		<description><![CDATA[Over at Glorious Trainwrecks, a spambot started an event, and thus we had to comply and make stuff. I didn’t really make a game; it’s a silly visualization of Noyb’s readings of (other) spambot postings. Read Spoems (web) The audio may or may not sync with the text for you, depending on your configuration. Try [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-728" title="Spoems screenshot" src="http://blog.agj.cl/wp-content/uploads/2012/10/spoemsscreen.png" alt="" width="500" height="200" /></p>
<p>Over at Glorious Trainwrecks, a spambot started <a href="http://www.glorioustrainwrecks.com/node/4281">an event</a>, and thus we had to comply and make stuff. I didn’t really make a game; it’s a silly visualization of Noyb’s <a href="http://www.glorioustrainwrecks.com/node/1529">readings of (other) spambot postings</a>.</p>
<p><a href="http://www.agj.cl/files/games/spoems/"><strong>Read <em>Spoems</em></strong></a> (web)</p>
<p>The audio may or may not sync with the text for you, depending on your configuration. Try reloading if it doesn’t, and if it still won’t, then I think you’re out of luck.</p>
<p>A shoutout to Kirk Israel for his useful <a href="http://lowlag.alienbill.com/">lowLag.js</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.agj.cl/2012/10/spoems/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Games aggregate</title>
		<link>http://blog.agj.cl/2012/10/games-aggregate/</link>
		<comments>http://blog.agj.cl/2012/10/games-aggregate/#comments</comments>
		<pubDate>Mon, 01 Oct 2012 18:33:36 +0000</pubDate>
		<dc:creator>agj</dc:creator>
				<category><![CDATA[Interactive]]></category>
		<category><![CDATA[My games]]></category>
		<category><![CDATA[Visual]]></category>
		<category><![CDATA[games aggregate]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://blog.agj.cl/?p=721</guid>
		<description><![CDATA[This was long overdue: a browser for all of my released games, including the terrible ones, and covering all the range up to the mediocre. I used a binary system for highlighting the ones I consider to be less unremarkable; they use up double the space of the others. There’s also a handy tag there [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-722" title="Games aggregate screenshot" src="http://blog.agj.cl/wp-content/uploads/2012/10/gamesscreen.png" alt="" width="500" height="200" /></p>
<p>This was long overdue: <strong><a href="http://www.agj.cl/games/">a browser for all of my released games</a></strong>, including the terrible ones, and covering all the range up to the mediocre. I used a binary system for highlighting the ones I consider to be less unremarkable; they use up double the space of the others. There’s also a handy tag there called <a href="http://www.agj.cl/games/#tags:gamey"><em>gamey</em></a> that marks the games that are more traditional in scope, so you don’t have to bitch to me about how my games are not really games.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.agj.cl/2012/10/games-aggregate/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>han’you tokimeki</title>
		<link>http://blog.agj.cl/2012/09/hanyou-tokimeki/</link>
		<comments>http://blog.agj.cl/2012/09/hanyou-tokimeki/#comments</comments>
		<pubDate>Sun, 16 Sep 2012 19:28:23 +0000</pubDate>
		<dc:creator>agj</dc:creator>
				<category><![CDATA[My games]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[KOTM]]></category>
		<category><![CDATA[release]]></category>
		<category><![CDATA[video game]]></category>
		<category><![CDATA[visual novel]]></category>

		<guid isPermaLink="false">http://blog.agj.cl/?p=599</guid>
		<description><![CDATA[A crass and uncouth thing I made for the KOTM. A procedural dating eroge, powered by the Internet. Play han’you tokimeki (web) This would not have been possible if not for the Gelbooru API. Blame them.]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-603" title="han'you tokimeki screenshot" src="http://blog.agj.cl/wp-content/uploads/2012/09/hanyouscreen.png" alt="" width="500" height="200" /></p>
<p>A crass and uncouth thing I made for the <a href="http://blog.agj.cl/tag/kotm/">KOTM</a>. A procedural dating <a href="http://en.wikipedia.org/wiki/Eroge">eroge</a>, powered by the Internet.</p>
<p><a href="http://www.agj.cl/files/games/hanyou/"><strong>Play <em>han’you tokimeki</em></strong></a> (web)</p>
<p>This would not have been possible if not for the Gelbooru API. Blame them.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.agj.cl/2012/09/hanyou-tokimeki/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>(Sin asunto)</title>
		<link>http://blog.agj.cl/2012/03/sin-asunto/</link>
		<comments>http://blog.agj.cl/2012/03/sin-asunto/#comments</comments>
		<pubDate>Mon, 26 Mar 2012 01:21:57 +0000</pubDate>
		<dc:creator>agj</dc:creator>
				<category><![CDATA[My games]]></category>
		<category><![CDATA[(Sin asunto)]]></category>
		<category><![CDATA[español]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[release]]></category>
		<category><![CDATA[text game]]></category>
		<category><![CDATA[video game]]></category>

		<guid isPermaLink="false">http://blog.agj.cl/?p=571</guid>
		<description><![CDATA[Una cosa poética epistolar, creo. En español esta vez, para variar un poco. (Sin asunto) (web) En verdad tiene su origen hace mucho, de cuando primero jugué hush de Increpare y me puse a desarrollar un par de ideas con esa base, de las cuales ninguna dio fruto. Esta en particular no funcionó porque no [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-573" title="(Sin asunto) screenshot" src="http://blog.agj.cl/wp-content/uploads/2012/03/sinasuntoscreenshot.png" alt="" width="500" height="168" /></p>
<p>Una cosa poética epistolar, creo. En español esta vez, para variar un poco.</p>
<p><a href="http://www.agj.cl/files/games/sinasunto/"><em><strong>(Sin asunto)</strong></em></a> (web)</p>
<p>En verdad tiene su origen hace mucho, de cuando primero jugué <a href="http://www.increpare.com/2010/05/hush/">hush</a> de Increpare y me puse a desarrollar un par de ideas con esa base, de las cuales ninguna dio fruto. Esta en particular no funcionó porque no hallé la narrativa adecuada para el formato. Me pasa a menudo que tengo una idea formal que no sé solucionar en cuanto a su contenido. En fin, la retomé después de leer un <em>tweet</em> de Terry Cavanagh sobre Catherine (el juego) y su mecánica de escribir mensajes de texto que coincidía más o menos con mi idea.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.agj.cl/2012/03/sin-asunto/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Updated front page</title>
		<link>http://blog.agj.cl/2011/12/updated-front-page/</link>
		<comments>http://blog.agj.cl/2011/12/updated-front-page/#comments</comments>
		<pubDate>Fri, 09 Dec 2011 19:51:00 +0000</pubDate>
		<dc:creator>agj</dc:creator>
				<category><![CDATA[Interactive]]></category>
		<category><![CDATA[Visual]]></category>
		<category><![CDATA[archive]]></category>
		<category><![CDATA[front page design]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[MooTools]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://blog.agj.cl/?p=560</guid>
		<description><![CDATA[I’ve refreshed the front page. The new design sports a rather subtle effect that nonetheless took me a fair number of hours to pull off, in part because I’m still not that familiar with javascript, but also because it was far more complicated than I originally estimated. It may not work as it’s supposed to [...]]]></description>
			<content:encoded><![CDATA[<p>I’ve refreshed the <a href="http://www.agj.cl/">front page</a>. The new design sports a rather subtle effect that nonetheless took me a fair number of hours to pull off, in part because I’m still not that familiar with javascript, but also because it was far more complicated than I originally estimated. It may not work as it’s supposed to in browsers other than Firefox and Safari’s latest versions, since it hasn’t been tested beyond those.</p>
<p>The <a href="http://www.agj.cl/files/archive/front2010-1/">previous design</a>’s been archived.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.agj.cl/2011/12/updated-front-page/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Colorful new front page</title>
		<link>http://blog.agj.cl/2010/04/colorful-new-front-page/</link>
		<comments>http://blog.agj.cl/2010/04/colorful-new-front-page/#comments</comments>
		<pubDate>Fri, 09 Apr 2010 04:35:30 +0000</pubDate>
		<dc:creator>agj</dc:creator>
				<category><![CDATA[Interactive]]></category>
		<category><![CDATA[Visual]]></category>
		<category><![CDATA[archive]]></category>
		<category><![CDATA[front page design]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://blog.agj.cl/?p=450</guid>
		<description><![CDATA[I wanted to highlight some new stuff on the front page, but ended up redesigning it. I like this new version much better than the last one, even though it’s just a retool gone a bit out of hand. Other than still featuring Cleo, it includes a favorite feature of mine: random colors. Another ‘feature’: [...]]]></description>
			<content:encoded><![CDATA[<p>I wanted to highlight some new stuff on the <a href="http://www.agj.cl/">front page</a>, but ended up redesigning it. I like this new version much better than the last one, even though it’s just a retool gone a bit out of hand. Other than still featuring Cleo, it includes a favorite feature of mine: random colors. Another ‘feature’: it doesn’t work properly in IE.</p>
<p>As always, the previous design has been <a href="http://www.agj.cl/files/archive/front2009-3/">archived</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.agj.cl/2010/04/colorful-new-front-page/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Front page, Javascript</title>
		<link>http://blog.agj.cl/2009/02/front-page-javascript/</link>
		<comments>http://blog.agj.cl/2009/02/front-page-javascript/#comments</comments>
		<pubDate>Sat, 21 Feb 2009 17:49:50 +0000</pubDate>
		<dc:creator>agj</dc:creator>
				<category><![CDATA[Interactive]]></category>
		<category><![CDATA[Visual]]></category>
		<category><![CDATA[archive]]></category>
		<category><![CDATA[front page design]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://blog.agj.cl/?p=140</guid>
		<description><![CDATA[Since I didn’t like the front page design I made last time, especially because of that glitch in Firefox, I decided to make a quick new one, and, in the process, get a bit more acquainted with Javascript. I think that the end result is pretty cute. It works properly at least in Firefox and [...]]]></description>
			<content:encoded><![CDATA[<p>Since I didn’t like <a href="http://www.agj.cl/files/archive/front2009-1/">the front page design I made last time</a>, especially because of <a href="http://blog.agj.cl/2009/01/new-front-page/">that glitch</a> in Firefox, I decided to make <a href="http://www.agj.cl/">a quick new one</a>, and, in the process, get a bit more acquainted with Javascript. I think that the end result is pretty cute. It works properly at least in Firefox and Internet Explorer.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.agj.cl/2009/02/front-page-javascript/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>New front page</title>
		<link>http://blog.agj.cl/2009/01/new-front-page/</link>
		<comments>http://blog.agj.cl/2009/01/new-front-page/#comments</comments>
		<pubDate>Wed, 07 Jan 2009 06:44:06 +0000</pubDate>
		<dc:creator>agj</dc:creator>
				<category><![CDATA[Interactive]]></category>
		<category><![CDATA[Visual]]></category>
		<category><![CDATA[archive]]></category>
		<category><![CDATA[front page design]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://blog.agj.cl/?p=94</guid>
		<description><![CDATA[Changed the design of the front page. Tried something different this time—I wanted it to be more disorderly, less clean; a bit more striking, perhaps. It didn’t come out quite how I envisioned it, but it will have to do, for now. The main reason for this redesign was that I wanted all the links [...]]]></description>
			<content:encoded><![CDATA[<p>Changed the design of the <a href="http://www.agj.cl/">front page</a>. Tried something different this time—I wanted it to be more disorderly, less clean; a bit more striking, perhaps. It didn’t come out quite how I envisioned it, but it will have to do, for now. The main reason for this redesign was that I wanted all the links to my different accounts at community websites there. I had something else entirely in mind at first, a design that integrated the last few piclog thumbnails and blog headlines, but since I don’t know much Javascript or PHP, all that will have to wait until I have the time to sit down and learn.</p>
<p>There is something I still don’t understand, which happened in the <a href="http://www.agj.cl/files/archive/front2008-3/">old design</a> too, and that is some Firefox rendering glitches when it first loads the page. After refreshing, it goes away. My guess is that it’s a bug related to blocks with the CSS display property set to ‘none’, which is how I make the popup effect. Well, nevermind the jargon, but the point is that it somehow screws up the design.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.agj.cl/2009/01/new-front-page/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
