Ⅰ 学习web前端能做游戏开发吗
可以的。
前端技术包括JavaScript、ActionScript、CSS、xHTML、Adobe AIR、Google Gears等“传统”技术,概念强的交互设计,艺术性强的视觉设计等。一般来说,你平时使用的手机应用和你玩的web游戏都属于Web前端开发领域。
理解网络前端人才所需要的技术,我们就能明白学习网络前端人才的就业方向:
1.高级网络前端工程师,这是网络前端工程师的最基本的选择。当前网络前端面临的问题是从业者大量涌现,但是真正掌握技术的人才非常稀少,从业者的工资也非常高。
2.高级网络架构师,具有最广泛的网络相关知识沉淀,更容易成为网络架构师。这方面的职业发展并不像第一种那样那么顺利,主要是作为一个架构师必须学习的内容:后端技术, DBA, Platform等等,这些知识通常需要在项目中进行实际操作,但是只要你坚持下去,未来将会是无限光明的。
3自主创业,成为自己的老板。身为前端技术人员,我们需要更多地关注行业、产业链和相关产品领域的动态,保持对细节的关注优势,同时加强对某一产品乃至某一公司命运的控制。
但是Web前端能做游戏吗?答案是可以的,Canvas和WebGL的出现让Web游戏有了实现的可能。如果你不用游戏引擎,那就写原生HTML、JS、CSS,或者使用Canvas/svg。如果使用游戏引擎,又想用前端的技术栈,那就用cocos creator,一次开发,多端打包。如果你想做3D游戏,那就直接用Unity3D吧。不过虽然Unity3D也支持JS作为脚本语言,但实际上大部分公司和团队选择的是C#,大部分教程也是以C#作为脚本语言,所以如果要上手Unity3d,那就需要学习C#
Ⅱ 游戏前端开发做些什么
问题一:html5游戏开发,需要学习什么技术? 10分 9秒学院html5游戏开发学习需要的技术郑缺宴:
1. HTML5教程
主要学习HTML标签、属性和事件。
2. CSS教程
主要学习使用CSS来控制网页的样式和布局。
3. JavaScript教程
做HTML5开发,主要使用JS语言。所以要学习JS语言。必要时还要学习一些JS库,方便开发。
4. HTML5其它的核心技术
以上只是基础,做HTML5开发,可扮和能会用到下面的技术。
1)WebWorker
可以在浏览器中运行多个JS脚本。可以用于需要后台执行某种耗时工作的场合。
2)WebSocket
浏览器可以与服务器间双向通信。Socket方式能够大大提高浏览器与服务器间的通信效率。可以用于浏览器与服务器间通信频繁的场合,比如实时聊天。
3)Canvas2D
浏览器中画图。可以用于游戏开发等等场合。
问题二:游戏开发和网站前端开发,哪个难学 这个应该是游戏开发比较难吧。
游戏开发可能涉及到一些计算机基础语言的东西,然后要熟悉一些框架以及软件,并且对游戏3d建模要比较敏感,这方面比较难。
网站前端其实也就是网站的额UI设计,这个也难,相对于游戏开发来讲,比较简单,主要是记住比较多的代码,这个应该也不难,因为长期写代码,这些都不是事情。
另外我觉得在选择的时候,要根据自己的能力,结合自己的喜好做选择。合适自己的才是最好的。
问题三:HTML5开发和web前端开发有啥区别啊? 总体上应该一样,技术体系都差不多。不过pc需要兼容的浏览器更多些,mobile下andorid,ios都是基于webkit,所以相对好些。
移动前喊银端开发可分为:
1、手机网页开发。这部分跟web前端开发差别不大,使用的技术都是html+css+js。区别为手机浏览器是webkit的天下,pc端是IE的天下。手机网页可以理解成pc网页的缩小版加一些触摸特性。因为是在浏览器中进行的网页开发,所有最终代码具有跨系统平台的特性。
2、app前端开发。使用的技术也是html+css+js,但它需要基于PhoneGap等开发平台调用手机核心功能接口(包括地理定位,加速器,联系人,声音和振动等)模拟native app,这部分跟web前端开发完全不同。最终代码发布要分别编译成各系统平台的app。
问题四:做前端和游戏开发哪个待遇和发展空间更好 游戏开发现在不错
问题五:游戏前端开发问题 20分 ps……
问题六:前端要开发游戏?我的妈呀,各位给我个思路好吗?要学什么东西?拿什么来做? h5 canvas 或者一些游戏引擎...一般前端只做很简单的小游戏,移动端的
问题七:手机游戏开发前端的主要工作是什么? 我做的不是游戏前端开发,但是我个人的经验认为,界面的搭建,处理兼容问题,与后端对接等。
问题八:怎么理解游戏前端后端 是这样的,前端基本就是指客户端,后端就是服务器,整个游戏的显示、交互等都属于前端的东西,后端,就像你理解的那样,服务器对数据的处理。
问题九:做前端的app开发和游戏开发有那些区别? 这个应该是不一样的。
技术相差很多,同样方面相差也很多。
前端app开发设计到安卓,ios,基本上用的语言也是Java,ios等,同时呢,也会牵涉到一部分的前端知识。
游戏开发,使用的c++以及unity,3d之类的知识,完全不涉及到前端的事情,(前端一般有其他的成员完成)。
所以说,这两者还是有很大的区别的。
问题十:游戏开发选择前端还是后端? 一直做游戏可以前端,想要有机会转行就后端。
Ⅲ 如何开发一个简单的html5小游戏
创建画布
// Create the canvas
var canvas = document.createElement("canvas");
var ctx = canvas.getContext("2d");
canvas.width = 512;
canvas.height = 480;
document.body.appendChild(canvas);
首先我们需要创建一张画布作为游戏的舞台。这里通过JS代码而不是直接在HTML里写一个<canvas>元素目的是要说明代码创建也是很方便的。有了画布后就可以获得它的上下文来进行绘图了。然后我们还设置了画布大小,最后将其添加到页面上。
准备图片
// 背景图片
var bgReady = false;
var bgImage = new Image();
bgImage.onload = function () {
bgReady = true;
};
bgImage.src = "images/background.png";
游戏嘛少不了图片的,所以我们先加载一些图片先。简便起见,这里仅创建简单的图片对象,而不是专门写一个类或者Helper来做图片加载。bgReady这个变量用来标识图片是否已经加载完成从而可以放心地使用了,因为如果在图片加载未完成情况下进行绘制是会报错的。
整个游戏中需要用到的三张图片:背景,英雄及怪物我们都用上面的方法来处理。
游戏对象
// 游戏对象
var hero = {
speed: 256, // 每秒移动的像素
x: 0,
y: 0
};
var monster = {
x: 0,
y: 0
};
var monstersCaught = 0;
现在定义一些对象将在后面用到。我们的英雄有一个speed属性用来控制他每秒移动多少像素。怪物游戏过程中不会移动,所以只有坐标属性就够了。monstersCaught则用来存储怪物被捉住的次数。
处理用户的输入
// 处理按键
var keysDown = {};
addEventListener("keydown", function (e) {
keysDown[e.keyCode] = true;
}, false);
addEventListener("keyup", function (e) {
delete keysDown[e.keyCode];
}, false);
现在开始处理用户的输入(对初次接触游戏开发的前端同学来说,这部分开始可能就需要一些脑力了)。在前端开发中,一般是用户触发了点击事件然后才去执行动画或发起异步请求之类的,但这里我们希望游戏的逻辑能够更加紧凑同时又要及时响应输入。所以我们就把用户的输入先保存下来而不是立即响应。
为此,我们用keysDown这个对象来保存用户按下的键值(keyCode),如果按下的键值在这个对象里,那么我们就做相应处理。
开始一轮游戏
// 当用户抓住一只怪物后开始新一轮游戏
var reset = function () {
hero.x = canvas.width / 2;
hero.y = canvas.height / 2;
// 将新的怪物随机放置到界面上
monster.x = 32 + (Math.random() * (canvas.width - 64));
monster.y = 32 + (Math.random() * (canvas.height - 64));
};
reset方法用于开始新一轮和游戏,在这个方法里我们将英雄放回画布中心同时将怪物放到一个随机的地方。
更新对象
// 更新游戏对象的属性
var update = function (modifier) {
if (38 in keysDown) { // 用户按的是↑
hero.y -= hero.speed * modifier;
}
if (40 in keysDown) { // 用户按的是↓
hero.y += hero.speed * modifier;
}
if (37 in keysDown) { // 用户按的是←
hero.x -= hero.speed * modifier;
}
if (39 in keysDown) { // 用户按的是→
hero.x += hero.speed * modifier;
}
// 英雄与怪物碰到了么?
if (
hero.x <= (monster.x + 32)
&& monster.x <= (hero.x + 32)
&& hero.y <= (monster.y + 32)
&& monster.y <= (hero.y + 32)
) {
++monstersCaught;
reset();
}
};
这就是游戏中用于更新画面的update函数,会被规律地重复调用。首先它负责检查用户当前按住的是中方向键,然后将英雄往相应方向移动。
有点费脑力的或许是这个传入的modifier 变量。你可以在main 方法里看到它的来源,但这里还是有必要详细解释一下。它是基于1开始且随时间变化的一个因子。例如1秒过去了,它的值就是1,英雄的速度将会乘以1,也就是每秒移动256像素;如果半秒钟则它的值为0.5,英雄的速度就乘以0.5也就是说这半秒内英雄以正常速度一半的速度移动。理论上说因为这个update 方法被调用的非常快且频繁,所以modifier的值会很小,但有了这一因子后,不管我们的代码跑得快慢,都能够保证英雄的移动速度是恒定的。
现在英雄的移动已经是基于用户的输入了,接下来该检查移动过程中所触发的事件了,也就是英雄与怪物相遇。这就是本游戏的胜利点,monstersCaught +1然后重新开始新一轮。
渲染物体
// 画出所有物体
var render = function () {
if (bgReady) {
ctx.drawImage(bgImage, 0, 0);
}
if (heroReady) {
ctx.drawImage(heroImage, hero.x, hero.y);
}
if (monsterReady) {
ctx.drawImage(monsterImage, monster.x, monster.y);
}
// 计分
ctx.fillStyle = "rgb(250, 250, 250)";
ctx.font = "24px Helvetica";
ctx.textAlign = "left";
ctx.textBaseline = "top";
ctx.fillText("Monsterrs caught: " + monstersCaught, 32, 32);
};
之前的工作都是枯燥的,直到你把所有东西画出来之后。首先当然是把背景图画出来。然后如法炮制将英雄和怪物也画出来。这个过程中的顺序是有讲究的,因为后画的物体会覆盖之前的物体。
这之后我们改变了一下Canvas的绘图上下文的样式并调用fillText来绘制文字,也就是记分板那一部分。本游戏没有其他复杂的动画效果和打斗场面,绘制部分大功告成!
主循环函数
// 游戏主函数
var main = function () {
var now = Date.now();
var delta = now - then;
update(delta / 1000);
render();
then = now;
// 立即调用主函数
requestAnimationFrame(main);
};
上面的主函数控制了整个游戏的流程。先是拿到当前的时间用来计算时间差(距离上次主函数被调用时过了多少毫秒)。得到modifier后除以1000(也就是1秒中的毫秒数)再传入update函数。最后调用render 函数并且将本次的时间保存下来。
关于游戏中循环更新画面的讨论可参见“Onslaught! Arena Case Study”。
关于循环的进一步解释
// requestAnimationFrame 的浏览器兼容性处理
var w = window;
requestAnimationFrame = w.requestAnimationFrame || w.webkitRequestAnimationFrame || w.msRequestAnimationFrame || w.mozRequestAnimationFrame;
如果你不是完全理解上面的代码也没关系,我只是觉得拿出来解释一下总是极好的
为了循环地调用main函数,本游戏之前用的是setInterval。但现今已经有了更好的方法那就是requestAnimationFrame。使用新方法就不得不考虑浏览器兼容性。上面的垫片就是出于这样的考虑,它是Paul Irish 博客原版的一个简化版本。
启动游戏!
// 少年,开始游戏吧!
var then = Date.now();
reset();
main();
总算完成了,这是本游戏最后一段代码了。先是设置一个初始的时间变量then用于首先运行main函数使用。然后调用 reset 函数来开始新一轮游戏(如果你还记得的话,这个函数的作用是将英雄放到画面中间同时将怪物放到随机的地方以方便英雄去捉它)。
到此,相信你已经掌握了开发一个简单H5小游戏需要的基本功了。玩玩这个游戏或者下载代码自己研究研究吧 :)
Feel free to repost but keep the link to this page please!
Ⅳ 怎么做游戏开发
做游戏开发步骤:
1、需要去学计算机基础,还有相关的代码基础,以及一些比较完善的游戏模型。
2、学好一门及以上的编程语言。可以先从pascal入手或者如果逻辑思维能力以及数学能力比较强可以直接上C++。
3、编程学到相当的水平,就可以去书店找些关于DirectX和OpenGL的书看了,这要考验个人数学能力和逻辑思维能力以及美工水平要强。
不过俄罗斯方块之类的小游戏就不用这么麻烦了,以上仅针对中大型游戏适用。很多人都希望自己可以会开发游戏,这个想法其实是很好的,但对于很多没有技术基础,没有理论基础的人来说,自己开发确实有些难度。
(4)前端开发怎么做游戏扩展阅读:
游戏行业是个发展很好的产业,目前游戏公司为员工提供的福利也是非常的好,这主要体现在员工薪酬及员工工作环境这两方面。相较于传统行业,游戏从业人员的起薪与其相当,随着工作经验的积累,游戏从业人员的工资将翻番。
薪酬看具体公司的业绩,开发期间作为开发人员拿得要少些,普通人员可能低于5000,少数业绩好的公司可能在8000左右。一旦游戏投放市场,获得盈利,工资自然会上涨,普通人员拿到8000应该是个差不多的数目,业绩越好收入越多。
Ⅳ h5小游戏开发是怎么做的简单吗
这个问题还真不好回答,
H5小游戏,其实就是 html5 + css3 + javascript 等原生技术开发的小游戏。至于简不简单,那得看你的学习能力和理解能力了。html5+css3+javascript 是前端开发的基础技术,但是也是最重要的技术。入门比较容易,但是要精通还真的不简单。
小游戏主要就是结合html5,使用canvas 和 css3的各种属性,然后结合 js来进行操作。学好这些技术,开发一个简单的小游戏并不难。