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 ...
随机推荐
- easyui+ajax获取同表关联的数据
easyui是我们常用的前端框架之一,easyui的使用使得前端页面更加美观.为了能够使用combobox,ajax必须同步. 该小程序是使用ssm框架,对数据库的数据进行查询,所以url对应着map ...
- vuejs、eggjs全栈式开发设备管理系统
vuejs.eggjs全栈式开发简单设备管理系统 业余时间用eggjs.vuejs开发了一个设备管理系统,通过mqtt协议上传设备数据至web端实时展现,包含设备参数分析.发送设备报警等模块.收获还是 ...
- C/C++语言简介之语言组成
一.数据类型 C的数据类型包括:整型.字符型.实型或浮点型(单精度和双精度).枚举类型.数组类型.结构体类型.共用体类型.指针类型和空类型. 二.常量与变量 常量其值不可改变,符号常量名通常用大写. ...
- 阶乘之和 输入n,计算S=1!+2!+3!+…+n!的末6位(不含前导0)。n≤10 6 ,n!表示 前n个正整数之积。
阶乘之和输入n,计算S=1!+2!+3!+…+n!的末6位(不含前导0).n≤10 6 ,n!表示前n个正整数之积.样例输入:10样例输出: package demo; import java.uti ...
- Netbeans简要配置许可证信息
<#if licenseFirst??>${licenseFirst}</#if>${licensePrefix}Copyright (C) <2017> < ...
- FFMpeg for PHP
PHP使用FFMpeg来转换视频格式.Github上搜索FFMPEG,到https://github.com/PHP-FFMpeg/PHP-FFMpeg. For Windows users : Pl ...
- python爬虫提取冰与火之歌五季的种子
# -*- encoding:utf-8 -*- import requests import re import sys reload(sys) sys.setdefaultencoding(&qu ...
- hihoCoder 1493 : 歌德巴赫猜想 素数筛法
题意:哥德巴赫猜想认为"每一个大于2的偶数,都能表示成两个质数之和".给定一个大于2的偶数N,你能找到两个质数P和Q满足P<=Q并且P+Q=N吗?如果有多组解,输出P最小的一 ...
- React Native填坑之旅 -- 回归小插曲
回归RN,非常开心啊! 在React Native 0.49.5上开发,直接遇到一个ios模拟器的问题.这个问题很简单就是Bundle URL not present. 在网上找了很多的解决方法,都不 ...
- Docker资源网站收藏
Docker资源 Docker官方英文资源: docker官网:http://www.docker.com Docker windows入门:https://docs.docker.com/windo ...