公司最近有这方面的需求,期望我们能搞出点有趣的小游戏来帮助公司进行推广,公司没有专门做游戏开发的员工,很不幸这件事情掉到了前端头上。

  我记得我以前在学习的时候曾经见过一些厉害的前端工程师编写过一些网页游戏,比如坦克大战,马里奥,这些曾经经典的游戏被他们用js重新编写,可以在网页上直接运行,其中大部分做的和原版游戏几乎没有区别,我一直很羡慕这些厉害的工程师。也曾经看过他们别写代码,可是受制于自身能力有限,无法理解/(ㄒoㄒ)/~~。

  那个时候应该是11年12年的样子,html5在当时好像不是特别流行,教我的老师那时说html5技术有很多浏览器不支持,所以你们看看就可以了,不必太放在心上!!因为本人当时主要学习PHP,所以也没有在那一块下功夫。谁知道不过年把时间,突然发现好像到处都有html5的影子,很多公司都在引入这种新的技术。只可惜我当时依然没有重视,毕竟还是做后台比较多。

  时间慢慢就过了,知道今年,我接二连三的遇到一些需求,发现使用原本的技术已经很难去完成了,一些复杂的动画,像素级别的动画,一些更便捷的存储方式,突然有点无所适从。迫于压力,我开始集中精力来学习html5技术,其实有些新朋友可能觉得html5就是第五个版本的html语言,无非就是增加了一些新的标签。其实现在我们所说的html5技术,往往指的是html5+css3+javvascript这样的综合技术。那些新增的标签其实并不是很重要。第五个版本的html除了提供了语义化的标签以外,还新增了很多接口和dom事件,css3也增加很多新的特性,比如更方便的选择器,更华丽的变形方式等,javascript就不必多说,没有它。html5技术也就没有意义了。

  最近公司要求制作的这些游戏,我第一个想到的还是使用传统的js方向的技术来完成,虽然有点麻烦,但是对于我个人而已,更加熟练。但是,天不从人愿,很快上司给了新的需求,这些需求很显然的超出了原本的js技术,因为涉及到了很多像素级别的操作,这个让我一下郁闷了,没办法,只好开始学习canvas,有些人说canvas是html5中最让人兴奋的功能。只是我目前很紧张,怎么也兴奋不起来。说一下学习画布的感受吧,因为之前对这个东西只了解皮毛,所以几乎就是从头开始学习,认真的说,画布功能确实挺强大的,学习他的方法也不困难,就是方法比较多,短时间不容易记住,我只好反复练习。后来终于要做一些小游戏了,这时发现学的东西还是太浅,游戏的逻辑本身就相对复杂,然后又要使用不熟悉的技术。经常一个点想不通,就一直卡在那/(ㄒoㄒ)/~~。目前工作就是处于暂停状态。

  发这篇文章,第一聊聊天,说一下我目前的工作情况,第二是希望看到的朋友能够支支招,对于html5方向的游戏开发提点建议,多谢大家啦!!!多谢大家啦!!!多谢大家啦!!!(重要的事情说三遍,哈)

js如何开发游戏(聊天篇)的更多相关文章

  1. arcgis api 3.x for js 入门开发系列批量叠加 zip 压缩 SHP 图层优化篇(附源码下载)

    前言 关于本篇功能实现用到的 api 涉及类看不懂的,请参照 esri 官网的 arcgis api 3.x for js:esri 官网 api,里面详细的介绍 arcgis api 3.x 各个类 ...

  2. iOS开发:JavaScriptCore.framework的简单使用--JS与OC的交互篇

    iOS7之后苹果为众猿推出了JavaScriptCore.framework这个框架,这个框架为大家在与JS交互上提供了很大帮助,可以在html界面上调用OC方法并传参,也可以在OC上调用JS方法并传 ...

  3. Node.js企业开发:应用场景

    要想用Node.js首先需要知道它到底是什么, 有哪些优缺点. 然后我们才能知道到底 Node.js 适合哪些应用场景. Node.js 维基百科:“Node.js 是谷歌 V8 引擎.libuv平台 ...

  4. 《唐三学node.js系列》—魂士篇&&三哥初始node.js

    前言 如果你有一定的前端基础,比如 HTML.CSS.JavaScript.jQuery.那么Node.js 能让你以最低的成本快速过渡成为一个全栈工程师(我称这个全栈为伪全栈,我认为的全栈也要精通数 ...

  5. Java和WebSocket开发网页聊天室

    小编心语:咳咳咳,今天又是聊天室,到现在为止小编已经分享了不下两个了,这一次跟之前的又不大相同,这一次是网页聊天室,具体怎么着,还请各位看官往下看~ Java和WebSocket开发网页聊天室 一.项 ...

  6. Vue.js实现拼图游戏

    Vue.js实现拼图游戏 之前写过一篇<基于Vue.js的表格分页组件>的文章,主要介绍了Vue组件的编写方法,有兴趣的可以访问这里进行阅读:http://www.cnblogs.com/ ...

  7. 【C语言探索之旅】 第三部分第一课:SDL开发游戏之安装SDL

    内容简介 1.课程大纲 2.第三部分第一课: SDL开发游戏之安装SDL 3.第三部分第二课预告: SDL开发游戏之创建窗口和画布 课程大纲 我们的课程分为四大部分,每一个部分结束后都会有练习题,并会 ...

  8. Mr.聂 带你成为web开发大牛——入门篇(上)

    作为一名IT届的后生,当初也经历过懵懂无知的实习期,对那种无力感深有体会.在这,希望能用我这几年的开发经验,让各位即将踏入或者刚刚踏入web开发领域的新人们少走些弯路.鉴于这是入门篇,下面我就从零为大 ...

  9. Spring+SpringMVC+MyBatis深入学习及搭建(十六)——SpringMVC注解开发(高级篇)

    转载请注明出处:http://www.cnblogs.com/Joanna-Yan/p/7085268.html 前面讲到:Spring+SpringMVC+MyBatis深入学习及搭建(十五)——S ...

随机推荐

  1. Node.js Express 的安装和简单使用

    Express的安装: 1.命令行窗口 //--> npm install 组件名 @版本号 --> npm install express @4   //这里安装最新的版本 也可以这样: ...

  2.     My GitHub

    0.引言 利用python开发,借助Dlib库捕获摄像头中的人脸,进行实时特征点标定: 图1 工程效果示例(gif) 图2 工程效果示例(静态图片) (实现比较简单,代码量也比较少,适合入门或者兴趣学 ...

  3. C#泛型简单应用

    最近老板要在app里开展金融模块了,产品一下就丢丢丢二三十个表单下来,怎么办,赶紧写代码,有20多个表单要提交呢,得建20多个表.等等,好像这些表单很相似,公司信息,个人信息,可是还有部分不同信息怎么 ...

  4. 标签(Label、JLabel)

    构造函数 Label( ) Label(String str) Label(String str, int how) 第一种形式生成一个空白标签:第二种形式生成一个包含由参数str所设定的字符串的标签 ...

  5. TripleDES加密解密

    参考:http://www.cnblogs.com/chnking/archive/2007/08/14/855600.html 参考:http://blog.csdn.net/change_from ...

  6. uva437 DAG

    直接套用DAG的思路就行. AC代码: #include<cstdio> #include<cstring> #include<algorithm> using n ...

  7. React——diff算法

    react的diff算法基于两个假设: 1.不同类型的元素会产生不同的树 2.通过设置key,开发者能够提示那些子组件是稳定的 diff算法 当比较两个树时,react首先会比较两个根节点,接下来具体 ...

  8. Codeforces 257D

    题意略. 思路:这个题目最重要的是那个不等式 a[i] <= a[i+1] <= 2 * a[i]  ,你会发现0 <= a[i+1]  -  a[i] <= a[i],令x ...

  9. postman中 form-data、x-www-form-urlencoded、raw、binary的区别

    1.form-data:  就是http请求中的multipart/form-data,它会将表单的数据处理为一条消息,以标签为单元,用分隔符分开.既可以上传键值对,也可以上传文件.当上传的字段是文件 ...

  10. 阿里舆情︱舆情热词分析架构简述(Demo学习)

    本节来源于阿里云栖社区,同时正在开发一个舆情平台,其中他们发布了一篇他们所做的分析流程,感觉可以作为案例来学习.文章来源:觉民cloud/云栖社区 平台试用链接:https://prophet.dat ...