• html5 贪吃蛇canvas小游戏

    贪吃蛇是一个经典的小游戏,虽然我当年是个游戏小白,但是好歹当年玩这种不需要脑力的小游戏,还是手到擒来的。 贪吃蛇的算法不算复杂,主要讲蛇身的每一个片段分解存储在数组里,然后每一次移动时,a[n-1] = a[n],即将每一个前元素的值,赋给下一个元素。最后重新设置第一个元素a[0]的位置和方向。   [javascript] // r表示蛇,co表示蛇前进的方向,默认向下, e表...
    作者:孤风一剑/2014年2月10日/分类:网页设计/阅读:893次/标签:, , , /评论关闭
  • Android Canvas drawText实现中文垂直居中

    目标: 把中文字符绘制到目标矩形的居中位置。 问题: Android的Canvas绘图,drawText里的origin是以baseline为基准的,直接以目标矩形的bottom传进drawText,字符位置会偏下。这样写代码:   [java] @Override public void onDraw (Canvas canvas) {     Rect targetRect = new Rect(50, 50, 1000, 200);     Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);     ...
    作者:孤风一剑/2014年1月30日/分类:移动开发/阅读:1,982次/标签:, , /评论关闭
  • 用canvas实现图片滤镜效果详解之灰度效果

    前面展示了一些canvas实现图片滤镜效果的展示,并且给出了相应的算法,下面来介绍一下具体的实现方法。 前面介绍的特效中灰度效果最简单,就从这里开始介绍吧。 1.获取图像数据 img.src = ’http://bloglaotou.duapp.com/wp-content/themes/frontopen2/tools/filter/image2.jpg’; canvas.width  = img.width; canvas.height = img.height; var context = canvas.getContex...
    作者:孤风一剑/2013年11月04日/分类:网页设计/阅读:1,118次/标签:, , , , /评论关闭
  • HTML5 Canvas 初探

    仅仅只是一个简单的hello world.   js代码很简单:   [javascript][/javascript] view plaincopy <!DOCTYPE HTML> <html lang="cn">  <head>   <title> canvas1 </title>   <meta charset="UTF-8"> [javascript][/javascript] view plaincopy   //@author 杨虹昌   <script type="text/javascript">   //...
    作者:孤风一剑/2013年10月28日/分类:网页设计/阅读:915次/标签:, /评论关闭
  • HTML5 Canva遇到的几个问题

    最近在一个项目中尝试通过Hybrid的方式开发客户端程序,来尽量降低由于程序业务逻辑或者显示界面的改变而来的升级困扰。Hybrid的方式就是本地代码和HTML5应用相结合的方式,其中本地代码负责和底层的硬件打交道,通过WebView提供的接口将硬件数据传递给运行其中HTML页面。这种方式很适合既要和硬件打交道,客户端业务逻辑页面也不是太复杂的应用。当然这篇文章不是讲Hybrid...
    作者:孤风一剑/2013年9月17日/分类:网页设计/阅读:1,283次/标签:, , , , /评论关闭
  • HTML5 Canvas动画效果演示

    HTML5 Canvas动画效果演示 主要思想: 首先要准备一张有连续帧的图片,然后利用HTML5 Canvas的draw方法在不同的时间 间隔绘制不同的帧,这样看起来就像动画在播放。 关键技术点: JavaScript 函数setTimeout()有两个参数,第一个是参数可以传递一个JavaScript方法, 另外一个参数代表间隔时间,单位为毫秒数。代码示例: setTimeout( update, 1000/30); Canvas的API-drawIma...
    作者:孤风一剑/2013年7月11日/分类:网页设计/阅读:1,787次/标签:, , /评论关闭
  • html5 canvas 文字居中对齐

    [color=eight:25px]html部门 [color=eight:25px]<canvas id="myCanvas"></canvas> [color=eight:25px]css部门 [color=eight:25px]canvas{width:1000px;height:700px;} [color=eight:25px]js部门 初初的根本格局: [color=eight:25px]window.onload=function(){var canvas=document.getElementById('myCanvas'); var context=canvas.getContext('2d'); //前面书...
    作者:孤风一剑/2013年7月08日/分类:网页设计/阅读:1,412次/标签:, /评论关闭
  • 在Video Canvas上绘制图形

    我们经常使用MMAPI提供的功能播放视频或者拍照图片,这时候可能希望在Video Canvas上绘制一些菜单或者图形。本文介绍如何在SonyEricsson的机型上完成上面的特性。   在SonyEricsson JP7的机型上,实现上面的特性非常容易。只需要在初始化VideoControl的时候指定一些特定的参数即可。例如   videoControl.initDisplayMode(VideoControl.USE_DIRECT_VIDEO | (overla...
    作者:孤风一剑/2013年4月23日/分类:Java开发/阅读:1,091次/标签:, , , , /评论关闭