原文:用canvas制作酷炫射击游戏--part1

好久没写博客了,因为过年后一直在学游戏制作方面的知识。学得差不多后又花了 个月时间做了个作品出来,现在正拿着这个作品找工作。 作品地址:https: betasu.github.io Crimonland new 这个游戏差不多有 行代码,实现了基本的游戏引擎 碰撞检测并基于canvas绘制。等回过头来看自己前面写的很多东西已经记不清了,为了巩固一下学过的知识并给有需要的朋友一些帮助,在此记录下 ...

2016-07-18 21:39 0 2011 推荐指数:

查看详情

html5+Canvas实现的小游戏

最近除了做业务,也在尝试学习h5和移动端,在这个过程中,学到了很多,利用h5和canvas做了一个爱心鱼的小游戏。点这里去玩一下 PS: 貌似有点闪屏,亲测多刷新两下就好了==。代码在本地跑都不会闪,放到博客里就闪了,我也不知道为什么。。。回头我再看看是什么问题。 另外,我把代码 ...

Sun May 29 20:30:00 CST 2016 25 19376
利用HTML canvas制作星星坠地粒子特效

去年在电影院看过的电影,印象最深刻的,算是电影《你的名字》了,而且被其中的画面深深吸引了,尤其是陨石划过天空的场景,太美啦!所以想着哪天做一个canvas的流星效果。最近刚好看到油管上的一个视频,作者的主页就是陨石坠落的粒子效果为背景,虽然没有《你的名字》中那么写实,但也是很漂亮了,效果大概长 ...

Sat Jan 13 02:14:00 CST 2018 0 1456
简单canvas动画

作为一个新人怀着激动而紧张的心情写了第一篇帖子还请大家多多支持,小弟在次拜谢。 驯鹿拉圣诞老人动画效果图如下 html如下: "><di ...

Sat Dec 31 03:51:00 CST 2016 2 1094
弹窗效果制作

昨天在家看电视时,退出的时候发现了一个弹窗效果,整个背景模糊,觉得这样的效果好,要比纯色加透明度高大上好多,连续试了几个界面,最终确定效果由css实现的,于是今天一大早来到公司便赶紧搜索了一下,虽然兼容性奇差,但是一个css属性就可以搞定。瞬间感觉自己知道的真是太 ...

Tue Nov 08 19:32:00 CST 2016 8 3920
制作的专题页面

很多时候,我们需要一些的动画效果,让页面更加吸引用户的眼球,现有比较好用的JS动画库有:velocity和GSAP(支持falsh和js)。今天这里主要学习的是velocity配合css3动画,快速打造属于你的专题页面。 PS:发现各种的效果都是由这些简单的动作 ...

Sun Dec 14 22:24:00 CST 2014 2 2282
如何制作的热力图

如何制作的热力图 来自:http://mp.weixin.qq.com/s/s85vBmTv1GdzozQMWjY6xA 2017-11-07 ArcGIS带你飞 飞言飞语 Attention “热力图”是描述趋势变化强力武器,可以将报告内容瞬间 ...

Wed Nov 08 00:20:00 CST 2017 0 6869
canvas实现气泡效果

canvas实现动画主要是靠设置定时器(setinterval())和定时清除画布里的元素实现,canvas动画上手很简单,今天可以自己动手来实现一个气泡效果。 气泡炸裂效果(类似水面波纹) 代码如下: 气泡上升效果 代码如下: ...

Fri May 10 02:18:00 CST 2019 0 535
简单Canvas数字时钟

  声明:本文为原创文章,如需转载,请注明来源WAxes,谢谢!   我记得很早之前就看过这个DEMO,是岑安大大博客里看到的:      就是这个数字时钟,当时觉得这个创意不错,但是也没去折腾。直到昨天同事又在网上看到这个案例,他觉得很酷,就跑过来问我,这个是怎么实现的,然后我大概想了 ...

Tue Apr 01 18:55:00 CST 2014 11 3688
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM