<?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>Webmonkey &#187; editor</title>
    <atom:link href="http://www.webmonkey.com/tag/editor/feed/" rel="self" type="application/rss+xml" />
    <link>http://www.webmonkey.com</link>
    <description>The Web Developer&#039;s Resource</description>
    <lastBuildDate>Fri, 05 Apr 2013 20:20:46 +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>Connect With Your Creation Through a Real-Time Editor</title>
        <link>http://www.webmonkey.com/2012/03/connect-with-your-creation-through-a-real-time-editor/</link>
        <comments>http://www.webmonkey.com/2012/03/connect-with-your-creation-through-a-real-time-editor/#comments</comments>
        <pubDate>Fri, 02 Mar 2012 20:55:00 +0000</pubDate>

                <dc:creator>Scott Gilbertson</dc:creator>

        <guid isPermaLink="false">http://www.webmonkey.com/?p=54716</guid>
        		<category><![CDATA[Programming]]></category>
		<category><![CDATA[UI/UX]]></category>
		<category><![CDATA[Visual Design]]></category>
		<category><![CDATA[editor]]></category>
		<category><![CDATA[video]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2012/03/gameeditordemo-200x100.jpg" type="image/jpeg" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2012/03/gameeditordemo.jpg" alt="Connect With Your Creation Through a Real-Time Editor" /></div>The more intimately your code is connected to your creation the better both will be. That's the thinking behind developer Chris Granger's new real-time game-editing demo.]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled -->
<p><div id="attachment_54717" class="wp-caption aligncenter" style="width: 590px"><img src="http://www.webmonkey.com/wp-content/uploads/2012/03/gameeditordemo.jpg" alt="" title="gameeditordemo" width="580" class="size-full wp-image-54717" /><p class="wp-caption-text">Inspired by Bret Victor&#039;s demo, Chris Granger&#039;s live editor helps connect you with what you&#039;re building.</p></div>Last month we pointed you to a <a href="http://www.webmonkey.com/2012/02/video-inventing-on-principle/">video of Bret Victor&#8217;s talk, &#8220;Inventing on Principle.&#8221;</a> Victor has worked on experimental UI concepts at Apple and also created the interactive data graphics for Al Gore’s book, <i>Our Choice</i>. In the talk Victor showed off a demo of a great real-time game editor that makes your existing coding tools look primitive at best.</p>
<p>Inspired by Victor&#8217;s presentation, developer Chris Granger has put together a similar <a href="http://www.chris-granger.com/2012/02/26/connecting-to-your-creation/">live game editor in Clojurescript</a>. </p>
<p>If you haven&#8217;t watched the video of Victor&#8217;s talk, you should <a href="http://www.webmonkey.com/2012/02/video-inventing-on-principle/">start there</a>, but the basic idea behind his real-time editor is to make your code more closely connected to what it creates, in this case a simple game. Granger&#8217;s take on the idea is similar &#8212; all changes you make to the code are reflected immediately in the running game. You change a line of code and the game immediately changes right with it. Here&#8217;s Granger&#8217;s <a href="http://www.youtube.com/watch?v=7XUWpze_A_s">video</a> demonstrating the editor:</p>
<p><iframe width="580" height="325" src="http://www.youtube.com/embed/7XUWpze_A_s" frameborder="0" allowfullscreen></iframe></p>
<p>As Granger writes on his blog, &#8220;essentially I learned that Victor was right &#8212; there&#8217;s unquestionable value in connecting yourself with your creation.&#8221;</p>
<p>Granger&#8217;s demo code is <a href="https://github.com/ibdknox/live-cljs">available on GitHub</a> and there&#8217;s a <a href="https://github.com/ibdknox/live-cljs/downloads">.jar file available for download</a> if you&#8217;d just like to play with the demo. </p>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2012/03/connect-with-your-creation-through-a-real-time-editor/feed/</wfw:commentRss>
        <slash:comments>1</slash:comments>

        
    </item>
    </channel>
</rss>