Canvas电子签名和游戏化】的更多相关文章

今天一天的时间都在做包团报价的无流程原型设计,一方面参考了其他系统,一方面整理先在系统中不合理的部分,规范了报价元素的分类.梳理了意向需求,其实原来粗略的放了一个模板进去是听不靠谱的.客户的要求->安排标准 ->供应商采购是一条完整的链条. 最为重要的是梳理清楚了报价单的逻辑结构,逻辑结构是报价单-〉分类-〉类型-〉项目-〉明细说明.价格方面增加了优惠价,比如16免1这类的优惠.将原来的汇率明细成了人.天.次.公式就成了报价总计=报价单价*人*天*次-优惠 为了兼容现有的模型,增设了一个报价单…
2015-2016-2 <Java程序设计> 游戏化 实践「<程序设计教学法--以Java程序设计为例>」中的「游戏化(Gamification)理论」,根据 2015-2016-2 <Java程序设计>成绩排行榜,我们奖励了下面几位同学: 20145221高其:高其同学是在寒假期间就开始积极学习的学生之一,与同学们的互动也非常积极. 20145325张梓靖:张梓靖同学学习非常努力,在课程答疑论坛中提问,分享学习经验也非常积极. 20145109竺文君:竺文君同学在女生…
首先,不准说做得撇,因为其一,我只用了20分钟不到:其二,第一次尝试,以前想过,但是一直没有搞过,二话不说,先来截图,下载地址在最下面. 因为第一次尝试,所以很多事件自己还没有闹明白,不过基本上还是看得出个大概效果了. 有人反馈太卡通,这个咋说呢,游戏化的东西,你想要小清新就做成小清新风格,你喜欢重口味就做重口味风格,本身不是大问题哈,只是发出来,大家一起评判下,这种做法的价值到底如何. 下载地址:http://pan.baidu.com/share/link?shareid=823939894…
用canvas做了一个贪吃蛇小游戏 开始界面 游戏界面 结束界面 <!DOCTYPE html>  <html>  <head>  <meta charset="UTF-8">  <title>贪吃蛇</title>  <style>  body{background: #666;text-align: center;}  canvas{margin: 50px auto 0;/*border: 2px…
最近针对粒子化作了一点点的探究,决定结合其做个小游戏,于是这个简单的打字游戏出世了. 试玩地址:Typewriter game  仅在chrome下测试,请谨慎使用其他浏览器(特别是ff):加载速度有点慢,请耐心等待5~10秒.因为需要加载的粒子太多了... 游戏概况 游戏逻辑和代码其实是很简单的,都是h5的原生api没有用什么框架(其实也不会). 单词由一个个的粒子构成.画布中随机出现单词,监听键盘上的按键,和单词中的字母进行匹配:当整个单词完成匹配后,组成单词的粒子开始做平抛运动.直到游戏结…
声明:本文为原创文章,如需转载,请注明来源WAxes,谢谢! 昨天上班的时候闲着无事,就用Canvas写了个桌球游戏来玩玩....所以就拿这游戏上来水一发.或许对一些刚学canvas的人有帮助. 话说这只是一个简单的DEMO.游戏性,游戏规则什么的我都没怎么考虑,如果有兴趣细化的朋友可以细化一下,比如细化一下规则,游戏开关,加个声音,细化一下进球检测,更严谨甚至可以去查下击球力度.桌面真实摩擦力等来把游戏弄的更像游戏.我只是给个编程思路哈,随便坐个DEMO而已,玩起来估计还是不会很爽快的~~  …
自神经猫风波之后,微信中的各种小游戏如雨后春笋般目不暇接,这种低成本,高效传播的案例很是受开发者青睐.作为一名前端,随手写个这样的小游戏出来应该算是必备技能吧.恰逢中秋节,部门决定上线一个小游戏,在微信里传播一下与用户互动互动.这任务自然落在了我头上.前段时间用DOM+CSS3写了个小游戏,在Android机器上巨卡无比,有了上次的经验,这次决定用canvas来写.其实这些小游戏在业界也都是canvas来做,已经有很成熟的技术和框架,由于不会频繁修改DOM树,所有的动画都是在一块画布上完成,所以…
今天呢,主要和小伙伴们分享一下一个贪吃蛇游戏从构思到实现的过程~因为我不是很喜欢直接PO代码,所以只copy代码的童鞋们请出门左转不谢. 按理说canvas与其应用是老生常谈了,可我在准备阶段却搜索不到有用的资料(不是代码!),所以说呢,只能自力更生 -_- 首先是大致要考虑的东西: 1.要有蛇(没蛇怎么叫贪吃蛇). 2.然后要有地图(蛇是不能上天的). 3.不能水平\垂直掉头(如果想掉头,需要至少变换方位并且至少移动一格才可). 4.食物(不然怎么贪吃). 5.吃了食物要变长(这才是精髓).…
一.功能模块 先看下现在做完的效果: 线上体验:https://wj704.github.io/five_game.html 主要功能模块为: 1.人机对战功能 2.悔棋功能 3.撤销悔棋功能 二.代码详解 2.1 人机对战功能实现 从效果图可以看到,棋盘的横竖可以放的位置为15*15,通过canvas画棋盘: //绘画棋盘 var drawChessBoard = function(){ for(var i = 0; i < 15; i++){ context.moveTo(15 + i *…
一:创建画布 <canvas width="200" height="500" id="canvas" style="border:10px solid #A2CD5A;"></canvas><input type="text" placeholder="难度(1-5)" id="sd"><div id="btn&q…