<?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>djoko</title>
	<atom:link href="http://www.djoko.nl/home/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://www.djoko.nl/home</link>
	<description>digitaal vertellen</description>
	<lastBuildDate>Tue, 10 Aug 2010 10:50:36 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Voorbeeld menu met fade-in, fade-uit</title>
		<link>http://www.djoko.nl/home/?p=645</link>
		<comments>http://www.djoko.nl/home/?p=645#comments</comments>
		<pubDate>Tue, 10 Aug 2010 10:48:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[actionscript 3.0]]></category>

		<guid isPermaLink="false">http://www.djoko.nl/home/?p=645</guid>
		<description><![CDATA[Hier is een eenvoudig voorbeeld hoe je in Flash een aantal knoppen kunt laten werken. Alles is met de hand gemaakt en op de stage gezet. Het kan natuurlijk ook dynamisch. Toch houdt het script rekening met uitbreiding: als je een extra knop erbij zet, werkt alles ook. Vandaar de eerste variable: aantalKnoppen. De movieclips [...]]]></description>
			<content:encoded><![CDATA[<div>Hier is een eenvoudig voorbeeld hoe je in Flash een aantal knoppen kunt laten werken. Alles is met de hand gemaakt en op de stage gezet. Het kan natuurlijk ook dynamisch. Toch houdt het script rekening met uitbreiding: als je een extra knop erbij zet, werkt alles ook. Vandaar de eerste variable: aantalKnoppen. De movieclips die in- en uitfaden staan los op de stage. Die hadden ook in een container kunnen staan, zoals de knoppen. Het is dus nog te verbeteren. Er zijn geen tweenclasses gebruikt maar een eigen script om de fade te verzorgen. De laatste for-loop is voor het geval de gebruiker te snel op een andere knop klikt. De var <em>vorigItem</em> werkt dan niet goed meer.</p>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="fm_basis_knoppen_1i_1153956301"
			class="flashmovie"
			width="600"
			height="190">
	<param name="movie" value="flash/basis_knoppen_1i.swf" />
	<!--[if !IE]>-->
	<object	type="application/x-shockwave-flash"
			data="flash/basis_knoppen_1i.swf"
			name="fm_basis_knoppen_1i_1153956301"
			width="600"
			height="190">
	<!--<![endif]-->
		
	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p645code2'); return false;">View Code</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p6452"><td class="code" id="p645code2"><pre class="actionscript" style="font-family:monospace;">package
<span style="color: #66cc66;">&#123;</span>
	<span style="color: #808080; font-style: italic;">// variables maken</span>
<span style="color: #000000; font-weight: bold;">var</span> aantalKnoppen:<span style="color: #0066CC;">int</span> = knoppen_mc.<span style="color: #006600;">numChildren</span>;
<span style="color: #000000; font-weight: bold;">var</span> welkItemNr:<span style="color: #0066CC;">int</span> = <span style="color: #cc66cc;">1</span>; <span style="color: #808080; font-style: italic;">// eerste item is standaard gekozen</span>
<span style="color: #000000; font-weight: bold;">var</span> vorigItem:<span style="color: #0066CC;">int</span> = <span style="color: #cc66cc;">2</span>; <span style="color: #808080; font-style: italic;">// we doen alsof we hiervoor knop2 hebben geklikt</span>
<span style="color: #808080; font-style: italic;">// run now:</span>
lijntjes_mc.<span style="color: #0066CC;">stop</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
lijntjes_mc.<span style="color: #006600;">mouseEnabled</span> = <span style="color: #000000; font-weight: bold;">false</span>; <span style="color: #808080; font-style: italic;">// de movieclip lijntjes_mc moet niet op de muisklik reageren</span>
hokje1_mc.<span style="color: #0066CC;">gotoAndStop</span><span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">2</span><span style="color: #66cc66;">&#41;</span>; <span style="color: #808080; font-style: italic;">// het hokje vd de bovenste knop is zwart</span>
knoppen_mc.<span style="color: #006600;">k1_btn</span>.<span style="color: #0066CC;">visible</span> = <span style="color: #000000; font-weight: bold;">false</span>; <span style="color: #808080; font-style: italic;">// de bovenste knop is onzichtbaar</span>
<span style="color: #808080; font-style: italic;">// alle items</span>
<span style="color: #b1b100;">for</span> <span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">var</span> i:<span style="color: #0066CC;">int</span>=<span style="color: #cc66cc;">1</span>; i <span style="color: #66cc66;">&amp;</span>lt;=aantalKnoppen; i++<span style="color: #66cc66;">&#41;</span>
<span style="color: #66cc66;">&#123;</span>
	<span style="color: #0066CC;">this</span><span style="color: #66cc66;">&#91;</span><span style="color: #ff0000;">&quot;item&quot;</span> + i + <span style="color: #ff0000;">&quot;_mc&quot;</span><span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">alpha</span> = <span style="color: #cc66cc;">0</span>; <span style="color: #808080; font-style: italic;">// alle movieclips (item1_mc t/m item7_mc) zijn transparant</span>
	<span style="color: #0066CC;">this</span><span style="color: #66cc66;">&#91;</span><span style="color: #ff0000;">&quot;item&quot;</span> + i + <span style="color: #ff0000;">&quot;_mc&quot;</span><span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">mouseEnabled</span> = <span style="color: #000000; font-weight: bold;">false</span>; <span style="color: #808080; font-style: italic;">// de movieclips moeten niet op de cursor reageren</span>
<span style="color: #66cc66;">&#125;</span>
item1_mc.<span style="color: #006600;">alpha</span> = <span style="color: #cc66cc;">1</span>;
&nbsp;
<span style="color: #808080; font-style: italic;">// eventListeners:</span>
knoppen_mc.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>MouseEvent.<span style="color: #006600;">MOUSE_OVER</span>, handler_over<span style="color: #66cc66;">&#41;</span>;<span style="color: #808080; font-style: italic;">// de &quot;container&quot; knoppen_mc krijgt een EventListener: alle knoppen in deze container werken</span>
knoppen_mc.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>MouseEvent.<span style="color: #006600;">MOUSE_UP</span>, handler_up<span style="color: #66cc66;">&#41;</span>;
knoppen_mc.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>MouseEvent.<span style="color: #006600;">MOUSE_OUT</span>, handler_out<span style="color: #66cc66;">&#41;</span>; <span style="color: #808080; font-style: italic;">// bij een &quot;roll_out&quot; van een knop, moet  lijntjes_mc naar het eerste frame</span>
&nbsp;
<span style="color: #808080; font-style: italic;">// functions:</span>
<span style="color: #000000; font-weight: bold;">function</span> handler_over<span style="color: #66cc66;">&#40;</span>evt:MouseEvent<span style="color: #66cc66;">&#41;</span>
<span style="color: #66cc66;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">var</span> welkFrame:<span style="color: #0066CC;">int</span> = <span style="color: #66cc66;">&#40;</span>knoppen_mc.<span style="color: #006600;">getChildIndex</span><span style="color: #66cc66;">&#40;</span>evt.<span style="color: #0066CC;">target</span> as DisplayObject<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span> + <span style="color: #cc66cc;">2</span>; <span style="color: #808080; font-style: italic;">// welke knop kom je overheen met de cursor?</span>
	lijntjes_mc.<span style="color: #0066CC;">gotoAndStop</span><span style="color: #66cc66;">&#40;</span>welkFrame<span style="color: #66cc66;">&#41;</span>; <span style="color: #808080; font-style: italic;">// de knop waar je overheen komt, krijgt een lijntje onder de tekst</span>
<span style="color: #66cc66;">&#125;</span>
<span style="color: #000000; font-weight: bold;">function</span> handler_up<span style="color: #66cc66;">&#40;</span>evt:MouseEvent<span style="color: #66cc66;">&#41;</span>
<span style="color: #66cc66;">&#123;</span>
	<span style="color: #808080; font-style: italic;">// deze function werkt bij muisklik (MOUSE_UP) bij alle knoppen</span>
	<span style="color: #b1b100;">for</span> <span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">var</span> i:<span style="color: #0066CC;">int</span>=<span style="color: #cc66cc;">1</span>; i <span style="color: #66cc66;">&amp;</span>lt;= aantalKnoppen; i++<span style="color: #66cc66;">&#41;</span>
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #0066CC;">this</span><span style="color: #66cc66;">&#91;</span><span style="color: #ff0000;">&quot;hokje&quot;</span> + i + <span style="color: #ff0000;">&quot;_mc&quot;</span><span style="color: #66cc66;">&#93;</span>.<span style="color: #0066CC;">gotoAndStop</span><span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">1</span><span style="color: #66cc66;">&#41;</span>; <span style="color: #808080; font-style: italic;">// alle hokjes worden open (zie ook regel 38 !)</span>
		knoppen_mc<span style="color: #66cc66;">&#91;</span><span style="color: #ff0000;">&quot;k&quot;</span> + i + <span style="color: #ff0000;">&quot;_btn&quot;</span><span style="color: #66cc66;">&#93;</span>.<span style="color: #0066CC;">visible</span> = <span style="color: #000000; font-weight: bold;">true</span>; <span style="color: #808080; font-style: italic;">// alle knoppen worden zichtbaar (zie ook regel 39 !)</span>
	<span style="color: #66cc66;">&#125;</span>
	<span style="color: #000000; font-weight: bold;">var</span> welkeKnop:<span style="color: #0066CC;">int</span> = <span style="color: #66cc66;">&#40;</span>knoppen_mc.<span style="color: #006600;">getChildIndex</span><span style="color: #66cc66;">&#40;</span>evt.<span style="color: #0066CC;">target</span> as DisplayObject<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span> + <span style="color: #cc66cc;">1</span>; <span style="color: #808080; font-style: italic;">//welke knop heb je geklikt?</span>
	<span style="color: #0066CC;">this</span><span style="color: #66cc66;">&#91;</span><span style="color: #ff0000;">&quot;hokje&quot;</span> + welkeKnop + <span style="color: #ff0000;">&quot;_mc&quot;</span><span style="color: #66cc66;">&#93;</span>.<span style="color: #0066CC;">gotoAndStop</span><span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">2</span><span style="color: #66cc66;">&#41;</span>; <span style="color: #808080; font-style: italic;">// het hokje voor de knop wordt zwart</span>
	knoppen_mc<span style="color: #66cc66;">&#91;</span><span style="color: #ff0000;">&quot;k&quot;</span> + welkeKnop + <span style="color: #ff0000;">&quot;_btn&quot;</span><span style="color: #66cc66;">&#93;</span>.<span style="color: #0066CC;">visible</span> = <span style="color: #000000; font-weight: bold;">false</span>;<span style="color: #808080; font-style: italic;">// de knop waar je op klikte wordt onzichtbaar</span>
	lijntjes_mc.<span style="color: #0066CC;">gotoAndStop</span><span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">1</span><span style="color: #66cc66;">&#41;</span>; <span style="color: #808080; font-style: italic;">// alle lijntje verdwijnen</span>
	vorigItem = welkItemNr;<span style="color: #808080; font-style: italic;">// het vorige item (de var vorigItem) wordt gelijk aan het knop-nummmer waar je hiervóór op klikte</span>
	welkItemNr = welkeKnop; <span style="color: #808080; font-style: italic;">// het huidige item (de var welkItemNr) wordt gelijk aan de knop waar je net op klikte</span>
	addEventListener<span style="color: #66cc66;">&#40;</span>Event.<span style="color: #006600;">ENTER_FRAME</span>, fade_in<span style="color: #66cc66;">&#41;</span>; <span style="color: #808080; font-style: italic;">// de items moeten in- en uitfaden</span>
<span style="color: #66cc66;">&#125;</span>
<span style="color: #000000; font-weight: bold;">function</span> handler_out<span style="color: #66cc66;">&#40;</span>evt:MouseEvent<span style="color: #66cc66;">&#41;</span>
<span style="color: #66cc66;">&#123;</span>
	lijntjes_mc.<span style="color: #0066CC;">gotoAndStop</span><span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">1</span><span style="color: #66cc66;">&#41;</span>; <span style="color: #808080; font-style: italic;">// alle lijntje verdwijnen</span>
<span style="color: #66cc66;">&#125;</span>
<span style="color: #000000; font-weight: bold;">function</span> fade_in<span style="color: #66cc66;">&#40;</span>evt:Event<span style="color: #66cc66;">&#41;</span>
<span style="color: #66cc66;">&#123;</span>
	<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">this</span><span style="color: #66cc66;">&#91;</span><span style="color: #ff0000;">&quot;item&quot;</span> + welkItemNr + <span style="color: #ff0000;">&quot;_mc&quot;</span><span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">alpha</span> <span style="color: #66cc66;">&amp;</span>lt; <span style="color: #cc66cc;">1</span><span style="color: #66cc66;">&#41;</span>
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #0066CC;">this</span><span style="color: #66cc66;">&#91;</span><span style="color: #ff0000;">&quot;item&quot;</span> + welkItemNr + <span style="color: #ff0000;">&quot;_mc&quot;</span><span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">alpha</span> += .05;<span style="color: #808080; font-style: italic;">// het item met het nummer van de huidige knop fade in</span>
		<span style="color: #0066CC;">this</span><span style="color: #66cc66;">&#91;</span><span style="color: #ff0000;">&quot;item&quot;</span> + vorigItem + <span style="color: #ff0000;">&quot;_mc&quot;</span><span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">alpha</span> -= .05;<span style="color: #808080; font-style: italic;">// het item met het nummer van de vorige knop fade in</span>
	<span style="color: #66cc66;">&#125;</span>
	<span style="color: #b1b100;">else</span>
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #b1b100;">for</span> <span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">var</span> i:<span style="color: #0066CC;">int</span>=<span style="color: #cc66cc;">1</span>; i <span style="color: #66cc66;">&amp;</span>lt;=aantalKnoppen; i++<span style="color: #66cc66;">&#41;</span>
		<span style="color: #66cc66;">&#123;</span>
			<span style="color: #0066CC;">this</span><span style="color: #66cc66;">&#91;</span><span style="color: #ff0000;">&quot;item&quot;</span> + i + <span style="color: #ff0000;">&quot;_mc&quot;</span><span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">alpha</span> = <span style="color: #cc66cc;">0</span>;<span style="color: #808080; font-style: italic;">// voor de zekerheid worden alle items transparant behalve ... zie regel 63</span>
		<span style="color: #66cc66;">&#125;</span>
		<span style="color: #0066CC;">this</span><span style="color: #66cc66;">&#91;</span><span style="color: #ff0000;">&quot;item&quot;</span> + welkItemNr + <span style="color: #ff0000;">&quot;_mc&quot;</span><span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">alpha</span> = <span style="color: #cc66cc;">1</span>; <span style="color: #808080; font-style: italic;">// het item met het nummer van de huidige knop moet wel alpha 1 hebben</span>
		removeEventListener<span style="color: #66cc66;">&#40;</span>Event.<span style="color: #006600;">ENTER_FRAME</span>, fade_in<span style="color: #66cc66;">&#41;</span>; <span style="color: #808080; font-style: italic;">// de EventListener is niet meer nodig</span>
	<span style="color: #66cc66;">&#125;</span>
<span style="color: #66cc66;">&#125;</span>
<span style="color: #66cc66;">&#125;</span></pre></td></tr></table></div>

<p><a href="http://djoko.nl/home/flash/knoppen_bestanden.zip">Klik hier</a> om de flash-bestanden te downloaden. Je krijgt de verschillende versies (van a t/m i).</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.djoko.nl/home/?feed=rss2&amp;p=645</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Rond draaiende sterrenhemel</title>
		<link>http://www.djoko.nl/home/?p=638</link>
		<comments>http://www.djoko.nl/home/?p=638#comments</comments>
		<pubDate>Wed, 02 Jun 2010 15:27:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[actionscript 3.0]]></category>

		<guid isPermaLink="false">http://www.djoko.nl/home/?p=638</guid>
		<description><![CDATA[Met een kort script kun je een complete sterrenhemel maken. Er zijn drie classes: Main (documentclass), Sterren en de class Ster. De variable _schaal zorgt voor diepte (alpha en scaleX + scaleY). In de bibliotheek van de fla is een eenvoudige wit rondje gelinkt aan de class Ster. In Sterren.as wordt een aantal objecten van [...]]]></description>
			<content:encoded><![CDATA[<p>Met een kort script kun je een complete sterrenhemel maken. Er zijn drie classes: <strong>Main</strong> (documentclass), <strong>Sterren</strong> en de class <strong>Ster</strong>. De variable _schaal zorgt voor diepte (alpha en scaleX + scaleY). In de bibliotheek van de fla is een eenvoudige wit rondje gelinkt aan de class Ster. In Sterren.as wordt een aantal objecten van Ster gemaakt. Verrassend wat je met redelijk klein script kunt doen. Je ziet hier het resultaat, daaronder staat het script van Ster.as. De positie van elke ster is gekoppeld aan de positie van de cursor.</p>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="fm_sterren_773539881"
			class="flashmovie"
			width="600"
			height="240">
	<param name="movie" value="flash/sterren.swf" />
	<!--[if !IE]>-->
	<object	type="application/x-shockwave-flash"
			data="flash/sterren.swf"
			name="fm_sterren_773539881"
			width="600"
			height="240">
	<!--<![endif]-->
		
	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p638code4'); return false;">View Code</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p6384"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
</pre></td><td class="code" id="p638code4"><pre class="actionscript" style="font-family:monospace;">package 
<span style="color: #66cc66;">&#123;</span>
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">display</span>.<span style="color: #0066CC;">MovieClip</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">events</span>.<span style="color: #006600;">Event</span>;
&nbsp;
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">class</span> Ster <span style="color: #0066CC;">extends</span> <span style="color: #0066CC;">MovieClip</span>
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> _schaal:<span style="color: #0066CC;">Number</span>;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> _minimum:<span style="color: #0066CC;">Number</span>;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> _maxSnelheid:<span style="color: #0066CC;">Number</span>;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> _br:<span style="color: #0066CC;">int</span>;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> _hg:<span style="color: #0066CC;">int</span>;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> _dx:<span style="color: #0066CC;">Number</span>;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> _dy:<span style="color: #0066CC;">Number</span>;
&nbsp;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> Ster<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>
		<span style="color: #66cc66;">&#123;</span>
			_schaal = <span style="color: #0066CC;">Math</span>.<span style="color: #0066CC;">random</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			_minimum = .3
			_maxSnelheid = <span style="color: #cc66cc;">2</span>;
			addEventListener<span style="color: #66cc66;">&#40;</span>Event.<span style="color: #006600;">ADDED_TO_STAGE</span>, added_handler<span style="color: #66cc66;">&#41;</span>
		<span style="color: #66cc66;">&#125;</span>
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">function</span> added_handler<span style="color: #66cc66;">&#40;</span>evt:Event<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
		<span style="color: #66cc66;">&#123;</span>
			_br = <span style="color: #0066CC;">stage</span>.<span style="color: #006600;">stageWidth</span>;
			_hg = <span style="color: #0066CC;">stage</span>.<span style="color: #006600;">stageHeight</span>
			x = <span style="color: #0066CC;">Math</span>.<span style="color: #0066CC;">random</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">*</span> _br;
			y = <span style="color: #0066CC;">Math</span>.<span style="color: #0066CC;">random</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">*</span> _hg;
			alpha = _schaal;
			scaleX = scaleY = _schaal + _minimum;
			addEventListener<span style="color: #66cc66;">&#40;</span>Event.<span style="color: #006600;">ENTER_FRAME</span>, enterframe, <span style="color: #000000; font-weight: bold;">false</span>, <span style="color: #cc66cc;">0</span>, <span style="color: #000000; font-weight: bold;">true</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #66cc66;">&#125;</span>
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">function</span> enterframe <span style="color: #66cc66;">&#40;</span>evt:Event<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
		<span style="color: #66cc66;">&#123;</span>
			_dx = <span style="color: #66cc66;">&#40;</span>_br<span style="color: #66cc66;">/</span><span style="color: #cc66cc;">2</span> - <span style="color: #0066CC;">stage</span>.<span style="color: #006600;">mouseX</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">/</span><span style="color: #cc66cc;">60</span>;
			_dy = <span style="color: #66cc66;">&#40;</span>_hg<span style="color: #66cc66;">/</span><span style="color: #cc66cc;">2</span> - <span style="color: #0066CC;">stage</span>.<span style="color: #006600;">mouseY</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">/</span><span style="color: #cc66cc;">60</span>;
			x += _dx<span style="color: #66cc66;">/</span>_schaal; <span style="color: #808080; font-style: italic;">// hoe kleine de schaal, hoe groter de x verandering</span>
			y += _dy<span style="color: #66cc66;">/</span>_schaal;
			<span style="color: #808080; font-style: italic;">//y += _maxSnelheid * _schaal; // oude versie toen de sterren naar  omlaag vielen </span>
			<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span> y <span style="color: #66cc66;">&gt;</span> _hg<span style="color: #66cc66;">&#41;</span>
			<span style="color: #66cc66;">&#123;</span>
				y = <span style="color: #cc66cc;">0</span>
			<span style="color: #66cc66;">&#125;</span>
			<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span> y <span style="color: #66cc66;">&lt;</span> <span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#41;</span>
			<span style="color: #66cc66;">&#123;</span>
				y = _hg
			<span style="color: #66cc66;">&#125;</span>
			<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span> x <span style="color: #66cc66;">&gt;</span> _br<span style="color: #66cc66;">&#41;</span>
			<span style="color: #66cc66;">&#123;</span>
				x = <span style="color: #cc66cc;">0</span>
			<span style="color: #66cc66;">&#125;</span>
			<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span> x <span style="color: #66cc66;">&lt;</span> <span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#41;</span>
			<span style="color: #66cc66;">&#123;</span>
				x = _br
			<span style="color: #66cc66;">&#125;</span>
		<span style="color: #66cc66;">&#125;</span>
	<span style="color: #66cc66;">&#125;</span>
<span style="color: #66cc66;">&#125;</span></pre></td></tr></table></div>

<p><a href="http://djoko.nl/home/flash/sterrenlucht.zip">Klik hier</a> om de bestanden te downloaden.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.djoko.nl/home/?feed=rss2&amp;p=638</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Maak een swf in Flash Catalyst, nieuw bij CS5</title>
		<link>http://www.djoko.nl/home/?p=618</link>
		<comments>http://www.djoko.nl/home/?p=618#comments</comments>
		<pubDate>Tue, 11 May 2010 10:38:07 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Flash Catalyst]]></category>
		<category><![CDATA[interface design]]></category>

		<guid isPermaLink="false">http://www.djoko.nl/home/?p=618</guid>
		<description><![CDATA[Eindelijk een interactief bestand maken met animatie, rollovers zonder een regel code te typen. Dat kan met het nieuwe programma Flash Catalyst. Vooral ideaal voor vormgevers die vanuit Photoshop of Illustrator een ontwerp willen omzetten naar een werkende interface. Hier is een voorbeeld waar 5 knoppen staan + een knopje FC om naar de home-pagina [...]]]></description>
			<content:encoded><![CDATA[<p>Eindelijk een interactief bestand maken met animatie, rollovers <strong>zonder een regel code</strong> te typen. Dat kan met het nieuwe programma <strong><a href="http://www.adobe.com/products/flashcatalyst/" target="_blank">Flash Catalyst</a></strong>. Vooral ideaal voor vormgevers die vanuit Photoshop of Illustrator een ontwerp willen omzetten naar een werkende interface. Hier is een voorbeeld waar 5 knoppen staan + een knopje FC om naar de home-pagina te gaan.<br />
<div class="iframe-wrapper">
  <iframe src="flash/catalyst1/versie_e/index.html" frameborder="0" style="height:260px;width:592px;">Please upgrade your browser</iframe>
</div>
<p>Flash heet nu voortaan: <strong>Flash Professional</strong>. Voor alle animatiemogelijkheden en, waar we aan gewend raakten, voor het werken met ActionScript. Liefst in classes. Het nieuwe programma <strong>Flash Catalyst</strong> is voor het eenvoudige werk. Helemaal op design gericht, alles importeren vanuit Illustrator of Photoshop om daarna interactiviteit en animatie toe te voegen. Niet 1 timeline maar pages. Per overgang (van pagina naar  pagina) kun je heel makkelijk de soort en duur van de animatie bepalen. Stukken sneller dan in Flash Professional. Wel lastig als je -zoals hier- 6 pagina&#8217;s hebt, want dan zijn er 6 x 5 = 30 verschillende overgangen te verzorgen. Zonder één regel script kun elastic of bounce als effect toevoegen. Ieder onderdeel op de pagina is afzonderlijk te animeren.</p>
<p><img src="http://www.djoko.nl/home/wp-content/uploads/2010/05/timelines_1_fc.png" alt="" title="timelines_1_fc" width="558" height="188" class="alignnone size-full wp-image-621" /></p>
<p>Pluspunt van een button in Catalyst is het stand: <strong>disabled</strong>. Dat ontbrak altijd aan de button in Flash.<br />
Alles van Catalyst is te importeren in <strong>Flash Builder</strong> (het voormalige Flex) waarna een ontwikkelaar ermee verder kan werken. Flash Catalyst lijkt een schot in de roos te zijn. Bekijk ook de <a href="http://tv.adobe.com/watch/flash-catalyst-cs5-feature-tour/flash-catalyst-cs5-feature-tour-/" target="_blank">video op de site van Adobe</a> om o.a. snel een scrollbar te maken.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.djoko.nl/home/?feed=rss2&amp;p=618</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flash CS5 code hints</title>
		<link>http://www.djoko.nl/home/?p=609</link>
		<comments>http://www.djoko.nl/home/?p=609#comments</comments>
		<pubDate>Fri, 07 May 2010 07:08:56 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[actionscript 3.0]]></category>
		<category><![CDATA[codehints]]></category>

		<guid isPermaLink="false">http://www.djoko.nl/home/?p=609</guid>
		<description><![CDATA[Gelukkig is de actionscript editor van Flash CS5 enorm verbeterd. Download Flash CS5 en kijk maar. Niet alleen je eigen classes worden getoond in code hints maar ook public functions van die class met de arguments (zie afbeelding). Een externe editor zoals Flash Develop is dus niet meer nodig, dat scheelt weer switchen naar Parallels [...]]]></description>
			<content:encoded><![CDATA[<p>Gelukkig is de actionscript editor van Flash CS5 enorm verbeterd. Download <a href="http://www.adobe.com/products/flash/" target="_blank">Flash CS5</a> en kijk maar. Niet alleen je eigen classes worden getoond in code hints maar ook public functions van die class met de arguments (zie afbeelding). Een externe editor zoals <strong>Flash Develop</strong> is dus niet meer nodig, dat scheelt weer switchen naar Parallels op de Mac.<br />
<img src="http://www.djoko.nl/home/wp-content/uploads/2010/05/as_cs5_b2.jpg" alt="" title="as_cs5_b2" width="544" height="245" class="alignnone size-full wp-image-612" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.djoko.nl/home/?feed=rss2&amp;p=609</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>locaal variabelen opslaan</title>
		<link>http://www.djoko.nl/home/?p=603</link>
		<comments>http://www.djoko.nl/home/?p=603#comments</comments>
		<pubDate>Wed, 05 May 2010 07:18:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[actionscript 3.0]]></category>
		<category><![CDATA[SharedObject]]></category>

		<guid isPermaLink="false">http://www.djoko.nl/home/?p=603</guid>
		<description><![CDATA[In ActionScript is het heel makkelijk om op de HD van de gebruiker variabelen op te slaan. Je maakt hiervoor een object van het type SharedObject. De naam van data die je wilt bewaren kun je ook koppelen aan bijv. een nummer. Met flush worden de data bewaard. In dit scriptvoorbeeld is url een andere [...]]]></description>
			<content:encoded><![CDATA[<p>In ActionScript is het heel makkelijk om op de HD van de gebruiker variabelen op te slaan. Je maakt hiervoor een object van het type SharedObject. De naam van data die je wilt bewaren kun je ook koppelen aan bijv. een nummer. Met flush worden de data bewaard. In dit scriptvoorbeeld is url een andere variabele zodat je verschillende SharedObjects hebt.</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p603code7'); return false;">View Code</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p6037"><td class="line_numbers"><pre>1
2
3
4
5
6
</pre></td><td class="code" id="p603code7"><pre class="actionscript" style="font-family:monospace;"><span style="color: #808080; font-style: italic;">// het opslaan van de data:</span>
<span style="color: #000000; font-weight: bold;">var</span> tekstNotitie:<span style="color: #0066CC;">String</span> = <span style="color: #ff0000;">&quot;tekst&quot;</span> + nummer;
<span style="color: #000000; font-weight: bold;">var</span> mijnData:<span style="color: #0066CC;">SharedObject</span> = <span style="color: #0066CC;">SharedObject</span>.<span style="color: #0066CC;">getLocal</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">url</span><span style="color: #66cc66;">&#41;</span>;
mijnData.<span style="color: #0066CC;">data</span><span style="color: #66cc66;">&#91;</span>tekstNotitie<span style="color: #66cc66;">&#93;</span> = input_txt.<span style="color: #0066CC;">text</span>;
mijnData.<span style="color: #0066CC;">flush</span> <span style="color: #66cc66;">&#40;</span> <span style="color: #66cc66;">&#41;</span>;
mijnData.<span style="color: #0066CC;">close</span> <span style="color: #66cc66;">&#40;</span> <span style="color: #66cc66;">&#41;</span>;</pre></td></tr></table></div>

<p>Het ophalen van deze data is het omgekeerde:</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p603code8'); return false;">View Code</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p6038"><td class="line_numbers"><pre>1
2
3
4
</pre></td><td class="code" id="p603code8"><pre class="actionscript" style="font-family:monospace;"><span style="color: #808080; font-style: italic;">// het binnenhalen van de data:</span>
<span style="color: #000000; font-weight: bold;">var</span> tekstNotitie:<span style="color: #0066CC;">String</span> = <span style="color: #ff0000;">&quot;tekst&quot;</span> + nummer;
<span style="color: #000000; font-weight: bold;">var</span> mijnData:<span style="color: #0066CC;">SharedObject</span> = <span style="color: #0066CC;">SharedObject</span>.<span style="color: #0066CC;">getLocal</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">url</span><span style="color: #66cc66;">&#41;</span>;
input_txt.<span style="color: #0066CC;">text</span>; = mijnData.<span style="color: #0066CC;">data</span><span style="color: #66cc66;">&#91;</span>tekstNotitie<span style="color: #66cc66;">&#93;</span>;</pre></td></tr></table></div>

<p>Mocht de limit van 100 KB overschreden worden, dan komt er een warning in beeld. Als de gebruiker op &#8220;allow&#8221; klikt, is de limit 1 MB. Een voorbeeld waarbij je verschillende notities kunt toevoegen, wijzigen en verwijderen zie je <a href="http://djoko.nl/gambaz" target="_blank">hier</a>. De notities zijn ook te verplaatsen en in/uit te klappen. De notities zijn dus alleen op je eigen computer te zien. SharedObjects kun je net zo goed gebruiken voor stand-alone applicaties.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.djoko.nl/home/?feed=rss2&amp;p=603</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>cache-probleem bij laden van .txt of .php</title>
		<link>http://www.djoko.nl/home/?p=596</link>
		<comments>http://www.djoko.nl/home/?p=596#comments</comments>
		<pubDate>Fri, 23 Apr 2010 07:05:16 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[actionscript 3.0]]></category>
		<category><![CDATA[cache]]></category>
		<category><![CDATA[URLLoader]]></category>

		<guid isPermaLink="false">http://www.djoko.nl/home/?p=596</guid>
		<description><![CDATA[Je hebt -afhankelijk van je OS en browser- soms last van een cache bij het ophalen van data. Achter de string met het txt- of php-bestand kun je een variable meesturen. Deze variable is een toevallig (random) getal. Hierdoor wordt het bestand niet uit de cache gehaald:

?View Code ACTIONSCRIPT1
mijnURLLoader.load &#40;new URLRequest&#40;&#34;load.php?reload=&#34;+ Math.round&#40;Math.random&#40;&#41; * 100000&#41;&#41;&#41;;

]]></description>
			<content:encoded><![CDATA[<p>Je hebt -afhankelijk van je OS en browser- soms last van een cache bij het ophalen van data. Achter de string met het txt- of php-bestand kun je een variable meesturen. Deze variable is een toevallig (random) getal. Hierdoor wordt het bestand niet uit de cache gehaald:</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p596code10'); return false;">View Code</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p59610"><td class="line_numbers"><pre>1
</pre></td><td class="code" id="p596code10"><pre class="actionscript" style="font-family:monospace;">mijnURLLoader.<span style="color: #0066CC;">load</span> <span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">new</span> URLRequest<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;load.php?reload=&quot;</span>+ <span style="color: #0066CC;">Math</span>.<span style="color: #0066CC;">round</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">Math</span>.<span style="color: #0066CC;">random</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">*</span> <span style="color: #cc66cc;">100000</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span>;</pre></td></tr></table></div>

]]></content:encoded>
			<wfw:commentRss>http://www.djoko.nl/home/?feed=rss2&amp;p=596</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>dynamische tekst in perspectief</title>
		<link>http://www.djoko.nl/home/?p=589</link>
		<comments>http://www.djoko.nl/home/?p=589#comments</comments>
		<pubDate>Wed, 21 Apr 2010 19:47:45 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[actionscript 3.0]]></category>

		<guid isPermaLink="false">http://www.djoko.nl/home/?p=589</guid>
		<description><![CDATA[Een dynamisch tekstveld converteer je in Flash naar een movieclip. Deze instance kun je met 3D-transformatie &#8216;plat&#8217; leggen. Het perspectief kun je zo instellen dat het verdwijnpunt klopt volgens de geplaatste foto. Een kort script  laat zien dat het dynamische tekst is, beweeg de cursor over de foto. De tekst is klaar voor input [...]]]></description>
			<content:encoded><![CDATA[<p>Een dynamisch tekstveld converteer je in Flash naar een movieclip. Deze instance kun je met 3D-transformatie &#8216;plat&#8217; leggen. Het perspectief kun je zo instellen dat het verdwijnpunt klopt volgens de geplaatste foto. Een kort script  laat zien dat het dynamische tekst is, beweeg de cursor over de foto. De tekst is klaar voor input uit database bijv.</p>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="fm_garage_1b_1777782594"
			class="flashmovie"
			width="600"
			height="300">
	<param name="movie" value="flash/garage_1b.swf" />
	<!--[if !IE]>-->
	<object	type="application/x-shockwave-flash"
			data="flash/garage_1b.swf"
			name="fm_garage_1b_1777782594"
			width="600"
			height="300">
	<!--<![endif]-->
		
	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object>
]]></content:encoded>
			<wfw:commentRss>http://www.djoko.nl/home/?feed=rss2&amp;p=589</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Een caption en cross-reference in Word</title>
		<link>http://www.djoko.nl/home/?p=576</link>
		<comments>http://www.djoko.nl/home/?p=576#comments</comments>
		<pubDate>Wed, 21 Apr 2010 12:45:59 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Word]]></category>

		<guid isPermaLink="false">http://www.djoko.nl/home/?p=576</guid>
		<description><![CDATA[In Word weet je vast wel dat je automatisch hoofdstukken kunt nummeren. Bij Bullets and Numbering kun je de stijlen heading1, heading2 enz. op Outline Numbered zetten. Hoe nummer je automatisch onderschriften bij afbeeldingen? Hiervoor gebruik je: Caption. Bij Insert -&#62; Caption kies je New Label:

Je noemt het bijv. figuur. Bij Numbering kies desgewenst voor [...]]]></description>
			<content:encoded><![CDATA[<p>In Word weet je vast wel dat je automatisch hoofdstukken kunt nummeren. Bij Bullets and Numbering kun je de stijlen <strong>heading1</strong>, <strong>heading2 </strong>enz. op <em>Outline Numbered</em> zetten. Hoe nummer je automatisch onderschriften bij afbeeldingen? Hiervoor gebruik je: Caption. Bij <strong>Insert -&gt; Caption</strong> kies je <strong>New Label</strong>:</p>
<p><img class="alignnone size-full wp-image-577" title="createCaption2" src="http://www.djoko.nl/home/wp-content/uploads/2010/04/createCaption2.jpg" alt="" width="480" height="327" /></p>
<p>Je noemt het bijv. <em>figuur</em>. Bij <strong>Numbering</strong> kies desgewenst voor <strong>I</strong><strong>nclude chapter number</strong>. Een punt (period) zou je tussen het <em>hoofdstuknummer</em> en <em>afbeeldingsnummer</em> kunnen zetten:</p>
<p><img class="alignnone size-full wp-image-578" title="createCaption_3a" src="http://www.djoko.nl/home/wp-content/uploads/2010/04/createCaption_3a.jpg" alt="" width="369" height="284" /></p>
<p>Je kunt nu onder iedere geplaatste afbeelding een onderschrift beginnen met : <strong>Insert -&gt; Caption</strong>. Je kiest jouw net gemaakte label <em>figuur</em>. Het onderschrift begint dan met &#8220;<em>figuur</em>&#8221; gevolgd door het correcte nummer, bijv <em>14.1</em>. Een aparte stijl kun toegekend worden aan deze alinea.</p>
<p>Ergens anders in de tekst kun je een verwijzing maken naar dit onderschrift. Ook daar kan automatisch het figuur-nummer getoond worden. Je kiest terwijl je ergens anders in de tekst staat: <strong>Insert -&gt; Cross-reference</strong>. Onder <strong>Reference type:</strong> kies je <em>figuur</em>. Alle aanwezige onderschriften verschijnen. In deze lijst maak je een keuze. Onder <strong>Insert reference to: Only label and number</strong>. Eventueel kun je deze verwijzing als hyperlink laten verschijnen, wat handig is voor een pdf.</p>
<p><img class="alignnone size-full wp-image-581" title="createCaption_4a" src="http://www.djoko.nl/home/wp-content/uploads/2010/04/createCaption_4a1.jpg" alt="" width="489" height="312" /></p>
<p>Je bent klaar. Zowel de caption als de cross-reference staan hier in het Word-document (zie afbeelding hieronder). Heel handig als je afbeeldingen toevoegt, verwijdert of een heel hoofdstuk op een andere plek zet: de grijze tekst wordt aangepast! <strong>Tip</strong>: na aanpassingen selecteer je alle tekst (cmd-A) en gebruik toets: <strong>F9</strong> om alle cross-references te laten aanpassen!</p>
<p><img class="alignnone size-full wp-image-582" title="createCaption_5b" src="http://www.djoko.nl/home/wp-content/uploads/2010/04/createCaption_5b.jpg" alt="" width="590" height="240" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.djoko.nl/home/?feed=rss2&amp;p=576</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>tekst uit een tekstbestand</title>
		<link>http://www.djoko.nl/home/?p=553</link>
		<comments>http://www.djoko.nl/home/?p=553#comments</comments>
		<pubDate>Tue, 20 Apr 2010 10:04:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[actionscript 3.0]]></category>
		<category><![CDATA[externe data]]></category>

		<guid isPermaLink="false">http://www.djoko.nl/home/?p=553</guid>
		<description><![CDATA[De content voor een swf-bestand kun je heel eenvoudig uit een tekstbestand halen. De variabelen zet je met een &#38; (ampersand) achter elkaar. Het tekstbestand ziet er zo uit:
tekst=handig aan te passen&#38;info=deze infotekst en de tekst op het hek staan in een tekstbestand. Zo is de content eenvoudig buiten de .swf te zetten.
In het flashfilmpje [...]]]></description>
			<content:encoded><![CDATA[<p>De content voor een swf-bestand kun je heel eenvoudig uit een <strong>tekstbestand</strong> halen. De variabelen zet je met een &amp; (ampersand) achter elkaar. Het tekstbestand ziet er zo uit:</p>
<p><span class="as_script">tekst=handig aan te passen&amp;info=deze infotekst en de tekst op het hek staan in een tekstbestand. Zo is de content eenvoudig buiten de .swf te zetten.</span></p>
<p>In het flashfilmpje staan de dynamische tekstvelden in een movieclip dat met het transformeergereedschap schuin is gezet. Het lettertype is ingesloten, het voordeel van Flash:</p>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="fm_oef_hek_1a_1857853604"
			class="flashmovie"
			width="550"
			height="300">
	<param name="movie" value="flash/oef_hek_1a.swf" />
	<!--[if !IE]>-->
	<object	type="application/x-shockwave-flash"
			data="flash/oef_hek_1a.swf"
			name="fm_oef_hek_1a_1857853604"
			width="550"
			height="300">
	<!--<![endif]-->
		
	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object>
<p>Het actionscript is niet ingewikkeld. Voor een stand-alone applicatie kun je het pad ook absoluut maken (http://site.com/map/tekstbestand.txt).</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p553code12'); return false;">View Code</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p55312"><td class="code" id="p553code12"><pre class="actionscript" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">var</span> mijnURLLoader:URLLoader = <span style="color: #000000; font-weight: bold;">new</span> URLLoader<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
mijnURLLoader.<span style="color: #006600;">dataFormat</span> = URLLoaderDataFormat.<span style="color: #006600;">VARIABLES</span>;
mijnURLLoader.<span style="color: #0066CC;">load</span> <span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">new</span> URLRequest<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;hekTekst.txt&quot;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span>;
mijnURLLoader.<span style="color: #006600;">addEventListener</span> <span style="color: #66cc66;">&#40;</span>Event.<span style="color: #006600;">COMPLETE</span>, onDataLoad<span style="color: #66cc66;">&#41;</span>;
<span style="color: #000000; font-weight: bold;">function</span> onDataLoad <span style="color: #66cc66;">&#40;</span>evt:Event<span style="color: #66cc66;">&#41;</span>
<span style="color: #66cc66;">&#123;</span>
	hek_mc.<span style="color: #006600;">input_mc</span>.<span style="color: #006600;">input_txt</span>.<span style="color: #0066CC;">text</span> = evt.<span style="color: #0066CC;">target</span>.<span style="color: #0066CC;">data</span>.<span style="color: #006600;">tekst</span>;
	tekst_bordje_mc.<span style="color: #006600;">info_txt</span>.<span style="color: #0066CC;">text</span> = evt.<span style="color: #0066CC;">target</span>.<span style="color: #0066CC;">data</span>.<span style="color: #006600;">info</span>;
<span style="color: #66cc66;">&#125;</span></pre></td></tr></table></div>

<p>klik <a href="http://djoko.nl/home/flash/tekstvoorbeeld1.zip" target="_blank">hier</a> om het bestand te downloaden</p>
]]></content:encoded>
			<wfw:commentRss>http://www.djoko.nl/home/?feed=rss2&amp;p=553</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>viewmaster</title>
		<link>http://www.djoko.nl/home/?p=545</link>
		<comments>http://www.djoko.nl/home/?p=545#comments</comments>
		<pubDate>Tue, 20 Apr 2010 07:34:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[actionscript 2.0]]></category>
		<category><![CDATA[actionscript 3.0]]></category>
		<category><![CDATA[radians]]></category>

		<guid isPermaLink="false">http://www.djoko.nl/home/?p=545</guid>
		<description><![CDATA[Zo&#8217;n ouderwetse viewmaster waar de schijfjes nog rond waren, wie kent ze nog? Beweeg de zwarte knop naar beneden en vier movieclips draaien mee: de draaiknop zelf, het schijfje met de tekst en twee mc&#8217;s die ieder in een masker getoond worden.

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="fm_viewmaster_4d_1293610423"
			class="flashmovie"
			width="600"
			height="390">
	<param name="movie" value="../viewmaster/viewmaster_4d.swf" />
	<!--[if !IE]>-->
	<object	type="application/x-shockwave-flash"
			data="../viewmaster/viewmaster_4d.swf"
			name="fm_viewmaster_4d_1293610423"
			width="600"
			height="390">
	<!--<![endif]-->
		
	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object>
Hier vind je een gedeelte van het actionscript. Dit moet [...]]]></description>
			<content:encoded><![CDATA[<p>Zo&#8217;n ouderwetse viewmaster waar de schijfjes nog rond waren, wie kent ze nog? Beweeg de zwarte knop naar beneden en vier movieclips draaien mee: de draaiknop zelf, het schijfje met de tekst en twee mc&#8217;s die ieder in een masker getoond worden.</p>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="fm_viewmaster_4d_1458329283"
			class="flashmovie"
			width="600"
			height="390">
	<param name="movie" value="../viewmaster/viewmaster_4d.swf" />
	<!--[if !IE]>-->
	<object	type="application/x-shockwave-flash"
			data="../viewmaster/viewmaster_4d.swf"
			name="fm_viewmaster_4d_1458329283"
			width="600"
			height="390">
	<!--<![endif]-->
		
	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object>
<p>Hier vind je een gedeelte van het actionscript. Dit moet tijdens het draaien met een Enterframe worden uitgevoerd. Het script is in AS3 bijna hetzelfde.</p>

<div class="wp_codebox_msgheader wp_codebox_hide"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p545code14'); return false;">View Code</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p54514"><td class="code" id="p545code14"><pre class="actionscript" style="font-family:monospace;">dx = <span style="color: #0066CC;">_xmouse</span> - <span style="color: #cc66cc;">440</span>; <span style="color: #808080; font-style: italic;">// horizontale afstand van muis tot midden stage</span>
dy = <span style="color: #0066CC;">_ymouse</span> - <span style="color: #cc66cc;">280</span>;<span style="color: #808080; font-style: italic;">// verticale afstand van muis tot midden stage</span>
radians = <span style="color: #0066CC;">Math</span>.<span style="color: #0066CC;">atan2</span> <span style="color: #66cc66;">&#40;</span>dy, dx<span style="color: #66cc66;">&#41;</span>; <span style="color: #808080; font-style: italic;">//in radialen wordt de hoek vd muis berekend</span>
draaiknop_mc.<span style="color: #0066CC;">_rotation</span> = radians <span style="color: #66cc66;">*</span> <span style="color: #cc66cc;">180</span> <span style="color: #66cc66;">/</span> <span style="color: #0066CC;">Math</span>.<span style="color: #0066CC;">PI</span>; <span style="color: #808080; font-style: italic;">// draaiknop draait rond registratiepunt</span></pre></td></tr></table></div>

]]></content:encoded>
			<wfw:commentRss>http://www.djoko.nl/home/?feed=rss2&amp;p=545</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

