<?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>AS3 : FLEX : AIR  Portalscreen &#187; as3 book</title>
	<atom:link href="http://www.portalscreen.com/tag/as3-book/feed" rel="self" type="application/rss+xml" />
	<link>http://www.portalscreen.com</link>
	<description>Mi Blog personal sobre programación y algo más..</description>
	<lastBuildDate>Thu, 26 Jan 2012 10:11:02 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Primeros pasos en Adobe Flex</title>
		<link>http://www.portalscreen.com/2011-04/primeros-pasos-adobe-flex.html</link>
		<comments>http://www.portalscreen.com/2011-04/primeros-pasos-adobe-flex.html#comments</comments>
		<pubDate>Sun, 03 Apr 2011 02:02:20 +0000</pubDate>
		<dc:creator>Francisco</dc:creator>
				<category><![CDATA[Adobe Flex]]></category>
		<category><![CDATA[eBooks - PDF - PDF]]></category>
		<category><![CDATA[Adobe AIR]]></category>
		<category><![CDATA[adobe flex]]></category>
		<category><![CDATA[as3 book]]></category>
		<category><![CDATA[flash builder]]></category>
		<category><![CDATA[libros]]></category>
		<category><![CDATA[RIA flex]]></category>
		<category><![CDATA[Tutoriales]]></category>

		<guid isPermaLink="false">http://www.portalscreen.com/?p=891</guid>
		<description><![CDATA[Desde hace tiempo vengo pensando en escribir este post, el cual se parezca a lo que yo buscaba en mis inicios en el desarrollo con Adobe Flex. Son muchos los blogs de profesionales en la materia, pero pocos los que recopilan lo necesario para un iniciado. Este post se lo dedico a una persona recién [...]]]></description>
			<content:encoded><![CDATA[<p>Desde hace tiempo vengo pensando en escribir este post, el cual se parezca a lo que yo buscaba en mis inicios en el desarrollo con Adobe Flex.</p>
<p>Son muchos los blogs de profesionales en la materia, pero pocos los que recopilan lo necesario para un iniciado. Este post se lo dedico a una persona recién afiliada al blog, el cual me pidió consejo sobre como empezar en este mundillo.</p>
<p>Dos de las páginas que encuentro más interesantes, en las cuales encontrareis gran cantidad de ejemplos prácticos son:</p>
<ul>
<li><a title="web site Flex in a week" href="http://www.adobe.com/devnet/flex/videotraining.html">Flex in a Week</a> : Sitio web de ejemplos paso a paso a cargo de los desarrolladores de Adobe.</li>
<li><a title="Web site First Steps in Flex" href="http://www.firststepsinflex.com/">First Steps in Flex</a> : Creado por Bruce Eckel y James Ward.</li>
</ul>
<p>Blogs que considero de notable experiencia en el mundo RIA:</p>
<ul>
<li><a title="Blog Made in Flex" href="http://www.madeinflex.com/" >Made in Flex </a></li>
<li><a title="Blog Inside RIA" href="http://oreilly.com/insideria/index.html">Inside RIA</a></li>
</ul>
<p>Referencias bibliográficas de lectura obligatoria:</p>
<ul>
<li><a title="Patrones de diseño en aplicaciones RIA" href="http://www.portalscreen.com/2010-03/actionscript-design-patterns.html" >ActionScript 3 : Design Patterns</a> (Nivel Avanzado)</li>
<li><a title="Ebook Design patterns : Crear - Modificar - Reutilizar" href="http://www.portalscreen.com/2009-12/crear-modificar-reutilizar.html" >Adobe AIR : Crear &#8211; Modificar &#8211; Reutilizar</a> (Muy Aconsejable, nivel Medio)</li>
</ul>
<p>Estoy seguro que estas referencias os servirá a muchos para esas primeras aplicaciones, y una vez más me despido no sin antes invitaros a comentar sobre cualquier tema que os resulte interesante en el entorno RIA.</p>
<div id="crp_related"><h3>Esto te interesa:</h3><ol><li><a href="http://www.portalscreen.com/2009-12/crear-modificar-reutilizar.html" rel="bookmark" class="crp_title">Adobe AIR: crear &#8211; modificar &#8211; reutilizar</a></li><li><a href="http://www.portalscreen.com/2010-03/actionscript-design-patterns.html" rel="bookmark" class="crp_title">Actionscript 3: Design Patterns</a></li><li><a href="http://www.portalscreen.com/2010-04/slideshow-web-design.html" rel="bookmark" class="crp_title">30 Ejemplos geniales de SlideShow en la Web</a></li><li><a href="http://www.portalscreen.com/2010-09/libros-para-emprendedor.html" rel="bookmark" class="crp_title">Un cumpleaños motivador.. referencias de un emprendedor.</a></li><li><a href="http://www.portalscreen.com/2010-03/papervision3d-for-dummies.html" rel="bookmark" class="crp_title">Papervision3D for Dummies : Hola mundo en 3D</a></li></ol></div>]]></content:encoded>
			<wfw:commentRss>http://www.portalscreen.com/2011-04/primeros-pasos-adobe-flex.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Flex 4: Using Effects and Animation</title>
		<link>http://www.portalscreen.com/2010-03/flex-effects-animation.html</link>
		<comments>http://www.portalscreen.com/2010-03/flex-effects-animation.html#comments</comments>
		<pubDate>Mon, 22 Mar 2010 23:55:35 +0000</pubDate>
		<dc:creator>Francisco</dc:creator>
				<category><![CDATA[Adobe Flex]]></category>
		<category><![CDATA[adobe flash]]></category>
		<category><![CDATA[adobe flex]]></category>
		<category><![CDATA[as3 book]]></category>
		<category><![CDATA[ebook]]></category>
		<category><![CDATA[flex 3d]]></category>
		<category><![CDATA[Tutoriales]]></category>

		<guid isPermaLink="false">http://www.portalscreen.com/?p=319</guid>
		<description><![CDATA[Portalscreen comparte con vosotros, desarrolladores Flex, una Conferencia sobre el uso de efectos y animaciones en Adobe Flex 4  impartida por Adobe SDK team en el FlashCamp de San Francisco. En ella se pueden ver puntos como: Manejo de targets arbitrarios y los types Funcionalidad adicional útil Solucionar los problemas existentes ( funcionalidad y la [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Portalscreen comparte con vosotros, desarrolladores Flex, una Conferencia sobre el uso de efectos y animaciones en Adobe Flex 4  impartida por Adobe SDK team en el FlashCamp de San Francisco. En ella se pueden ver puntos como:</p>
<ul>
<li>Manejo de targets arbitrarios y los types</li>
<li>Funcionalidad adicional útil</li>
<li>Solucionar los problemas existentes ( funcionalidad y la API))</li>
<li>Mantener la compatibilidad de los efectos anteriores</li>
</ul>
<p style="width: 100%; text-align: center;"><object id="player" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="500" height="350" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="name" value="player" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="flashvars" value="file=flash/labs/flashcamp/flashcamp_sf2009_haase.flv&amp;streamer=rtmp://flashstream.adobe.com/ondemand/&amp;height=350&amp;width=500&amp;type=rtmp&amp;image=http://wwwimages.adobe.com/labs.adobe.com/cdn/technologies/flash/videos/flashcamp/haase/flashcamp_sf2009_haase.jpg" /><param name="src" value="http://www.portalscreen.com/contenido/player/player.swf" /><embed id="player" type="application/x-shockwave-flash" width="500" height="350" src="http://www.portalscreen.com/contenido/player/player.swf" flashvars="file=flash/labs/flashcamp/flashcamp_sf2009_haase.flv&amp;streamer=rtmp://flashstream.adobe.com/ondemand/&amp;height=350&amp;width=500&amp;type=rtmp&amp;image=http://wwwimages.adobe.com/labs.adobe.com/cdn/technologies/flash/videos/flashcamp/haase/flashcamp_sf2009_haase.jpg" allowscriptaccess="always" allowfullscreen="true" name="player"></embed></object></p>
<p style="font-size: 10px;">fuente: <a href="www.adobe.com" target="_blank">www.adobe.com</a></p>
<p style="text-align: justify; margin-top: 15px;">También se puede ver la explicación a cerca de los eventos TweenEffect de la clase mx.effects y la animación por parte de la clase spark.effects, determinante fusión de ambas. Uno de los puntos mas atractivos que se pueden ver en la ponencia, es el referente al componente Pararel, el cual se muestra con varios ejemplos y los efectos que intervienen en este.</p>
<p style="text-align: justify; margin-top: 15px;">Bajo mi punto de vista es muy buena referencia para aquellos que quieran dar un poco más de juego a las aplicaciones RIA basadas en Flex.</p>
<p>Que disfruten de la conferencia, y espero vuestras opiniones al finalizar la conferencia.</p>
<p>Reciban un saludo.</p>
<p><span id="more-319"></span></p>
<p> </p>
<div id="crp_related"><h3>Esto te interesa:</h3><ol><li><a href="http://www.portalscreen.com/2010-04/flash-iphone-app.html" rel="bookmark" class="crp_title">Adobe AIR para iPhone y Android OS : Flash Pro CS5</a></li><li><a href="http://www.portalscreen.com/2011-11/effects-flex-spark-animations.html" rel="bookmark" class="crp_title">Effects on Flex, usando animaciones con Spark</a></li><li><a href="http://www.portalscreen.com/2010-08/adobe-air-on-android.html" rel="bookmark" class="crp_title">Adobe AIR 2.5 llega al sistema Android 2.2 a finales de 2010</a></li><li><a href="http://www.portalscreen.com/2010-09/apple-acepta-a-adobe.html" rel="bookmark" class="crp_title">Apple levanta el castigo a Adobe</a></li><li><a href="http://www.portalscreen.com/2010-06/gallery-papervision3d.html" rel="bookmark" class="crp_title">Images gallery with papervision3d</a></li></ol></div>]]></content:encoded>
			<wfw:commentRss>http://www.portalscreen.com/2010-03/flex-effects-animation.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Actionscript 3: Design Patterns</title>
		<link>http://www.portalscreen.com/2010-03/actionscript-design-patterns.html</link>
		<comments>http://www.portalscreen.com/2010-03/actionscript-design-patterns.html#comments</comments>
		<pubDate>Fri, 05 Mar 2010 19:22:12 +0000</pubDate>
		<dc:creator>Francisco</dc:creator>
				<category><![CDATA[eBooks - PDF - PDF]]></category>
		<category><![CDATA[adobe flex]]></category>
		<category><![CDATA[as3 book]]></category>
		<category><![CDATA[ebook]]></category>
		<category><![CDATA[RIA flex]]></category>
		<category><![CDATA[Tutoriales]]></category>

		<guid isPermaLink="false">http://www.portalscreen.com/?p=231</guid>
		<description><![CDATA[Con el aumento constante de sitios Web dinámicos, es necesario que el código utilizado sea muy versátil. ActionScript es un lenguaje de programación cada vez más sofisticado y con muchas posibilidades. La versión 3 mejora el rendimiento y ofrece nuevas inclusiones como el uso de expresiones regulares y nuevas formas de empaquetar las clases. Y [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Con el aumento constante de sitios Web dinámicos, es necesario que el código utilizado sea muy versátil. ActionScript es un lenguaje de programación cada vez más sofisticado y con muchas posibilidades. La versión 3 mejora el rendimiento y ofrece nuevas inclusiones como el uso de expresiones regulares y nuevas formas de empaquetar las clases. Y si usamos los patrones de diseño, la optimización del código será mucho más efectiva, ya que podremos reutilizarlos según nos convenga.</p>
<p style="text-align: justify;">Con este libro aprenderá a aplicar patrones de diseño para solucionar problemas, optimizar código y aumentar la productividad. Encontrará pequeñas aplicaciones de ejemplo ilustrando cada patrón de diseño para comprender a la perfección cómo funcionan. Verá cómo programar proyectos de éxito de principio a fin y se convertirá en un auténtico experto en ActionScript.</p>
<div style="height: 180px; padding-top: 12px;"><img class="alignleft size-full wp-image-232" title="ActionScript 3 Patrones de diseno" src="http://www.portalscreen.com/contenido/archivos/2010/03/ActionScript-3-Patrones-de-diseno-10886.jpg" alt="Patrones de diseño en actionscript 3" width="167" height="167" /></p>
<p style="text-align: justify;"><strong>Editorial</strong>: ANAYA MULTIMEDIA.</p>
<p style="text-align: justify;"><strong>Colección</strong>: PROGRAMACIÓN.</p>
<p style="text-align: justify;"><strong>Autor / Autores</strong>: Lott, Joey; Patterson, Danny.</p>
<p style="text-align: justify;"><strong>Número de páginas</strong>: 352</p>
<p style="text-align: justify;"><strong>Encuadernación</strong>: Rústica Hilo</p>
<p style="text-align: justify;"><strong>Formato</strong>: 17,50 x 22,50.</p>
</div>
<p style="text-align: justify;">Bajo mi punto de vista, es una referencia bastante importante en el mundo del desarrollo de aplicaciones Ria. Principalmente se basa en la estructuración de código y en la unificación de lenguaje entre programadores basandonos en un patrón aplicado. Lo recomiendo para todo tipo de perfil de programador, muy útil.</p>
<p><span id="more-231"></span></p>
<p><!--adsense#3dmax--></p>
<div id="crp_related"><h3>Esto te interesa:</h3><ol><li><a href="http://www.portalscreen.com/2010-04/jquery-tools-html.html" rel="bookmark" class="crp_title">jQuery Tools : la herramienta para todos</a></li><li><a href="http://www.portalscreen.com/2011-04/primeros-pasos-adobe-flex.html" rel="bookmark" class="crp_title">Primeros pasos en Adobe Flex</a></li><li><a href="http://www.portalscreen.com/2011-01/cms-php-jquery.html" rel="bookmark" class="crp_title">CMS Design Using PHP and jQuery</a></li><li><a href="http://www.portalscreen.com/2010-09/razones-para-elegir-flex.html" rel="bookmark" class="crp_title">Razones para usar Adobe Flex frente a otros como silverlight, jquery..</a></li><li><a href="http://www.portalscreen.com/2010-06/aplicaciones-iphone-ipad.html" rel="bookmark" class="crp_title">Programación orientada a iPhone e iPad</a></li></ol></div>]]></content:encoded>
			<wfw:commentRss>http://www.portalscreen.com/2010-03/actionscript-design-patterns.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Clase SharedObject : conociendo las cookies de Flex</title>
		<link>http://www.portalscreen.com/2010-01/sharedobject-flex-as3.html</link>
		<comments>http://www.portalscreen.com/2010-01/sharedobject-flex-as3.html#comments</comments>
		<pubDate>Thu, 21 Jan 2010 22:04:26 +0000</pubDate>
		<dc:creator>Francisco</dc:creator>
				<category><![CDATA[Adobe Flex]]></category>
		<category><![CDATA[adobe flex]]></category>
		<category><![CDATA[as3 book]]></category>
		<category><![CDATA[class as3]]></category>
		<category><![CDATA[RIA flex]]></category>

		<guid isPermaLink="false">http://www.portalscreen.com/?p=180</guid>
		<description><![CDATA[Hola a todos, dejen que les exponga una de las clases que suelen dar mucho mucho juego en nuestras aplicaciones Flex &#38; Air. Para este caso, me he dirijido a la documentación que adobe nos proporciona a todos. Se trata de la clase SharedObject y la importancia de usarla en las aplicaciones RIA. Pues bien, [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><!--:es-->Hola a todos, dejen que les exponga una de las clases que suelen dar mucho mucho juego en nuestras aplicaciones Flex &amp; Air. Para este caso, me he dirijido a la documentación que adobe nos proporciona a todos. Se trata de la clase SharedObject y la importancia de usarla en las aplicaciones RIA.</p>
<p><br/><br />
<!--adsense#graphics_superior--></p>
<p style="text-align: justify;">Pues bien, la clase SharedObject se emplea para leer y almacenar cantidades limitadas de datos en el equipo de un usuario. Los objetos compartidos permiten que se compartan datos en tiempo real entre objetos persistentes en el equipo del usuario. Los objetos compartidos locales son similares a las cookies del navegador.
</p>
<p><br/><br />
A continuación se muestran tres usos posibles de los objetos compartidos:</p>
<p style="text-align: justify;">* Un juego que almacena la puntuación máxima de un usuario. El juego puede proporcionar datos personalizados a los usuarios, como el nombre de usuario y la máxima puntuación, sin dedicar espacio de almacenamiento del servidor.
</p>
<p><br/></p>
<p style="text-align: justify;">* Una aplicación de listín telefónico que funcione en línea y sin conexión. El listín, como una aplicación de proyector, contendría una caché de datos locales con una lista de nombres y números de teléfono introducidos por el usuario. Cuando hubiera una conexión a Internet disponible, la aplicación recuperaría información actualizada de un servidor. En caso contrario, la aplicación utilizaría los últimos datos guardados en objetos compartidos.
</p>
<p><br/></p>
<p style="text-align: justify;">* Preferencias de usuario o datos de control para un sitio Web complejo, como un registro de los artículos que ha leído un usuario en un sitio de noticias. El registro de esta información le permitiría mostrar de forma distinta los artículos que ya ha leído y los que no ha leído. Si se almacena esta información en el equipo del usuario, se reduce la carga del servidor.
</p>
<p><br/></p>
<p style="text-align: justify;">Los objetos compartidos locales mantienen la persistencia local. Por ejemplo, puede llamar a SharedObject.getLocal() para crear un objeto compartido que contenga la máxima puntuación obtenida en un juego. Dado que el objeto compartido es persistente localmente, Flash guarda sus atributos de datos en el equipo del usuario cuando se cierra el juego. La próxima vez que se abra el juego, aparecerá la máxima puntuación de la sesión anterior. También se pueden definir las propiedades del objeto compartido como null antes de cerrar el juego. De esta forma, la próxima vez que se ejecute el archivo SWF, el juego se abrirá sin mostrar la puntuación anterior.
</p>
<p><br/><br />
Para crear un objeto local compartido, utilice la siguiente sintaxis:<br/></p>
<p><strong>var so:SharedObject = SharedObject.getLocal(&#8220;userHighScore&#8221;);<br />
so.data.highScore = new Number();<br />
so.flush();</strong><br />
<br/><br/></p>
<p style="text-align: justify;">En este ejemplo, el objeto compartido está alineado o copiado en el disco de forma explícita. Cuando se cierra una aplicación, los objetos compartidos se alinean automáticamente; sin embargo, aquí se muestran para demostrar el paso de escribir los datos en un disco.
</p>
<p><br/></p>
<p style="text-align: justify;">Consideraciones relativas al espacio del disco local: Los objetos compartidos locales pueden ser muy útiles, pero presentan algunas limitaciones que debe considerar al diseñar su aplicación. En ocasiones es posible que los archivos SWF no puedan escribir objetos compartidos locales y algunas veces los datos almacenados en objetos compartidos locales deben eliminarse sin que el usuario lo advierta. Los usuarios de Flash Player pueden gestionar el espacio de disco disponible para dominios individuales o para todos los dominios. Si los usuarios reducen el espacio en disco disponible, es posible que se eliminen algunos objetos compartidos locales. Los usuarios de Flash Player tienen también controles de confidencialidad para impedir a dominios de terceros (distintos de los de la barra de direcciones del navegador) que lean o escriban objetos compartidos locales.<br />
<br/><span id="more-180"></span><br />
<!--adsense#adobelarge--></p>
<div id="crp_related"><h3>Esto te interesa:</h3><ol><li><a href="http://www.portalscreen.com/2010-06/aplicaciones-iphone-ipad.html" rel="bookmark" class="crp_title">Programación orientada a iPhone e iPad</a></li><li><a href="http://www.portalscreen.com/2009-12/papervision-as3.html" rel="bookmark" class="crp_title">Papervision3D : primeros pasos</a></li><li><a href="http://www.portalscreen.com/2010-07/jquery-flex-saas.html" rel="bookmark" class="crp_title">JQuery Vs Flex &#8211; Proyectos SAAS</a></li><li><a href="http://www.portalscreen.com/2010-04/seo-flex-flash.html" rel="bookmark" class="crp_title">Indexando una Web en Adobe Flex/Flash</a></li><li><a href="http://www.portalscreen.com/2010-10/framework-flex-mate-cairngorm.html" rel="bookmark" class="crp_title">Mate vs Cairngorm (Frameworks Flex)</a></li></ol></div>]]></content:encoded>
			<wfw:commentRss>http://www.portalscreen.com/2010-01/sharedobject-flex-as3.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adobe AIR: crear &#8211; modificar &#8211; reutilizar</title>
		<link>http://www.portalscreen.com/2009-12/crear-modificar-reutilizar.html</link>
		<comments>http://www.portalscreen.com/2009-12/crear-modificar-reutilizar.html#comments</comments>
		<pubDate>Thu, 24 Dec 2009 15:30:50 +0000</pubDate>
		<dc:creator>Francisco</dc:creator>
				<category><![CDATA[eBooks - PDF - PDF]]></category>
		<category><![CDATA[as3 book]]></category>
		<category><![CDATA[ebook]]></category>
		<category><![CDATA[Tutoriales]]></category>

		<guid isPermaLink="false">http://www.portalscreen.com/?p=109</guid>
		<description><![CDATA[Hola a todos, en víspera de la noche buena os hago llegar un título el cual me ha ayudado a abrirme paso en aplicaciones basasdas en AIR. Se trata de &#8220;Adobe AIR : crear-modificar-reutilizar&#8221;, título que Anaya Multimedia pone a nuestro servicio por el módico precio de unos 42 euros. En él podreis encontrar jugosos [...]]]></description>
			<content:encoded><![CDATA[<p>Hola a todos, en víspera de la noche buena os hago llegar un título el cual me ha ayudado a abrirme paso en aplicaciones basasdas en AIR.</p>
<p>Se trata de &#8220;Adobe AIR : crear-modificar-reutilizar&#8221;, título que Anaya Multimedia pone a nuestro servicio por el módico precio de unos 42 euros. En él podreis encontrar jugosos ejemplos que seguro os servirán como base o apoyo para desarrollar aquellas ideas sobre aplicaciones que se os ocurran. Desde un simple lector RSS, hasta un complejo manejador de mapas o reproductores multimedia y video. Personalmente recomiendo el libro, pues nunca se sabe si en él podemos encontrar aquél método que nos solucione la papeleta en alguna complegidad de nuestra aplicación, o simplemente ignoramos algunas funciones bastante útiles, y las cuales pueden dar un toque profesional a nuestra obra.<br />
<span id="more-109"></span><br />
Os facilito una imagen para que tengais de referencia y una url para aquellos que useis ebook! o simplemente no contais con medios económicos.</p>
<p><img class="alignleft" title="adobe air crear modificar reutilizar" src="http://www.portalscreen.com/contenido/archivos/2009/12/adobeair.jpg" alt="adobe air crear modificar reutilizar" width="93" height="141" /><span><strong>Adobe AIR Create &#8211; Modify &#8211; Reuse<br />
Wrox | Mark Leuchner, Todd Anderson, Matt Wright | Apr2008 | 483 pages | PDF | 5.30MB</strong></span></p>
<p><strong>Descarga</strong><br />
www.mediafire.com/?4bzbkvfidgk</p>
<p><br clear="all"/><br />
<!--adsense#adobelarge--></p>
<div id="crp_related"><h3>Esto te interesa:</h3><ol><li><a href="http://www.portalscreen.com/2011-04/primeros-pasos-adobe-flex.html" rel="bookmark" class="crp_title">Primeros pasos en Adobe Flex</a></li><li><a href="http://www.portalscreen.com/2010-01/papervision-essentials-ebook.html" rel="bookmark" class="crp_title">Papervision 3D : Essentials (eBook)</a></li><li><a href="http://www.portalscreen.com/2010-01/parse-rss-air.html" rel="bookmark" class="crp_title">Lectura de Feed RSS en AIR</a></li><li><a href="http://www.portalscreen.com/2009-12/parse-xml-e4x.html" rel="bookmark" class="crp_title">Flex &#8211; XML &#8211; E4x</a></li><li><a href="http://www.portalscreen.com/2010-06/aplicaciones-iphone-ipad.html" rel="bookmark" class="crp_title">Programación orientada a iPhone e iPad</a></li></ol></div>]]></content:encoded>
			<wfw:commentRss>http://www.portalscreen.com/2009-12/crear-modificar-reutilizar.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Papervision3D : primeros pasos</title>
		<link>http://www.portalscreen.com/2009-12/papervision-as3.html</link>
		<comments>http://www.portalscreen.com/2009-12/papervision-as3.html#comments</comments>
		<pubDate>Wed, 23 Dec 2009 00:18:26 +0000</pubDate>
		<dc:creator>Francisco</dc:creator>
				<category><![CDATA[Flex 3D]]></category>
		<category><![CDATA[as3 book]]></category>
		<category><![CDATA[papervision3d]]></category>

		<guid isPermaLink="false">http://www.portalscreen.com/?p=89</guid>
		<description><![CDATA[Buenas a todos nuevamente, en este segundo post os quiero hacer llegar la actualidad del 3D en contenidos Web. Se trata de las clases Papervision y la posibilidad de dar un giro al estilo que ahora adoptan o dentro de muy poco adoptarán los entornos web. Hay que destacar, que aún no es posible sacar [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Buenas a todos nuevamente, en este segundo post os quiero hacer llegar la actualidad del 3D en contenidos Web. Se trata de las clases Papervision y la posibilidad de dar un giro al estilo que ahora adoptan o dentro de muy poco adoptarán los entornos web. Hay que destacar, que aún no es posible sacar todo el jugo de posibilidades en cuanto a posicionar nuestra web se refiere, sin embargo si podemos utilizar este entorno como un añadido vistoso a nuestros contenidos, por ejemplos nuestro portfolio, galerías coverflow, etc.</p>
<p style="text-align: justify;"><span id="more-89"></span></p>
<p style="text-align: justify;">En esta primera toma de contacto con las clases Papervision en Action Script 3, os ilustraré un ejemplo sobre una escena 3D básica. Dicho todo esto, aquí tenéis el código que posteriormente comentaremos paso a paso:</p>
<p style="text-align: justify;">

<div class="wp_syntax"><div class="code"><pre class="java" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">package</span>
<span style="color: #009900;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">import</span> <span style="color: #006699;">flash.display.Sprite</span><span style="color: #339933;">;</span>
	<span style="color: #000000; font-weight: bold;">import</span> <span style="color: #006699;">flash.events.Event</span><span style="color: #339933;">;</span>
&nbsp;
	<span style="color: #000000; font-weight: bold;">import</span> <span style="color: #006699;">org.papervision3d.cameras.Camera3D</span><span style="color: #339933;">;</span>
	<span style="color: #000000; font-weight: bold;">import</span> <span style="color: #006699;">org.papervision3d.materials.WireframeMaterial</span><span style="color: #339933;">;</span>
	<span style="color: #000000; font-weight: bold;">import</span> <span style="color: #006699;">org.papervision3d.objects.primitives.Plane</span><span style="color: #339933;">;</span>
	<span style="color: #000000; font-weight: bold;">import</span> <span style="color: #006699;">org.papervision3d.scenes.Scene3D</span><span style="color: #339933;">;</span>
	<span style="color: #000000; font-weight: bold;">import</span> <span style="color: #006699;">org.papervision3d.view.BasicView</span><span style="color: #339933;">;</span>
&nbsp;
	<span style="color: #009900;">&#91;</span>SWF<span style="color: #009900;">&#40;</span>frameRate<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;31&quot;</span>, width<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;500&quot;</span>, height<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;350&quot;</span>, backgroundColor<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;0xffffff&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#93;</span>
&nbsp;
	<span style="color: #000000; font-weight: bold;">public</span> <span style="color: #000000; font-weight: bold;">class</span> BasicViewSample <span style="color: #000000; font-weight: bold;">extends</span> Sprite
	<span style="color: #009900;">&#123;</span>
        <span style="color: #000000; font-weight: bold;">private</span> var bView<span style="color: #339933;">:</span>BasicView<span style="color: #339933;">;</span>
&nbsp;
		<span style="color: #000000; font-weight: bold;">public</span> function BasicViewSample<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>
		<span style="color: #009900;">&#123;</span>
			Init3D<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span>
&nbsp;
		<span style="color: #000000; font-weight: bold;">private</span> function Init3D<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">:</span><span style="color: #000066; font-weight: bold;">void</span>
		<span style="color: #009900;">&#123;</span>
			<span style="color: #666666; font-style: italic;">// Creamos el BasicView que contiene viewport, camera, renderer, etc</span>
			bView <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> BasicView<span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">500</span>, <span style="color: #cc66cc;">350</span>, <span style="color: #000066; font-weight: bold;">false</span>, <span style="color: #000066; font-weight: bold;">false</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
			<span style="color: #666666; font-style: italic;">// añadimos la vista al displayList</span>
			addChild<span style="color: #009900;">&#40;</span>bView<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
			<span style="color: #666666; font-style: italic;">// Configuramos la cámara:</span>
			bView.<span style="color: #006633;">camera</span>.<span style="color: #006633;">focus</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">25</span><span style="color: #339933;">;</span>
            bView.<span style="color: #006633;">camera</span>.<span style="color: #006633;">zoom</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">10</span><span style="color: #339933;">;</span>
            bView.<span style="color: #006633;">camera</span>.<span style="color: #006633;">z</span> <span style="color: #339933;">=</span> <span style="color: #339933;">-</span><span style="color: #cc66cc;">500</span><span style="color: #339933;">;</span>
            bView.<span style="color: #006633;">camera</span>.<span style="color: #006633;">y</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">300</span><span style="color: #339933;">;</span>
            bView.<span style="color: #006633;">camera</span>.<span style="color: #006633;">x</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span>
&nbsp;
			CreateObjects<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			addEventListener<span style="color: #009900;">&#40;</span><span style="color: #003399;">Event</span>.<span style="color: #006633;">ENTER_FRAME</span>, Loop3D<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span>
&nbsp;
		<span style="color: #000000; font-weight: bold;">private</span> function CreateObjects<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">:</span><span style="color: #000066; font-weight: bold;">void</span>
		<span style="color: #009900;">&#123;</span>
			var mat<span style="color: #339933;">:</span>WireframeMaterial <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> WireframeMaterial<span style="color: #339933;">;</span>
			mat.<span style="color: #006633;">doubleSided</span> <span style="color: #339933;">=</span> <span style="color: #000066; font-weight: bold;">true</span><span style="color: #339933;">;</span>
&nbsp;
			var plane<span style="color: #339933;">:</span>Plane <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> Plane<span style="color: #009900;">&#40;</span>mat, <span style="color: #cc66cc;">500</span>, <span style="color: #cc66cc;">500</span>, <span style="color: #cc66cc;">8</span>, <span style="color: #cc66cc;">8</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			plane.<span style="color: #006633;">rotationX</span> <span style="color: #339933;">=</span> <span style="color: #339933;">-</span><span style="color: #cc66cc;">90</span><span style="color: #339933;">;</span>
&nbsp;
			<span style="color: #666666; font-style: italic;">// lo añadimos a la escena del BasicView.</span>
			bView.<span style="color: #006633;">scene</span>.<span style="color: #006633;">addChild</span><span style="color: #009900;">&#40;</span>plane<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
			<span style="color: #666666; font-style: italic;">//camera.target = plane;</span>
		<span style="color: #009900;">&#125;</span>
&nbsp;
		<span style="color: #000000; font-weight: bold;">private</span> function Loop3D<span style="color: #009900;">&#40;</span>e<span style="color: #339933;">:</span><span style="color: #003399;">Event</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">:</span><span style="color: #000066; font-weight: bold;">void</span>
		<span style="color: #009900;">&#123;</span>
			var radio<span style="color: #339933;">:</span>uint <span style="color: #339933;">=</span> <span style="color: #cc66cc;">500</span><span style="color: #339933;">;</span>
			var angulo<span style="color: #339933;">:</span><span style="color: #003399;">Number</span> <span style="color: #339933;">=</span> mouseX <span style="color: #339933;">+</span> <span style="color: #009900;">&#40;</span>stage.<span style="color: #006633;">stageWidth</span> <span style="color: #339933;">/</span> <span style="color: #cc66cc;">2</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
			Camera3D<span style="color: #009900;">&#40;</span>bView.<span style="color: #006633;">camera</span><span style="color: #009900;">&#41;</span>.<span style="color: #006633;">x</span> <span style="color: #339933;">=</span> radio <span style="color: #339933;">*</span> <span style="color: #003399;">Math</span>.<span style="color: #006633;">cos</span><span style="color: #009900;">&#40;</span>angulo <span style="color: #339933;">/</span> <span style="color: #cc66cc;">100</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			Camera3D<span style="color: #009900;">&#40;</span>bView.<span style="color: #006633;">camera</span><span style="color: #009900;">&#41;</span>.<span style="color: #006633;">z</span> <span style="color: #339933;">=</span> radio <span style="color: #339933;">*</span> <span style="color: #003399;">Math</span>.<span style="color: #006633;">sin</span><span style="color: #009900;">&#40;</span>angulo <span style="color: #339933;">/</span> <span style="color: #cc66cc;">100</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			Camera3D<span style="color: #009900;">&#40;</span>bView.<span style="color: #006633;">camera</span><span style="color: #009900;">&#41;</span>.<span style="color: #006633;">y</span> <span style="color: #339933;">=</span> <span style="color: #339933;">-</span> mouseY <span style="color: #339933;">+</span> <span style="color: #009900;">&#40;</span>stage.<span style="color: #006633;">stageHeight</span> <span style="color: #339933;">/</span> <span style="color: #cc66cc;">2</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> <span style="color: #cc66cc;">100</span><span style="color: #339933;">;</span>
&nbsp;
			<span style="color: #666666; font-style: italic;">// llamamos al método de renderizado del BasicView:</span>
			bView.<span style="color: #006633;">singleRender</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p style="text-align: justify;">Como detalle importante, hay que destacar que lo más importante a tener en cuenta es el añadir a la aplicación en sí la escena en la que se basa nuestro escenario 3D, en este caso será BasicView.</p>
<p style="text-align: justify;">La clase BasicView nos proporciona esencialmente todos los objetos necesarios para sacar un render (escena 3D), ya sea, camara, scene entre otros.</p>
<p style="text-align: justify;">
<p style="text-align: justify;">Una vez añadido el objeto heredado de BasicView al stage, lo siguiente es configurar varias características de la camara  3D, tal y como muestra el ejemplo. A parte de dotar a la cámara de una posición en la escena o de adaptarle un zoom específico, también podemos dotarla de una rotación de sus ejes X, Y o Z, entre otros muchos métodos disponibles.</p>
<p style="text-align: justify;">
<p style="text-align: justify;">Centrándonos un poco en la implementación de objetos en la escena, en el ejemplo hemos utilizado un objeto que probablemente será uno de los más comunes, el Plano, mejor dicho clase Plane. Aparte de incluir el objeto, también hemos querido aplicarle un material muy simple, se trata del material WireframeMaterial, que simple mente nos muestra el objeto Plano y los polígonos que lo forman.</p>
<p style="text-align: justify;">
<p style="text-align: justify;">Por último dejad que os comente la función que hace posible este magnífico entorno 3D. Para el ejemplo hemos utilizado el método Enter_Frame de la clase Events. Lo único que hace realmente es llamar a la función Loop3D en cada momento, y ésta es la encargada de montar el escenario en cada momento, rotando los objetos añadidos a la escena a nuestro antojo. Por otro lado y como apoyo para los impetuosos, os recomiendo que echeis un vistazo al método onRenderTick de la clase BasicView, realiza el mismo efecto que Enter_Frame pero es propio de BasicView.</p>
<p style="text-align: justify;">
<p style="text-align: justify;">Dicho todo esto, solo me queda animaros a crear nuevos entornos web basados en este entorno y no menos desearos una feliz navidad y un prospero año nuevo.</p>
<p></br><br />
<!--adsense#3dmax--><br />
</br></p>
<div id="crp_related"><h3>Esto te interesa:</h3><ol><li><a href="http://www.portalscreen.com/2010-05/rotate-x-axis-object-sprite-flash-as3-fp10.html" rel="bookmark" class="crp_title">Rotate x-axis Object Sprite : Flash as3 fp10</a></li><li><a href="http://www.portalscreen.com/2010-01/parse-rss-air.html" rel="bookmark" class="crp_title">Lectura de Feed RSS en AIR</a></li><li><a href="http://www.portalscreen.com/2010-03/papervision3d-for-dummies.html" rel="bookmark" class="crp_title">Papervision3D for Dummies : Hola mundo en 3D</a></li><li><a href="http://www.portalscreen.com/2010-06/sorting-datagrid-adobe-air.html" rel="bookmark" class="crp_title">Sorting DataGrid Control by date in Adobe Air</a></li><li><a href="http://www.portalscreen.com/2010-01/papervision-essentials-ebook.html" rel="bookmark" class="crp_title">Papervision 3D : Essentials (eBook)</a></li></ol></div>]]></content:encoded>
			<wfw:commentRss>http://www.portalscreen.com/2009-12/papervision-as3.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

