文章首发于个人博客：http://heavenru.com 在最近项目中需要实现一个精灵动画，素材方只提供了一个短视频素材，所以在实现精灵动画之前先介绍两个工具来帮助我们更好的实现需求。在这篇文章中，主要是介绍两个命令行工具来实现将一个短视频文件转化成一张 sprite 图片与如何使用 canvas ...
分类：
其他好文 时间：
2020-01-20 14:46:45
阅读次数：
95
介绍 最近开始刷一些书和题,此系列是介绍在读Web最佳实践的一些收获和体会。 web前端发展现状 存在问题： 代码组织混乱 代码格式的问题突出 页面布局随意 网站整体性能差，没有意识到应用诸如缓存，动态加载，脚本压缩，图片压缩等提高性能技术 推荐做法： 压缩样式表和脚本文件 减少HTTP请求次数 简 ...
分类：
Web程序 时间：
2020-01-17 23:09:46
阅读次数：
103
pygame 快速入门 目标 项目准备 使用 pygame 创建图形窗口 理解 图像 并实现图像绘制 理解 游戏循环 和 游戏时钟 理解 精灵 和 精灵组 项目准备 新建 飞机大战 项目 新建一个 hm_01_pygame入门.py 导入 游戏素材图片 游戏的第一印象 把一些 静止的图像 绘制到 游 ...
分类：
其他好文 时间：
2020-01-12 15:00:15
阅读次数：
111
介绍 THDN的核心机制为Match3的利用,本文对Match3 Gameplay进行记录，并对其进行改良.THDN作为RogueLIke性质的游戏,玩家在随机生成的dungeon里进行探索并获取THDN的线索，随机生成的dungeon(DUNGEONIZE)会之后介绍，在探索的过程中，玩家面对黑暗 ...
分类：
其他好文 时间：
2020-01-12 13:15:04
阅读次数：
75
#代码参考《python游戏编程入门》 我们的代码对pygame自带的精灵类进行继承实现，这样可以少些不少代码，而且可以获得精灵组的支持 首先是初始化精灵序列图： 1 def __init__(self,target): #初始化 2 pygame.sprite.Sprite.__init__(se ...
分类：
编程语言 时间：
2019-12-31 14:15:09
阅读次数：
92
{ ".323":"text/h323" , ".3gp":"video/3gpp" , ".aab":"application/x-authoware-bin" , ".aam":"application/x-authoware-map" , ".aas":"application/x-autho... ...
分类：
其他好文 时间：
2019-12-24 23:39:44
阅读次数：
118
雪碧图 (sprite)是一种图片拼合技术； 使用方法： 1.定视口 width: xx px; height: xx px; 2.插图 background-image: url("图片路径"); 3.移动位置 background-position: x轴坐标 y轴坐标； 优点：将小图标拼合到一 ...
分类：
其他好文 时间：
2019-12-22 18:25:09
阅读次数：
85
1.将一个块级元素水平和垂直居中有几种方法？分别是什么？ 四种方式： （1）.要让div等块级元素水平和垂直居中，必需知道该div等块级元素的宽度和高度，然后设置位置为绝对位置，距离页面窗口左边框和上边框的距离设置为50%，这个50%就是指页面窗口的宽度和高度的50%，最后将该div等块级元素分别左 ...
分类：
Web程序 时间：
2019-12-22 16:31:53
阅读次数：
91
雪碧图：将多张图片整合到一张图片上，利用ps设置器位置，展示到网页上 <head> <meta charset="UTF-8"> <title>Document</title> <style> .sprite{ /* 1. 定视口 */ width: 180px; height: 180px; bo ...
分类：
其他好文 时间：
2019-12-21 22:46:56
阅读次数：
268
提到网页性能优化，一般分为两部分，加载性能优化和交互性能优化。1.加载性能优化当在浏览器中输入一个 URL 或者在其他页面点击一个链接时，浏览器要做以下工作：DNS 查询，建立 TCP 链接，发送请求，接受响应，渲染页面，执行 Load 监听事件，至此页面加载就完成了。下面我们按照这个步骤思考如何优... ...
分类：
Web程序 时间：
2019-12-10 09:12:49
阅读次数：
112
