整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

游戏开发新手必知:哪种编程语言能为你的游戏梦想添砖加

游戏开发新手必知:哪种编程语言能为你的游戏梦想添砖加瓦?

ello!这里是W3Cschool编程狮的小狮妹。

游戏开发一直以来都是编程领域中备受关注的一个重要方向。想象一下,在虚拟的游戏世界里,你可以成为超级英雄、探险家,创造自己的独特宇宙。游戏世界无限广阔,而成为一名游戏开发者就像是成为了这个神奇世界的创造者之一。


不过,对于编程的初学者和从业者来说,选择适合自己的编程语言可能是一项挑战。市场上有很多种编程语言,每一种都有自己的优缺点,那么你应该如何选择适合游戏开发的编程语言呢?


其实,这没有一个绝对的答案,因为不同的游戏平台和类型可能需要不同的编程语言。但是,小狮妹可以根据一些常见的游戏平台,给大家一些参考的建议。


游戏平台决定编程语言的选择

首先要考虑的是游戏将在哪个平台上运行。一般来说,游戏平台可以分为以下三类:


PC端或主机端

如果你想开发PC端或主机端的游戏,那么你最好学习C#或C++这两种编程语言。这是因为:


  • C#和C++都是高性能的编程语言,可以充分利用硬件资源,提高游戏的运行速度和画面质量。


  • C#和C++都支持面向对象的编程范式,可以让你更好地组织和管理游戏的代码结构,提高代码的可读性和可维护性。


  • C#和C++都有很多成熟的游戏引擎和库,可以让你快速地开发出各种类型和风格的游戏。例如,Unity、Unreal Engine、Cocos2d-x等。


  • C#和C++都有很多参考资料和社区支持,可以让你在遇到问题时找到解决方案。


移动端Android平台

如果你想开发移动端Android平台的游戏,那么你最好学习Java这种编程语言。这是因为:


  • Java是Android平台的官方开发语言,可以直接使用Android SDK进行游戏开发,无需额外安装其他工具或环境。


  • Java是一种跨平台的编程语言,可以让你的游戏在不同的设备上运行,无需修改代码或重新编译。


  • Java是一种易学易用的编程语言,它有着简洁明了的语法和丰富的内置类库,可以让你快速地掌握基本的编程概念和技巧。


  • Java也有很多优秀的游戏引擎和库,可以让你轻松地开发出精彩的游戏。例如,LibGDX、AndEngine、Corona SDK等。


移动端IOS平台

如果你想开发移动端IOS平台的游戏,那么你最好学习Objective-C这种编程语言。这是因为:


  • Objective-C是IOS平台的原生开发语言,可以直接使用Xcode进行游戏开发,享受苹果公司提供的优质服务和资源。


  • Objective-C是一种基于C语言扩展的编程语言,它兼容C语言的所有特性,并增加了面向对象和动态特性,可以让你更灵活地设计和实现游戏功能。


  • Objective-C也有很多专业的游戏引擎和库,可以让你打造出高品质的游戏。例如,SpriteKit、Cocos2d-iphone、Unity等。


额外的编程语言

除了上述主要语言之外,游戏开发人员可能还需要学习其他编程语言,以胜任各种工作任务。


例如:


  • Lua:一种轻量级的脚本语言,可以用来编写游戏的逻辑和交互,或者作为游戏引擎的扩展语言。它有着简单的语法和高效的性能,可以让你快速地实现游戏功能。很多游戏引擎都支持Lua语言,例如,Cocos2d-x、Corona SDK、Love2D等。


  • JavaScript:一种广泛应用于网页开发的脚本语言,可以用来开发基于HTML5的网页游戏,或者作为游戏引擎的扩展语言。它有着灵活的语法和强大的功能,可以让你创建出丰富多彩的游戏效果。很多游戏引擎都支持JavaScript语言,例如,Phaser、Pixi.js、Three.js等。


  • HTML5:一种用于描述网页结构和内容的标记语言,可以用来开发跨平台的网页游戏,或者作为游戏引擎的基础技术。它有着简洁明了的标签和属性,可以让你方便地布局和显示游戏元素。很多游戏引擎都基于HTML5技术,例如,Phaser、Pixi.js、Egret Engine等。


  • Python:一种优雅易读的编程语言,可以用来开发各种类型的应用程序,包括游戏。它有着丰富的内置类库和第三方模块,可以让你轻松地实现各种功能。它也有一些专门用于游戏开发的库,例如,Pygame、Pyglet、Panda3D等。


编程语言的选择

编程语言的选择取决于你的目标和水平,你需要根据自己的情况来做出合理的决定。一般来说,编程语言的选择可以分为以下两种情况:


  • 如果你是一个初学者,想要通过学习尽可能少的编程语言来从事游戏开发,那么我建议你选择C++和Java。这两种编程语言都是非常通用和强大的编程语言,可以涵盖大部分的游戏开发需求,而且学习资源也很丰富。你可以通过学习C++来开发PC端或主机端的游戏,也可以通过学习Java来开发移动端Android平台的游戏。而且,这两种编程语言都跟Objective-C比较相似,都是在C语言基础上发展来的,所以你学习C++之后可以在短时间内掌握Objective-C,从而也可以开发移动端IOS平台的游戏。


  • 如果你是一个从业者,想要提高自己的技能和水平,那么我建议你学习多种编程语言,并根据不同的任务和需求来选择合适的编程语言。因为游戏开发是一个需要不断学习和更新的领域,因为游戏技术和市场都在快速变化,所以你需要掌握多种编程语言和工具,以及适应不同的游戏风格和类型。你可以通过学习Lua、JavaScript、HTML5、Python等编程语言来增加自己的灵活性和创造性,也可以通过学习C#、Objective-C等编程语言来增加自己的专业性和效率。


结语

总之,游戏开发需要用到不同的编程语言,而且没有一种编程语言是万能的。选择适合自己情况和职业发展的编程语言对于游戏开发至关重要。你需要根据自己的目标和水平来选择合适的编程语言,只有这样,你才能做出好玩的游戏。

Phaser是一个有趣,免费和快速的2D游戏框架,用于制作桌面和移动web浏览器的HTML5游戏,支持Canvas和WebGL渲染。游戏可以通过第三方工具编译到iOS, Android和本地应用。可以使用JavaScript或TypeScript进行开发。






Github

https://github.com/photonstorm/phaser

特性

除了出色的开源社区,Phaser也由 Photon Storm积极开发和维护。由于其快速的支持和开发者友好的API, Phaser目前是GitHub上最受欢迎的游戏框架之一。

  • WebGL和Canvas支持

Phaser在内部同时使用Canvas和WebGL渲染器,并且可以根据浏览器支持在它们之间自动交换。这允许在桌面和移动设备上快速渲染

  • 预加载

将资产的加载简化为一行代码。图像、声音、Sprite Sheets、Tilemaps、JSON数据、XML—所有这些都会自动解析和处理,随时可以在游戏中使用,并存储在一个全局缓存中供游戏对象共享。

  • 物理系统

Phaser支持3个物理系统:Arcade physics,一个非常轻的AABB库,非常适合低功耗设备。Matter.js提供弹性和更高级的支持

  • Sprites

Sprites是游戏的生命之血。定位它们,在它们之间,旋转它们,缩放它们,为它们设置动画,碰撞它们,将它们绘制到自定义纹理上等等。Sprites也有完全的输入支持:点击他们,触摸他们,拖动他们,捕捉他们-甚至像素完美的点击检测

  • 分组

将大量的Sprites组合在一起,以便于共享和回收,避免不断地创建对象。分组也可以发生冲突:例如,一个“子弹”组检查与“外星人”组的冲突,并使用自定义的冲突回调来处理结果。

  • 动画

Phaser支持具有固定帧大小的经典Sprite Sheets以及几种常见的纹理图集格式,包括texture Packer、Starling和Unity YAML。所有这些都可以用来轻松地创建动画。

  • 粒子

粒子系统是内置的,它允许你轻松地创建有趣的粒子效果。创建爆炸或持续的流效果,如雨或火。或者将发射器附加到精灵上以获得喷射轨迹。

  • 摄像头

具有先进的多摄像头支持。轻松创建额外的摄像头,然后在屏幕上的任何位置定位和缩放它们。相机可以滚动,也有特殊效果,如震动,闪光和褪色。四处摇摄,轻松跟随精灵。

  • 输入系统

如果鼠标不停地在屏幕上切换,即使是鼠标也无法切换。触摸,鼠标,键盘,游戏板和许多有用的功能,让你可以制作任何你需要的输入系统

  • 音频系统

Phaser同时支持Web音频和传统HTML音频。

  • tilemap

Phaser只需几行代码就可以加载、渲染和与tilemap相冲突。我们、、支持多个平铺层的CSV和平铺地图数据格式。有很多强大的图块操作功能:交换、替换、删除、添加和实时更新地图

  • 设备缩放

Phaser 2有一个内置的缩放管理器,允许你缩放你的游戏,以适应任何大小的屏幕。控制宽高比、最小和最大刻度以及全屏支持(即将推出Phaser 3)

  • 插件系统

可以利用插件来解决一些基本问题之外的问题

  • 移动浏览器

Phaser是专门为移动web浏览器而构建的。当然,它在桌面上运行的速度也非常快!



如何使用

npm install phaser

或者使用cdn

  • 示例
<!DOCTYPE html>
<html>
<head>
    <script src="./dist/phaser-arcade-physics.min.js"></script> 
</head>
<body>

    <script></script>

</body>
</html>
var config={
    type: Phaser.AUTO,
    width: 800,
    height: 600,
    physics: {
        default: 'arcade',
        arcade: {
            gravity: { y: 200 }
        }
    },
    scene: {
        preload: preload,
        create: create
    }
};

var game=new Phaser.Game(config);

function preload ()
{
    this.load.setBaseURL('http://***');

    this.load.image('sky', 'assets/skies/space3.png');
    this.load.image('logo', 'assets/sprites/phaser3-logo.png');
    this.load.image('red', 'assets/particles/red.png');
}
function create ()
{
    this.add.image(400, 300, 'sky');

    var particles=this.add.particles('red');

    var emitter=particles.createEmitter({
        speed: 100,
        scale: { start: 1, end: 0 },
        blendMode: 'ADD'
    });

    var logo=this.physics.add.image(400, 100, 'logo');

    logo.setVelocity(100, 200);
    logo.setBounce(1, 1);
    logo.setCollideWorldBounds(true);

    emitter.startFollow(logo);
}


总结

Phaser是一个非常强大的2D游戏引擎框架,感兴趣的小伙伴不要错过啦!

开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目,包括技术、学习、实用与各种有趣的内容。本期推荐的是一个支持2D、3D的游戏与应用开发的的小游戏引擎——LayaAir。

支持WebGL 1.0与2.0 自适应。支持ActionScript3、TypeScript、JavaScript三种开发语言,适用2D、3D产品研发。性能媲美原生APP,一次开发HTML5、APP(安卓与iOS)、小游戏(微信小游戏、QQ小游戏、百度小游戏、支付宝小游戏、BiliBili小游戏、字节跳动小游戏、小米快游戏、OPPO小游戏、vivo小游戏、华为快游戏、等)各个平台同时发布。


功能特性

LayaAir引擎主要包括 引擎库LayaAir IDE 两大核心部分。

LayaAir2.0引擎库功能

  • LayaAir2.0引擎不仅保持了1.0的原有功能,比如:精灵、矢量图、文本、富文本、位图字体、动画、骨骼、音频与视频、滤镜、事件、加载、缓动、时间、网络、UI系统、物理系统、TiledMap、prtocol等API;
  • 还新增内置了box2D物理引擎、组件化支持,以及150多款3D功能,比如:新增的主要官方材质包括PBRStandardMaterial、PBRSpecularMaterial以及UnlitMaterial材质等。
  • 纹理方面,增加多种纹理参数配置(mipmap、format、wrapModeU、wrapModeV、filterMode、anisoLevel), 增加纹理上传像素接口, GPU纹理压缩。
  • 动画方面,新增Animator动画融合功能crossFade,新增动画多层混合播放,动画更新机制调整为实时插值,大幅减少内存和动画流畅度表现,新增多种材质属性动画
  • 支持开发2D、3D产品研发,支持同时发布为Web(浏览器、webView)、Native APP(IOS、安卓)、小游戏(微信、手Q、百度、头条、抖音、小米、OPPO、vivo、华为)、等多种版本。

LayaAir2.0 IDE功能

LayaAir2.0 IDE主要包括项目管理代码开发编辑器可视化编辑器第三方工具链支持工具等。其中主要功能包括:

  • 代码开发
  • UI与场景编辑器
  • 场景管理(2.0新增)
  • 粒子编辑器
  • 动画编辑器
  • 物理编辑器(2.0新增)
  • 组件化支持(2.0新增)
  • 3D支持(2.0新增)
  • LayaCloud项目支持(2.0新增)
  • 脚本扩展
  • 预设
  • APP打包
  • JS混淆与压缩
  • 第三方工具链转换工具(Unity3D、TiledMap、Spine、龙骨……)

Laya2.0 IDE 兼容LayaAir 1.x版本的写法,在2d项目中,可以不需要太大的改动即可把原有项目升级到2.0引擎(升级前建议备份)

Laya2.0 IDE 采用挂载组件脚本与场景管理的方式进行开发,在ide中编辑场景与页面组件,通过添加脚本的方式,使项目开发更利于程序,美术,策划的协同工作,并且对初次接触Laya的开发者,更易于上手,开发方式更友好。

开发语言

由于LayaAir引擎支持ActionScript3(AS3)TypeScript(TS)JavaScript(JS)三种语言开发,到底用哪种语言更好呢?常常困惑着刚接触引擎的新手们。这里简单介绍一下。

关于JS语言

需要大家注意的是JS语言虽然上手更为容易,但是作为一弱类型语言,开发与调试的难度,以及大型项目的管理与多人协作等方面,都不如TS与AS3这种可以在IDE中检测类型和语法语言。当代码越来越多的时候,JS一旦不小心写错,IDE中并不会有任何提示,只有在运行的时候才会发现问题,经常有开发者为了查一个小小的失误,花费大量的时间成本。所以虽然支持JS语言开发,但并不建议采用该语言作为中型或大型项目的开发。

关于TS语言

TS语言是LayaAir引擎官方推荐的开发语言,也是自2.2引擎开始,LayaAir引擎源码所使用的语言。在官方的2.0引擎视频教学中,也会仅采用TS语言进行教学。

关于AS语言

AS语言是LayaAir 2.2版本之前的引擎源码语言,AS3语言曾经是页游时代的霸主,但自从Adobe正式宣布放弃Flash之后,也代表着该语言也将步入无人维护的境地。那一些新的语言特性自然难以支持,毫无疑问,继续使用该语言将会拖引擎的后腿。所以,LayaAir引擎源码语言进行了变更,但2.X版引擎,AS语言版本仍会保持兼容及维护。但未来3.x一定会放弃该语言的支持。所以建议开发者在创建新项目的时候不要使用AS语言。

代码示例

场景加载

ActionScript

package LayaAir3D_Scene3D {
	import common.CameraMoveScript;
	import laya.d3.core.Camera;
	import laya.d3.core.scene.Scene3D;
	import laya.d3.math.Vector3;
	import laya.d3.math.Vector4;
	import laya.display.Stage;
	import laya.utils.Handler;
	import laya.utils.Stat;
	
	public class SceneLoad1 {
		public function SceneLoad1() {
			//初始化引擎
			Laya3D.init(0, 0);
			Stat.show();
			Laya.stage.scaleMode=Stage.SCALE_FULL;
			Laya.stage.screenMode=Stage.SCREEN_NONE;
			//加载场景
			Scene3D.load("res/threeDimen/scene/LayaScene_dudeScene/Conventional/dudeScene.ls", Handler.create(this, function(scene:Scene3D):void {
				Laya.stage.addChild(scene) as Scene3D;
				
				//获取场景中的相机
				var camera:Camera=scene.getChildByName("Camera") as Camera;
				//移动摄像机位置
				camera.transform.position=new Vector3(0, 0.81, -1.85);
				//旋转摄像机角度
				camera.transform.rotate(new Vector3(0, 0, 0), true, false);
				//设置摄像机视野范围(角度)
				camera.fieldOfView=60;
				//设置背景颜色
				camera.clearColor=new Vector4(0, 0, 0.6, 1);
				//加入摄像机移动控制脚本
				camera.addComponent(CameraMoveScript);
				
				//设置灯光环境色
				//scene.ambientColor=new Vector3(2.5, 0, 0);
			}));
		}
	}
}

JavaScript

class SceneLoad1{
	constructor(){
		Laya3D.init(0, 0);
        Laya.Stat.show();
        Laya.stage.scaleMode=Laya.Stage.SCALE_FULL;
        Laya.stage.screenMode=Laya.Stage.SCREEN_NONE;
        Laya.Scene3D.load("res/threeDimen/scene/LayaScene_dudeScene/Conventional/dudeScene.ls", Laya.Handler.create(this, this.sceneLoadFinished));
	}
	sceneLoadFinished(scene){
		Laya.stage.addChild(scene);
        let camera=scene.getChildByName("Camera");
        camera.addComponent(CameraMoveScript);
	}
}

//激活启动类
new SceneLoad1();

TypeScript

import CameraMoveScript from "./common/CameraMoveScript"
class SceneLoad1 {
    constructor() {
        Laya3D.init(0, 0);
        Laya.Stat.show();
        Laya.stage.scaleMode=Laya.Stage.SCALE_FULL;
        Laya.stage.screenMode=Laya.Stage.SCREEN_NONE;
        
        Laya.Scene3D.load("res/threeDimen/scene/LayaScene_dudeScene/Conventional/dudeScene.ls", Laya.Handler.create(null, function(scene:Laya.Scene3D):void {
            Laya.stage.addChild(scene) as Laya.Scene3D;
            var camera:Laya.Camera=scene.getChildByName("Camera") as Laya.Camera;
            camera.addComponent(CameraMoveScript);
        }));
    }
}
new SceneLoad1;

引擎示例

环境反射

光照贴图

方向光

网格加载

基础碰撞器

玻璃折射

模型示例



—END—

开源协议:https://gitee.com/layabox/LayaAir/blob/master/LICENSE.md

开源地址:https://gitee.com/layabox/LayaAir