<?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>WEB-NES-BAY &#187; animation</title>
	<atom:link href="http://webnesbay.com/tag/animation/feed/" rel="self" type="application/rss+xml" />
	<link>http://webnesbay.com</link>
	<description>Learn Tips and tricks on Linux, Hacking, linux, PHP, Perl, Web, Hardware</description>
	<lastBuildDate>Sun, 11 Apr 2010 05:12:40 +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>PHP Text Animation Tutorial And Example</title>
		<link>http://webnesbay.com/php-text-animation-tutorial/</link>
		<comments>http://webnesbay.com/php-text-animation-tutorial/#comments</comments>
		<pubDate>Sat, 27 Jun 2009 04:21:36 +0000</pubDate>
		<dc:creator>WEBNESBAY</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[Amazing Things]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[Animation Frames]]></category>
		<category><![CDATA[Animation Projects]]></category>
		<category><![CDATA[Animation Tutorial]]></category>
		<category><![CDATA[Background Color]]></category>
		<category><![CDATA[Black Background]]></category>
		<category><![CDATA[Blank Frame]]></category>
		<category><![CDATA[Example Script]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Imagegif]]></category>
		<category><![CDATA[Key Word]]></category>
		<category><![CDATA[php animation]]></category>
		<category><![CDATA[Php Script]]></category>
		<category><![CDATA[Proper Search]]></category>
		<category><![CDATA[Quality Sites]]></category>
		<category><![CDATA[Relevance]]></category>
		<category><![CDATA[Search Engines]]></category>
		<category><![CDATA[Simple Logic]]></category>
		<category><![CDATA[Temp Folder]]></category>
		<category><![CDATA[text]]></category>
		<category><![CDATA[Text Animation]]></category>
		<category><![CDATA[Trash Directory]]></category>
		<category><![CDATA[Uproar]]></category>

		<guid isPermaLink="false">http://webnesbay.com/?p=145</guid>
		<description><![CDATA[Ok so you want to create animations online&#8230; What&#8217;s stopping you?
Probably a combination of things but I blame Google mainly.
I know, thus is going to cause another uproar from the Google Boosters out there but facts are facts, and they&#8217;ve become damn hard to find since Google&#8217;s algorithyms have almost entirely crippled new web development.
The answers are there but they&#8217;ve been buried below trash directory after trash directory, hobby sites that employ Google approved tactics to gain undue rank, sites [...]


Related posts:<ol><li><a href='http://webnesbay.com/add-text-and-images-to-pdf-using-php/' rel='bookmark' title='Permanent Link: Add text and images to PDF using PHP'>Add text and images to PDF using PHP</a></li>
<li><a href='http://webnesbay.com/generating-pdf-files-with-php-and-fpdf/' rel='bookmark' title='Permanent Link: Generating PDF files with PHP and FPDF'>Generating PDF files with PHP and FPDF</a></li>
<li><a href='http://webnesbay.com/php-cookies-tutorial-a-quick-guide/' rel='bookmark' title='Permanent Link: PHP Cookies tutorial a quick guide'>PHP Cookies tutorial a quick guide</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Ok so you want to create animations online&#8230; What&#8217;s stopping you?</p>
<p>Probably a combination of things but I blame Google mainly.<br />
I know, thus is going to cause another uproar from the Google Boosters out there but facts are facts, and they&#8217;ve become damn hard to find since Google&#8217;s algorithyms have almost entirely crippled new web development.</p>
<p>The answers are there but they&#8217;ve been buried below trash directory after trash directory, hobby sites that employ Google approved tactics to gain undue rank, sites that have no relevance but contain every key word known to man.<br />
No one wants to wade through all that crap to find a bit of useful information and, without traffic, the legitimate sites are suffering.</p>
<p>Most sites are ad supported. In fact, almost the entire internet is ad supported.<br />
Without traffic, without income from ads, quality sites disappear. New information is either never released, or never indexed by proper search engines.<br />
What you see in most cases is content that&#8217;s several years old. Outdated, deprecated, or just plain wrong.</p>
<p>So with all that said, I am now releasing this tutorial and example script to hopefully push web development ahead a little, and to try and bring it back to where I feel it should be.</p>
<p>Feel free to use the examples in this script for your own online animation projects but please do not redistribute or re-publish this tutorial or script.<br />
Without traffic and ad income, this site dies too!</p>
<p>The animation process is actually very simple. The trick is to create the images which will form the animation frames.<br />
It&#8217;s all simple logic though and some amazing things can be done with online animation!</p>
<p>Now let&#8217;s get started&#8230;.</p>
<p><!--DWLayoutTable--></p>
<table style="height: 1512px;" border="1" cellspacing="2" cellpadding="5" width="732" align="center">
<tbody>
<tr>
<td style="text-align: left;" colspan="2" height="50" valign="top">
<p align="center"><script type="text/javascript">// < ![CDATA[
// < ![CDATA[
// < ![CDATA[
google_ad_client = "pub-8529615789342858";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text";
google_ad_channel ="";
google_color_border = "333333";
google_color_bg = "000000";
google_color_link = "FFFFFF";
google_color_url = "999999";
google_color_text = "CCCCCC";
// ]]&gt;</script> <script src="http://smileygenerator.us/pagead/show_ads.js" type="text/javascript">
</script></p>
<p><strong>Create an image, 300 pixels wide by 50 pixels tall and fill it with a black background color. Save it to the temp/ folder </strong></p>
</td>
</tr>
<tr>
<td width="300" height="107" align="center" valign="middle" bgcolor="#cccccc">
<div>Blank Frame, Frame #0</p>
<p><img src="http://www.smileygenerator.us/demos/imagick_ani/temp/351740001246076225-0.gif" alt="" width="300" height="50" /></div>
</td>
<td width="446" valign="top" bgcolor="#000000"><span style="color: #ff0000;"><strong>$frame0 = imagecreate(300, 50);<br />
$fill0 = imagecolorallocate($frame0, 0, 0, 0);<br />
imagefill($frame0, 0, 0, $fill0);<br />
imageGIF($frame0, &#8220;temp/0.gif&#8221;, 100);<br />
imagedestroy($frame0);</strong></span></td>
</tr>
<tr style="text-align: left;">
<td colspan="2" height="50" valign="top"><span style="color: #ff0000;"><strong>Create an image, 300 pixels wide by 50 pixels tall and fill it with a black background color. Add part 1 of the text message and save it to the temp/ folder </strong></span></td>
</tr>
<tr>
<td height="183" align="center" valign="middle" bgcolor="#cccccc">
<div>Frame #1</p>
<p><img src="http://www.smileygenerator.us/demos/imagick_ani/temp/351740001246076225-1.gif" alt="" width="300" height="50" /></div>
</td>
<td align="center" valign="middle" bgcolor="#000000">
<div><span style="color: #ff0000;"><strong>$text1 = &#8220;Animation&#8221;;<br />
$frame1 = imagecreate(300, 50);<br />
$tcol1 = imagecolorallocate($frame1, 255, 0, 0);<br />
$fill1 = imagecolorallocate($frame1, 0, 0, 0);<br />
imagefill($frame1, 0, 0, $fill1);<br />
imagettftext($frame1, 14, 0, 35, 35, $tcol1, $font, $text1);<br />
imageGIF($frame1, &#8220;temp/1.gif&#8221;, 100);<br />
imagedestroy($frame1);</strong></span></div>
</td>
</tr>
<tr>
<td colspan="2" height="50" valign="top"><strong>Create an image, 300 pixels wide by 50 pixels tall and fill it with a black background color. Add parts 1&amp;2 of the text message and save it to the temp/ folder </strong></td>
</tr>
<tr>
<td height="183" align="center" valign="middle" bgcolor="#cccccc">
<div>Frame #2</p>
<p><img src="http://www.smileygenerator.us/demos/imagick_ani/temp/351740001246076225-2.gif" alt="" width="300" height="50" /></div>
</td>
<td align="center" valign="middle" bgcolor="#000000">
<div><span style="color: #ff0000;"><strong>$text2 = &#8220;Animation can&#8221;;<br />
$frame2 = imagecreate(300, 50);<br />
$tcol2 = imagecolorallocate($frame2, 255, 0, 0);<br />
$fill2 = imagecolorallocate($frame2, 0, 0, 0);<br />
imagefill($frame2, 0, 0, $fill2);<br />
imagettftext($frame2, 14, 0, 35, 35, $tcol2, $font, $text2);<br />
imageGIF($frame2, &#8220;temp/2.gif&#8221;, 100);<br />
imagedestroy($frame2);</strong></span></div>
</td>
</tr>
<tr>
<td colspan="2" height="50" valign="top"><strong>Create an image, 300 pixels wide by 50 pixels tall and fill it with a black background color. Add parts 1&amp;2&amp;3 of the text message and save it to the temp/ folder </strong></td>
</tr>
<tr>
<td height="183" align="center" valign="middle" bgcolor="#cccccc">
<div>Frame #3</p>
<p><img src="http://www.smileygenerator.us/demos/imagick_ani/temp/351740001246076225-3.gif" alt="" width="300" height="50" /></div>
</td>
<td align="center" valign="middle" bgcolor="#000000">
<div><span style="color: #ff0000;"><strong>$text3 = &#8220;Animation can be&#8221;;<br />
$frame3 = imagecreate(300, 50);<br />
$tcol3 = imagecolorallocate($frame3, 255, 0, 0);<br />
$fill3 = imagecolorallocate($frame3, 0, 0, 0);<br />
imagefill($frame3, 0, 0, $fill3);<br />
imagettftext($frame3, 14, 0, 35, 35, $tcol3, $font, $text3);<br />
imageGIF($frame3, &#8220;temp/3.gif&#8221;, 100);<br />
imagedestroy($frame3);</strong></span></div>
</td>
</tr>
<tr>
<td colspan="2" height="50" valign="top"><strong>Create an image, 300 pixels wide by 50 pixels tall and fill it with a black background color. Add parts 1&amp;2&amp;3&amp;4 of the text message and save it to the temp/ folder </strong></td>
</tr>
<tr>
<td height="183" align="center" valign="middle" bgcolor="#cccccc">
<div>Frame #4</p>
<p><img src="http://www.smileygenerator.us/demos/imagick_ani/temp/351740001246076225-4.gif" alt="" width="300" height="50" /></div>
</td>
<td align="center" valign="middle" bgcolor="#000000">
<div><span style="color: #ff0000;"><strong>$text4 = &#8220;Animation can be very&#8221;;<br />
$frame4 = imagecreate(300, 50);<br />
$tcol4 = imagecolorallocate($frame4, 255, 0, 0);<br />
$fill4 = imagecolorallocate($frame4, 0, 0, 0);<br />
imagefill($frame4, 0, 0, $fill4);<br />
imagettftext($frame4, 14, 0, 35, 35, $tcol4, $font, $text4);<br />
imageGIF($frame4, &#8220;temp/4.gif&#8221;, 100);<br />
imagedestroy($frame4);</strong></span></div>
</td>
</tr>
<tr>
<td colspan="2" height="50" valign="top"><strong>Create an image, 300 pixels wide by 50 pixels tall and fill it with a black background color. Add parts 1&amp;2&amp;3&amp;4&amp;5 of the text message and save it to the temp/ folder </strong></td>
</tr>
<tr>
<td height="183" align="center" valign="middle" bgcolor="#cccccc">
<div>Frame #5</p>
<p><img src="http://www.smileygenerator.us/demos/imagick_ani/temp/351740001246076225-5.gif" alt="" width="300" height="50" /></div>
</td>
<td align="center" valign="middle" bgcolor="#000000">
<div><span style="color: #ff0000;"><strong>$text5 = &#8220;Animation can be very easy!&#8221;;<br />
$frame5 = imagecreate(300, 50);<br />
$tcol5 = imagecolorallocate($frame5, 255, 0, 0);<br />
$fill5 = imagecolorallocate($frame5, 0, 0, 0);<br />
imagefill($frame5, 0, 0, $fill5);<br />
imagettftext($frame5, 14, 0, 35, 35, $tcol5, $font, $text5);<br />
imageGIF($frame5, &#8220;temp/5.gif&#8221;, 100);<br />
imagedestroy($frame5);</strong></span></div>
</td>
</tr>
<tr>
<td colspan="2" height="69" valign="top"><strong>Call ImageMagick, set previous frame disposal methods, set frame delays, specify images, set looping properties, set output name, execute command, save image to the temp/folder, show any errors in the browser window. </strong></p>
<p align="center"><script type="text/javascript">// < ![CDATA[
// < ![CDATA[
// < ![CDATA[
google_ad_client = "pub-8529615789342858";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text";
google_ad_channel ="";
google_color_border = "333333";
google_color_bg = "000000";
google_color_link = "FFFFFF";
google_color_url = "999999";
google_color_text = "CCCCCC";
// ]]&gt;</script> <script src="http://smileygenerator.us/pagead/show_ads.js" type="text/javascript">
</script></p>
</td>
</tr>
<tr>
<td height="221" align="center" valign="middle" bgcolor="#cccccc">
<div>Finished Animation</div>
<div><img src="http://www.smileygenerator.us/demos/imagick_ani/temp/351740001246076225.gif" alt="" width="300" height="50" /></div>
</td>
<td valign="top"><span style="color: #ff0000;"><strong>$cmd = &#8220;convert -dispose none -delay 100 $path/0.gif -delay 50 $path/1.gif $path/2.gif $path/3.gif $path/4.gif -delay 200 $path/5.gif -loop 0 $path/final.gif&#8221;; </strong></span><span style="color: #ff0000;"><strong> exec(&#8220;$cmd 2&gt;&amp;1&#8243;, $output);</strong></span></p>
<p><span style="color: #ff0000;"><strong> foreach($output as $outputline){</strong></span></p>
<p><span style="color: #ff0000;"><strong> echo(&#8220;$outputline&lt;br&gt;&#8221;);</strong></span></p>
<p><span style="color: #ff0000;"><strong> }</strong></span></td>
</tr>
</tbody>
</table>


<p>Related posts:<ol><li><a href='http://webnesbay.com/add-text-and-images-to-pdf-using-php/' rel='bookmark' title='Permanent Link: Add text and images to PDF using PHP'>Add text and images to PDF using PHP</a></li>
<li><a href='http://webnesbay.com/generating-pdf-files-with-php-and-fpdf/' rel='bookmark' title='Permanent Link: Generating PDF files with PHP and FPDF'>Generating PDF files with PHP and FPDF</a></li>
<li><a href='http://webnesbay.com/php-cookies-tutorial-a-quick-guide/' rel='bookmark' title='Permanent Link: PHP Cookies tutorial a quick guide'>PHP Cookies tutorial a quick guide</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://webnesbay.com/php-text-animation-tutorial/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
