<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Mari bermain dengan desain</title>
	<atom:link href="http://perancanggrafis.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://perancanggrafis.wordpress.com</link>
	<description>Just another WordPress.com weblog</description>
	<lastBuildDate>Wed, 29 Oct 2008 15:07:06 +0000</lastBuildDate>
	<language>id</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='perancanggrafis.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Mari bermain dengan desain</title>
		<link>http://perancanggrafis.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://perancanggrafis.wordpress.com/osd.xml" title="Mari bermain dengan desain" />
	<atom:link rel='hub' href='http://perancanggrafis.wordpress.com/?pushpress=hub'/>
		<item>
		<title>:: button random ::</title>
		<link>http://perancanggrafis.wordpress.com/2008/10/27/button-random/</link>
		<comments>http://perancanggrafis.wordpress.com/2008/10/27/button-random/#comments</comments>
		<pubDate>Mon, 27 Oct 2008 10:56:08 +0000</pubDate>
		<dc:creator>bendul</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Button]]></category>
		<category><![CDATA[Flash8]]></category>
		<category><![CDATA[Random]]></category>

		<guid isPermaLink="false">http://perancanggrafis.wordpress.com/?p=4</guid>
		<description><![CDATA[Suatu hari saya pernah diminta membuat sebuah control movie clip &#8220;Ndul, gue pengennya clip ini jalan setelah semua (tiga) button ini di klik&#8221;. Bukan masalah yang rumit andai saja button-button tersebut di klik secara berurutan, jadi setelah button terakhir di klik, barulah si movie clip berfungsi. Tapi seandainya flow yang diminta adalah random alias button-button [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=perancanggrafis.wordpress.com&amp;blog=5304846&amp;post=4&amp;subd=perancanggrafis&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Suatu hari saya pernah diminta membuat sebuah control movie clip &#8220;Ndul, gue pengennya clip ini jalan setelah semua (tiga) button ini di klik&#8221;. Bukan masalah yang rumit andai saja button-button tersebut di klik secara berurutan, jadi setelah button terakhir di klik, barulah si movie clip berfungsi. Tapi seandainya flow yang diminta adalah random alias button-button tersebut di klik secara tidak berurutan??</p>
<p><span id="more-4"></span>Trik ini hanya sebagai dasar saja&#8230;(nantinya aplikasi button random ini bisa dikembangkan sendiri).</p>
<p>Pertama, buka aplikasi flash, dan siapkan 3 buah tombol. Biasanya saya bekerja menggunakan size 800&#215;600 pixel dengan 30 fps. (gbr.1)</p>
<p><a href="http://perancanggrafis.files.wordpress.com/2008/10/001.jpg"><img class="alignnone size-large wp-image-5" title="Gambar 1" src="http://perancanggrafis.files.wordpress.com/2008/10/001.jpg?w=418&#038;h=92" alt="" width="418" height="92" /></a></p>
<p>kemudian ambillah sembarang button dari library yang telah disediakan oleh flash.</p>
<p><a href="http://perancanggrafis.files.wordpress.com/2008/10/002.jpg"><img class="alignnone size-full wp-image-6" title="gambar 2" src="http://perancanggrafis.files.wordpress.com/2008/10/002.jpg?w=418" alt=""   /></a></p>
<p>Di sini saya menyiapkan 3 buah button dengan warna yang berbeda.</p>
<p><a href="http://perancanggrafis.files.wordpress.com/2008/10/003.jpg"><img class="alignnone size-full wp-image-8" title="gambar 3" src="http://perancanggrafis.files.wordpress.com/2008/10/003.jpg?w=418" alt=""   /></a></p>
<p>kemudian buatlah sebuah tulisan &#8220;baru saja klik tombol biru&#8221;. Pilih tulisan tersebut dan covert menjadi sebuah symbol &#8211; movie clip dengan menekan tombol F8. Berikan nama <strong>MC_notifier</strong> untuksymbol yang barusaja kita buat. Berikan juga nama <strong>notifier</strong> pada instance name movie clip tersebut. Klik kanan pada movie clip tersebut &#8211; kemudian pilih edit in place.</p>
<p><strong>note</strong>: <em>Ketika sudah berada di dalam sebuah movie clip maka akan terlihat perbedaan seperti pada gambar berikut.</em></p>
<p><a href="http://perancanggrafis.files.wordpress.com/2008/10/004.jpg"><img class="alignnone size-full wp-image-13" title="004" src="http://perancanggrafis.files.wordpress.com/2008/10/004.jpg?w=418" alt=""   /></a></p>
<p>Sekarang pada layer 1, buatlah keyframe pada frame 5, 10, 15 dengan menekan tombol F6, dan pada frame 20 tambahkanlah frame dengan menekan tombol F5. Pilih pada frame 1, sorot pada tulisan &#8220;<strong>baru saja klik tombol biru</strong>&#8220;, kemudian delete. Buat satu buah layer lagi, dan dengan cara yang sama buatlah keyframe pada frame 5, 10,15 serta tambahkan layer pada frame 20. Pilih frame 1, kemudian berikan nama &#8220;idle&#8221; pada frame label.</p>
<p>berikan juga nama &#8220;hijau&#8221; pada frame 5, dan nama &#8220;merah&#8221; pada frame 15. Buatlah satu layer lagi sebagai layer action. Buat keyframe pada frame 4, 9, 14 dan 20. Pilih pada masing-masing frame tersebut, lalu berikan action script dengan menekan tombol F9. Masukkan action script</p>
<p>stop ( );</p>
<p>Edit tulisan notifier pada frame 10 menjadi &#8220;<strong>baru saja klik tombol hijau</strong>&#8220;, dan pada frame 15 menjadi &#8220;<strong>baru saja klik tombol merah</strong>&#8220;.</p>
<p>Buat sebuah layer baru lagi, kemudian buatlah sebuah box dengan tulisan &#8220;<strong>notifier</strong>&#8221; di luar work area.</p>
<p><strong>note</strong>: <em>box bertuliskan notifer ini memudahkan kita untuk mengedit movie clip mc_notifier</em></p>
<p>Kemudian, klik dobel di sembarang tempat di dalam work area sehingga kita berada dalam scene, atau level parent.</p>
<p>Buatlah sebuah lingkaran di tengah work area, dan bagilah keempat lingkaran tersebut menjadi 4 bagian dan berikan warna yang berbeda di setiap bagiannya.</p>
<p>Pilih seluruh lingkaran tersebut dan rubahlah menjadi sebuah simbol, type graphic dengan menekan tombol F8. Berikan nama symbol tersebut &#8220;<strong>bola</strong>&#8220;.</p>
<p>Pilih kembali symbol bola dan sekali lagi, rubahlah menjadi symbol, type movie clip, lalu berikan nama symbol tersebut &#8220;<strong>spin bola</strong>&#8220;.</p>
<p>Klik dobel pada symbol tersebut, hingga kita masuk 1 level.</p>
<p>Buat keyframe ( F6 ) pada frame 5, 10, 15, dan 20. Pilih pada frame 1, dan delete objek bola.</p>
<p>Pilih pada frame 10 kemudian putar objek bola 90&#8242; dengan menekan tombol &#8220;ctrl+alt+s&#8221;. Masukan nilai 90 pada parameter rotate. Dengan cara yang sama, pilih frame 10 putar bola 180&#8242;, pada frame 15 putar 270&#8242;, dan pada frame 25 putar 355&#8242;. Pilih frame 5, klik kanan &gt; create motion tween. Lakukan langkah yang sama untuk keyframe 10 dan 15.</p>
<p>Buat satu layer, buat keyframe ( F6 ) pada frame 5. Pilih frame 1, berikan frame label &#8220;<strong>diam</strong>&#8220;, dan pada frame 5 berikan frame label &#8220;<strong>putar</strong>&#8220;.</p>
<p>Buat satu layer lagi, buat keyframe ( F6 ) pada frame 4 dan 25. Pada frame 4 berikan action script</p>
<p>stop ( );</p>
<p>sedangkan untuk action script pada frame 25 tuliskan</p>
<p>Buat sebuah layer baru lagi, kemudian buatlah sebuah box dengan tulisan &#8220;<strong>movie bola</strong>&#8221; di luar work area.</p>
<p>Kemudian, klik dobel di sembarang tempat di dalam work area sehingga kita berada dalam scene, atau level parent.</p>
<p>Pilihlah movie clip spin bola ( box movie bola yang berada di luar work area ), kemudian beri instance name &#8220;<strong>spining</strong>&#8220;.</p>
<p>Di dalam scene, buatlah sebuah layer untuk action script. Pilih frame 1, kemudian buka panel action script, kemudian tuliskan actionscript berikut.</p>
<p>function setDone(i) {<br />
this["done"+i] = true<br />
checkDone();<br />
}<br />
function checkDone() {<br />
var done = true;<br />
for (var i = 1; i&lt;=3; i++) {<br />
//<br />
if (!this["done"+i]) {<br />
done = false;<br />
break;<br />
}<br />
}<br />
if (done) {<br />
//<br />
this.spining.gotoAndPlay(&#8220;putar&#8221;);</p>
<p>}</p>
<p>Langkah yang terakhir adalah memberikan action script para masing-masing button.</p>
<p>Pilih button 1 ( biru ) kemudian tuliskan script berikut:</p>
<p>on (release){<br />
this.notifier.gotoAndPlay(&#8220;biru&#8221;);<br />
setDone (1);<br />
}</p>
<p>pada button 2 ( hijau ) berikan action script</p>
<p>on (release){<br />
this.notifier.gotoAndPlay(&#8220;hijau&#8221;);<br />
setDone (2);<br />
}</p>
<p>dan pada button 3 ( merah ) tuliskan script</p>
<p>on (release){<br />
this.notifier.gotoAndPlay(&#8220;merah&#8221;);<br />
setDone (3);<br />
}</p>
<p>Nah, sekarang coba kita tes clip kita dengan menekan ctrl+enter.</p>
<p>Movie clip bola yang berputar, baru akan aktif kalo ketiga tombol sudah di klik semua baik berurutan maupun&#8230;.secara random.</p>
<p>Selamat mencoba&#8230;&#8230;.</p>
<p>jangan lupa bagi2 ilmu juga ya&#8230;.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/perancanggrafis.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/perancanggrafis.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/perancanggrafis.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/perancanggrafis.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/perancanggrafis.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/perancanggrafis.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/perancanggrafis.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/perancanggrafis.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/perancanggrafis.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/perancanggrafis.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/perancanggrafis.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/perancanggrafis.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/perancanggrafis.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/perancanggrafis.wordpress.com/4/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=perancanggrafis.wordpress.com&amp;blog=5304846&amp;post=4&amp;subd=perancanggrafis&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://perancanggrafis.wordpress.com/2008/10/27/button-random/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/9a14b3094a2f067e7f2ac27b9bdc6070?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">bendul</media:title>
		</media:content>

		<media:content url="http://perancanggrafis.files.wordpress.com/2008/10/001.jpg?w=418" medium="image">
			<media:title type="html">Gambar 1</media:title>
		</media:content>

		<media:content url="http://perancanggrafis.files.wordpress.com/2008/10/002.jpg" medium="image">
			<media:title type="html">gambar 2</media:title>
		</media:content>

		<media:content url="http://perancanggrafis.files.wordpress.com/2008/10/003.jpg" medium="image">
			<media:title type="html">gambar 3</media:title>
		</media:content>

		<media:content url="http://perancanggrafis.files.wordpress.com/2008/10/004.jpg" medium="image">
			<media:title type="html">004</media:title>
		</media:content>
	</item>
		<item>
		<title>Hello world!</title>
		<link>http://perancanggrafis.wordpress.com/2008/10/26/hello-world/</link>
		<comments>http://perancanggrafis.wordpress.com/2008/10/26/hello-world/#comments</comments>
		<pubDate>Sun, 26 Oct 2008 15:12:43 +0000</pubDate>
		<dc:creator>bendul</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Welcome to WordPress.com. This is your first post. Edit or delete it and start blogging!<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=perancanggrafis.wordpress.com&amp;blog=5304846&amp;post=1&amp;subd=perancanggrafis&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Welcome to <a href="http://wordpress.com/">WordPress.com</a>. This is your first post. Edit or delete it and start blogging!</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/perancanggrafis.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/perancanggrafis.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/perancanggrafis.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/perancanggrafis.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/perancanggrafis.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/perancanggrafis.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/perancanggrafis.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/perancanggrafis.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/perancanggrafis.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/perancanggrafis.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/perancanggrafis.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/perancanggrafis.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/perancanggrafis.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/perancanggrafis.wordpress.com/1/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=perancanggrafis.wordpress.com&amp;blog=5304846&amp;post=1&amp;subd=perancanggrafis&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://perancanggrafis.wordpress.com/2008/10/26/hello-world/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/9a14b3094a2f067e7f2ac27b9bdc6070?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">bendul</media:title>
		</media:content>
	</item>
	</channel>
</rss>
