2012年5月24日

手把手教你入门EaselJS做HTML5动画[转载]

摘要： 今天借由EaselJS这个脚本库，写一个简单的动画给大家当做为示范。DEMO演示链接这个demo的最终效果是游戏割绳子(Cut the Rope)中的小青蛙的动画表情。首先简单介绍一下EaselJS这个脚本库，它是我最近发现的一个用来绘制Canvas动画的脚本库，比起Canvas的底层API，这个脚本库的接口设计更简单易用，所以做起动画来就易如反掌了。这里有详细的信息和文档素材我们今天要完成的动画是通过Canvas技术，一帧一帧绘制出来的，那么首先需要每一帧动画的素材。我们从http://cuttherope.ie/找到了一些素材，并把每一帧动画都切割成100*100像素的图像。这里我们选择了 阅读全文

posted @ 2012-05-24 08:18 djy_fn 阅读(6060) 评论(3) 推荐(0)

2012年5月23日

无意中发现免费的html5模版

摘要： 这个地址需要登录后才可以进入http://www.wix.com/upgrade/info-my-account这里列出里面的几个例子，如果看不了建议登录后查看http://www.wix.com/create/website/html/all/web/1http://www.wix.com/html-templates/html/web/the-bakery_orlyhttp://www.wix.com/html-templates/html/web/model-agency可以编辑然后发布我的例子http://www.wix.com/djy252/demo 阅读全文

posted @ 2012-05-23 14:46 djy_fn 阅读(278) 评论(0) 推荐(0)

2012年5月18日

html5-Canvas画飞机

摘要： 本人初学者，对照例子学习HTML5，高手请跳过。 画飞机最痛苦的事情就是坐标，我是从网上找的demo，比对着代码画的飞机（静态的）。 深深佩服画飞机人的能力，坐标很难找的。不好控制，不知道大家有什么好的工具化可以查看坐标位置，麻烦告诉我下，在这里先谢谢了。 敲打了以下代码加上百度，有些进步，一天进步一点！View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd 阅读全文

posted @ 2012-05-18 17:43 djy_fn 阅读(1057) 评论(0) 推荐(0)

html5学习-简单的Ball

摘要： 本事是html5初学者，刚刚开始学习html5，请朋友们多多指教最好的开发工具是文档编辑器 editplus 和 www.w3school.com.cn本文中的例子来源于网络非本人所写，代码加上一些注释，方便向我这样的初学者快速学习。最好的方法是照着demo敲打一边，碰到不懂的地方百度，查资料。本文中例子是canvas 绘画简单的圆形在一个矩形内运动<!DOCTYPE html ><html><head> <style> body { margin: 0; position: absolute; ... 阅读全文

posted @ 2012-05-18 09:49 djy_fn 阅读(299) 评论(0) 推荐(0)

导航