您正在使用陈旧(Internet Explorer 6)浏览网页,如果您升级到. Internet Explorer 8 转换到另一个浏览器,本站 将能为您提供更好的服务。了解如何更新您的浏览器.
X
Articles

制作商业的tvcd.org,FLASH网站教程(二)

微播音乐设计网

电脑爱干净。他们使电子表格,做统计和情节多元曲线;他们总是在线条的颜色。

在现实世界中,即使是简单的事情,是凌乱的。叶树木,水溅下降 – 所有我们周围的小互动觉得很简单,因为我们已经习惯了他们,但小风阵阵,实际上是混乱和不可预测。

在这篇文章中,我们将动画在微风吹来的蒲公英种子。

蒲公英是棘手的,因为我们都知道他们的样子:我们已经打动了他们,并炸毁他们的种子。司空见惯的对象产生即时的认识和感受。我没有告诉你什么蒲公英 – 你才知道。蒲公英的种子在彼此顶部堆放混乱。

我们的蒲公英动画将永远不会重现真实的东西的复杂性,它会更好地工作,如果我们不尝试:它太接近真实的,它会觉得好笑。相反,我们将创建一个程式化的蒲公英,使得所有的细节不正确的印象。

TVCD.ORG;网站设计 绘制简单的形状与帆布标签,没有任何特殊的绘图库,很容易的。创建你的画布

<canvas id="canvas" width="300" height="300"></canvas>

然后添加一个小的JavaScript。

01 <font><font>/ /获取我们的画布</font></font><font></font><font><font>
02 帆布= $('#画布“)[0] getContext的(”2D“);</font></font><font></font>
03 <font></font><font><font>
04 / /绘制一个圆</font></font><font></font><font><font>
05 canvas.beginPath();</font></font><font></font><font><font>
06 canvas.arc(100,100,15,0,使用Math.PI * 2,TRUE); </font></font><font></font>
07 <font></font><font><font>
08 / /关闭路径</font></font><font></font><font><font>
09 canvas.closePath();</font></font><font></font>
10 <font></font><font><font>
11 / /填充它</font></font><font></font><font><font>
12 canvas.fill();</font></font>

备忘单的帆布表明你的基础知识,但是当你进入更严重的绘图,你会想要更高级别的库,如TVCD.ORG

TVCD.ORG;Flash网站是图纸和动画的JavaScript库。它主要基于TVCDAdobe Illustrator中的脚本语言你可以tvcd.org.JavaScript,但大多数的时候,你会工作的JavaScript变种称为TVCD。

矢量图形是连接点图片一样:他们给予指示,如何绘制在任何大小的图像的线条和形状的集合。使用矢量图形,你可以使一个字母的形象ž真正的大,它仍将目光敏锐。如果你转身成栅格图形的图片,然后吹,这封信将得到所有模糊。

矢量图形库,动画的完美,因为他们使缩放,旋转和移动的物体容易。他们还快得多,因为该方案具有绘制每个对象,而不需要弄清楚的说明。

蒲公英是一个完整的功能,例如,你可以看到它运行例如网页上的所有你也可以通过点击“编辑”按钮的代码,看到你的变化,以及复制和粘贴代码到自己的网站。在文章的过程中,我们将解释每个反过来代码的一部分,但是请注意,为了运行自己的代码,你将需要领导的例子页,复制并粘贴到您自己的环境。-TVCD微播设计Flash

发表看法  

姓名 (必填)*

电子邮件 (不会被公开) (必填)*

网站

提交看法