js如何开发游戏(聊天篇)
公司最近有这方面的需求,期望我们能搞出点有趣的小游戏来帮助公司进行推广,公司没有专门做游戏开发的员工,很不幸这件事情掉到了前端头上。
我记得我以前在学习的时候曾经见过一些厉害的前端工程师编写过一些网页游戏,比如坦克大战,马里奥,这些曾经经典的游戏被他们用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如何开发游戏(聊天篇)的更多相关文章
- arcgis api 3.x for js 入门开发系列批量叠加 zip 压缩 SHP 图层优化篇(附源码下载)
前言 关于本篇功能实现用到的 api 涉及类看不懂的,请参照 esri 官网的 arcgis api 3.x for js:esri 官网 api,里面详细的介绍 arcgis api 3.x 各个类 ...
- iOS开发:JavaScriptCore.framework的简单使用--JS与OC的交互篇
iOS7之后苹果为众猿推出了JavaScriptCore.framework这个框架,这个框架为大家在与JS交互上提供了很大帮助,可以在html界面上调用OC方法并传参,也可以在OC上调用JS方法并传 ...
- Node.js企业开发:应用场景
要想用Node.js首先需要知道它到底是什么, 有哪些优缺点. 然后我们才能知道到底 Node.js 适合哪些应用场景. Node.js 维基百科:“Node.js 是谷歌 V8 引擎.libuv平台 ...
- 《唐三学node.js系列》—魂士篇&&三哥初始node.js
前言 如果你有一定的前端基础,比如 HTML.CSS.JavaScript.jQuery.那么Node.js 能让你以最低的成本快速过渡成为一个全栈工程师(我称这个全栈为伪全栈,我认为的全栈也要精通数 ...
- Java和WebSocket开发网页聊天室
小编心语:咳咳咳,今天又是聊天室,到现在为止小编已经分享了不下两个了,这一次跟之前的又不大相同,这一次是网页聊天室,具体怎么着,还请各位看官往下看~ Java和WebSocket开发网页聊天室 一.项 ...
- Vue.js实现拼图游戏
Vue.js实现拼图游戏 之前写过一篇<基于Vue.js的表格分页组件>的文章,主要介绍了Vue组件的编写方法,有兴趣的可以访问这里进行阅读:http://www.cnblogs.com/ ...
- 【C语言探索之旅】 第三部分第一课:SDL开发游戏之安装SDL
内容简介 1.课程大纲 2.第三部分第一课: SDL开发游戏之安装SDL 3.第三部分第二课预告: SDL开发游戏之创建窗口和画布 课程大纲 我们的课程分为四大部分,每一个部分结束后都会有练习题,并会 ...
- Mr.聂 带你成为web开发大牛——入门篇(上)
作为一名IT届的后生,当初也经历过懵懂无知的实习期,对那种无力感深有体会.在这,希望能用我这几年的开发经验,让各位即将踏入或者刚刚踏入web开发领域的新人们少走些弯路.鉴于这是入门篇,下面我就从零为大 ...
- Spring+SpringMVC+MyBatis深入学习及搭建(十六)——SpringMVC注解开发(高级篇)
转载请注明出处:http://www.cnblogs.com/Joanna-Yan/p/7085268.html 前面讲到:Spring+SpringMVC+MyBatis深入学习及搭建(十五)——S ...
随机推荐
- TensorFlow实战之实现AlexNet经典卷积神经网络
本文根据最近学习TensorFlow书籍网络文章的情况,特将一些学习心得做了总结,详情如下.如有不当之处,请各位大拿多多指点,在此谢过. 一.AlexNet模型及其基本原理阐述 1.关于AlexNet ...
- 华为云照片的爬虫程序更新(python3.6)
一.背景: 每年终都有一个习惯,就是整理资料进行归档,结果发现手机照片全备份在华为云里,在官网上找了一圈,没找到官方的pc工具用来同步照片. 于是找出上次写的程序,看看能不能爬到数据,然而……果然不好 ...
- chrome浏览器下JavaScript实现clipboard时无法访问剪切板解决方案
在用JavaScript实现某个简单的复制到剪切板功能的时候,会考虑一下浏览器兼容性,主要是重点在IE和FireFox,把这个两个浏览器搞定后,基本上其他浏览器也不用太操心了,Chrome也一样,没出 ...
- vim学习、各类插件配置与安装
vim学习.各类插件配置与安装 vim 插件 配置 1. vim学习 vim基础学习:根据网上流行基础文章<简明Vim练级攻略>,进阶书籍<vim实用技巧>.注:进阶书籍可以在 ...
- Spring 中出现Element : property Bean definitions can have zero or more properties. Property elements correspond to JavaBean setter methods exposed by the bean classes. Spring supports primitives, refer
在这个ApplicationContext.xml文件中出现 如下报错 Element : property Bean definitions can have zero or more proper ...
- Windows API Finishing
input { font-size: 14px; height: 26px } td { border-style: none; border-color: inherit; border-width ...
- windows转mac-开发环境搭建(一):mac上搭建maven环境
1.下载地址:https://maven.apache.org/download.cgi 将下载的maven压缩包进行解压,放入到一个方便管理的文件当中,解压命令:tar zxvf apache-ma ...
- numpy模块中的sum(axis)方法
1.sum函数声明 sum(a, axis=None, dtype=None, out=None, keepdims=<class 'numpy._globals._NoValue'>) ...
- MongoDB,分组,聚合
使用聚合,db.集合名.aggregate- 而不是find 管道在Unix和Linux中一般用于将当前命令的输出结果作为下一个命令的参数.MongoDB的聚合管道将MongoDB文档在一个管道处理完 ...
- 快速掌握Shell编程
作者原创作品,转载请注明出处 (一)Shell编程概述 1.1 shell简述 Shell编程和JavaScript非常相似,Shell和JavaScript都是弱类型语言,同时也都是解释型语言.解释 ...