追学网

    • 24
  • 为图像选择渲染方法
    据统计,网站的下载时间决定了访客的多少(因为下载速度快可以留住访客)。因此,在开发任何视频游戏的时候,都要把能够在屏幕上流畅地渲染图像和动画作为第一要务。假如帧速...
    • 24
  • HTML5教程: 关于透明度
    关于透明度 学习了怎么取得画布中特定像素的颜色,包括其 alpha 值(透明度)之后,就可以解决以前 Web 开发中的一个常见问题了。之前解决这个问题要使用复杂低效的hack(要用到 J...
    • 24
  • HTML5 Canvas 操作像素
    1.4 操作像素 HTML5 Canvas 还有一个非常棒的特性,就是可以让我们访问或操作图像的每一个像素,因而就可以知道每个像素的 RGBA 值。实现像素级操作的两个方法是 context.getImageData() 和...
    • 24
  • HTML5 1.3使用精灵
    1.3 使用精灵 为了演示这个设计思想,我们要使用 Sprite 类,这个类的作用是从一张精灵表(sprite sheet)中加载图片。而精灵就是独立的游戏贴图,其中可能包含一个(静态)或多个(动...
    • 24
  • HTML5创建平滑的动画
    创建平滑的动画 无论开发什么游戏,最关键之处都在于如何有效地利用资源。虽然 canvas 可以非常快地在屏幕上绘制元素,但我们仍然需要对一块很大的区域每秒钟执行好几次清 除和重...
    • 24
  • HTML5 的canvas 元素(三)
    接上一篇文章 程序示例 1-1 标题界面 !DOCTYPE html html lang=en head meta charset=UTF-8 / titleExample 1 - Title Screen/title script window.onload = function () { var canvas = document.getElementById(myCanvas); var c = canvas.get...
    • 24
  • HTML5 的canvas 元素(二)
    在把 canvas 元素添加到 HTML 代码中时,我们把它的 height 和 width 属性都设置成 100,意思就是让画布的宽度和高度都是 100 像素。可是,我们希望标题界面与浏览器窗口大小一样,因此必须...
    • 24
  • HTML5 的canvas 元素
    HTML5 的canvas 元素为创建复杂的图形游戏铺平了道路,不仅提供更大的灵活 性,而且与通过 DOM(Document Object Model,文档对象模型)移动图像的旧 方法相比,速度也快了很多。有了这个...
  • 18条记录