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

  我记得我以前在学习的时候曾经见过一些厉害的前端工程师编写过一些网页游戏,比如坦克大战,马里奥,这些曾经经典的游戏被他们用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. Go学习笔记01-语言

    1.1 变量 Go 是静态类型语言,不能在运行期改变变量类型.使用关键字 var 定义变量,自动初始化为零值.如果提供初始化值,可省略变量类型,由编译器自动推断. var x int var f fl ...

  2. 使用matlab生成sine波mif文件

    使用matlab生成sine波mif文件 作者:lee神 在使用altera 的FPGA中的rom过程中常常会使用到.mif文件或.hex文件.对于初学者,无论mif还是hex都是很令人疑惑的东西,这 ...

  3. 怎么添加用户到sudo用户组

    跨平台系列汇总:http://www.cnblogs.com/dunitian/p/4822808.html#linux 前段时间用Ubuntu的sudo用惯了,回到kali发现自己的用户太low了, ...

  4. 【学习笔记】Struts2 类型转换

    为什么需要类型转换 在基于HTTP协议的Web应用中 客户端请求的所有内容(表单中提交的内容等)都以文本编码的方式传输到服务器端但服务器端的编程语言(如Java)有着丰富的数据类型 如 int boo ...

  5. Spring Boot : Whitelabel Error Page解决方案

    楼主最近爱上了一个新框架--Spring Boot, 搭建快还不用写一堆xml,最重要的是自带Tomcat 真是好 pom.xml <?xml version="1.0" e ...

  6. js中的各种“位置”——“top、clientTop、scrollTop、offsetTop……”,你知道多少

    当要做一些与位置相关的插件或效果的时候,像top.clientTop.scrollTop.offsetTop.scrollHeight.clientHeight.offsetParent...看到这么 ...

  7. Thinkpad USB 经典键盘使用体验

    先上图,这就是一个键盘,不是笔记本电脑. 优点: 1. 键盘完胜各类巧克力式键盘. 2. 小红点和老thinkpad 上的小红点一样好用. 3. ESC 和Delete 放大后,盲摸很方便. 缺点: ...

  8. bzoj 2669 [cqoi2012]局部极小值 DP+容斥

    2669: [cqoi2012]局部极小值 Time Limit: 3 Sec  Memory Limit: 128 MBSubmit: 838  Solved: 444[Submit][Status ...

  9. java8 - IO

    一.学习大纲: 1. 字符编码格式 2. 文件操作(实现文件的增.删.改.查等操作) 3. 目录操作(实现目录的增.删.改.查等操作) 4. 数据传输(实现对文件内容的读.写等操作) 二.关联类: 1 ...

  10. Photoshop CC 常用快捷方法有哪些?

    Photoshop CC 常用快捷方法有哪些? 属性栏 工具栏 控制面板 绘图区 1. 多个图层如何快速居中? 在 控制面板 中选中多个图层创建 链接图层 在 工具栏 选择 移动工具 在 属性栏 点击 ...