如果你对 Sass不太熟悉的话,你可能不知道Sass增加了许多非常有趣的功能,例如媒体查询(即 @media)功能(经常被成为 Media Merging媒体合并)。 在向你解释什么是Media Merging之前,你应…
标签:canvas
要多简单就有多简单的H5拍照加水印
来一个简单粗暴的gif演示图 先来html 内容 <video id="video" width="320" height="240" autoplay></video> <button i…
SphinxJS——把字符串编码成png图片的超轻量级开源库
体验地址:https://jrainlau.github.io/sp…项目地址:https://github.com/jrainlau/s… SphinxJS 一个能够把字符串编码成png图片,或…
从零开始开发一款H5小游戏(三) 攻守阵营,赋予粒子新的生命
本系列文章对应游戏代码已开源 Sinuous game。 每个游戏都会包含场景和角色。要实现一个游戏角色,就要清楚角色在场景中的位置,以及它的运动规律,并能通过数学表达式表现出来。 场景坐标 canvas 2d的场景坐标…
Canvas基础知识
Canvas 创建canvas <canvas id="canvas"></canvas> 一般都要存在ID width和height建议直接在<canvas>中直接设定,不要使用cs…
从零开始开发一款H5小游戏(一) 重温canvas的基础用法
本系列文章对应游戏代码已开源 Sinuous game。 初衷 从萌发写一个小游戏的想法到完成游戏开发用了大概一周的业余时间。这个过程积累了一些经验,也算是参透了一些游戏开发的原理。在这里打算写一个系列教程,讲述怎样从零…
解决canvas画图模糊的问题
canvas 画图经常发现他是模糊的。解决这个问题主要从两个方面下手。 改变canvas渲染的像素情况:画1像素的线条看起来模糊不清,好像更宽的样子。 解决方案 var ctx = canvas.getContext('…
HTML5简单图表插件
最近选修了一门web信息选修课,期末要交一个小项目,本来是想说做个小游戏的,但想想最后还是选择做了这个jquery插件。网上已经有很多类似的插件了,当然也远比我这个好得多,但好歹我的代码虽然有点乱,至少容易看得懂(我自己…
HTML5本地裁剪图片
先上效果图: 我们首先需要创建一个index.html文件,里面写上一些简单的html和css代码: <!DOCTYPE html> <html> <head> <title&g…
用HTML5开发一个小游戏
先上效果图 开始之前的准备 game.html js/ 里面创建game.js images/ 里面放三张图片,一张背景图片(background.png),一张英雄图片(hero.png),一张怪物的图片(monste…
canvas —— globalCompositeOperation
globalCompositeOperation 属性设置或返回如何将一个源(新的)图像绘制到目标(已有)的图像上。 源图像 = 您打算放置到画布上的绘图。 目标图像 = 您已经放置在画布上的绘图。 可以设置的属性值 效…
【译】HTML5 游戏入门
原文链接 译文来自我的博客 简介 如果你想用canvas做个游戏,那么来对地方了。 但是但是你至少知道javascript怎么拼写(╯‵□′)╯︵┻━┻ 既然没问题,那先来玩一下或者下载 创建canvas标签 废话不多说…