pixi小游戏开发(vue+typescript)

一直以来都觉得typescript是以后前端发展的趋势,一些大厂的前端项目都已经在用ts来替代js了. 正好最近刚开始准备用pixi写个小游戏,因为刚开工没多久,于是今天就将之前的功能用ts去实现了一下,部分功能之前的博客也有提到过. 用的是vue-cli的3.11版本,并且选择了TypeScript,项目初始化后目录如下图所示(红框除外): 单个页面的代码截图如下: 有一点需要注意的是: @component注解必须加上,无论你是当作路由页面使用还是当作组件使用,不然解析的时候就会有问题(至少…

.Net Core ORM选择之路，哪个才适合你通用查询类封装之Mongodb篇 Snowflake(雪花算法)的JavaScript实现【开发记录】如何在B/S项目中使用中国天气的实时天气功能【开发记录】微信小游戏开发入门——俄罗斯方块

.Net Core ORM选择之路,哪个才适合你因为老板的一句话公司项目需要迁移到.Net Core ,但是以前同事用的ORM不支持.Net Core 开发过程也遇到了各种坑,插入条数多了也特别的慢,导致系统体验比较差好多都改写Sql实现. 所以我打算找一款性能比较好功能比较完善方便以后可以切换数据库(经过我对老板的了解这个功能非常重要) 并且要有一定用户基础的ORM 参赛ORM 能够参赛的ORM必须要有以下个条件第一.功能方面要比较完善第二.Github需要有一定人气并且最近有…

Egret白鹭H5小游戏开发入门（二）

前言: 昨天的文章中简单的介绍了Egret白鹭引擎从安装到基本的使用配置等问题,今天着重介绍H5小游戏开发的起步阶段,如Wing面板的使用,素材的处理,类的说明,开始布局等等. 整体概况: 根据上一篇文章的提示,我们找到index.html,将帧率data-frame-rate修改成60.根据设计图宽高,我将data-content-width设成640,data-content-height设成1038: 就是下图不包括微信工具栏的高度.至于适配模式我先设成exactFit,以canvas的渲…

Egret白鹭H5小游戏开发入门（三）

前言: 在上一篇文章中着重介绍了H5小游戏开发的起步阶段,如Wing面板的使用,素材的处理,类的说明等等,那么今天主要是涉及到场景的创建,loading的修改等等的代码编写. 对于这一节,我在讲解的过程中会使用到众多的类或对象,对于它们的具体用法,建议查看白鹭官方文档. 文档地址:http://edn.egret.com/cn/docs/page/639 修改Loading 上一节我们讲到即将创建场景createGameScene()的时候就结束了,这一节在我们正常创建场景之前,我们先修改一下l…

一、微信小游戏开发 --- 初次在微信开发者工具里跑Egret小游戏项目

尝试下Egret的小游戏开发,学习,学习,干IT,不学习,就得落后啊... 相关教程: Egret微信小游戏教程微信公众平台-微信小游戏教程微信公众平台-微信小游戏接入指南开发版本: Egret Engine 5.1.11 Egret Wing 4.1.5 微信开发者工具 1.02.1803210 开发流程: 一. 注册微信小程序账号. 二. 下载安装微信开发者工具. 三. Egret创建微信小游戏项目一.注册微信小程序账号前往微信公众平台,按照小程序注册教程注册账号. 二.下载安装…

Egret白鹭H5小游戏开发入门（一）

前言: 好久没更新博客了,以前很多都不会,所以常常写博客总结,倒是现在有点点经验了就懒了.在过去的几个月里,在canvas游戏框架方面,撸过了CreateJS,玩得了Egret,又学过PIXI.js.在移动前端方面,尤其是小游戏开始有一点点小经验了.但只是小经验,为什么说是小经验? 首先,深度不足,虽然用得最熟最多的白鹭,可是习惯了JavaScript,对TypeScript的OOP编程掌握得还不够:其次,对Egret等游戏框架了解的广度还不够,还有相当部分用法没用到.虽然能够应付朋友圈里传播的…

【python游戏编程之旅】第九篇---嗷大喵快跑小游戏开发实例

本系列博客介绍以python+pygame库进行小游戏的开发.有写的不对之处还望各位海涵. 前几期博客我们一起学习了,pygame中的冲突检测技术以及一些常用的数据结构. 这次我们来一起做一个简单的酷跑类游戏综合运用以前学到的知识. 程序下载地址:http://yunpan.cn/cLIcJgTvq4tZS 访问密码 901f 源代码网盘地址:http://yunpan.cn/cLIc67S4nNRFY 访问密码 c139 github地址:https://github.com/XINCGer/…

【python游戏编程之旅】第五篇---嗷大喵爱吃鱼小游戏开发实例

本系列博客介绍以python+pygame库进行小游戏的开发.有写的不对之处还望各位海涵. 我们一同在前几期的博客中已经学到了很多pygame的基本知识了,现在该做个小游戏实战一下了. 前几期博客链接: 第一篇:初识pygame http://www.cnblogs.com/msxh/p/4966899.html 第二篇:pygame中的IO.数据 http://www.cnblogs.com/msxh/p/4973003.html 第三篇:pygame事件与设备轮询 http://www…

13、Cocos2dx 3.0三，找一个小游戏开发3.0中间Director ：郝梦主，一统江湖

重开发人员的劳动成果.转载的时候请务必注明出处:http://blog.csdn.net/haomengzhu/article/details/27706967 游戏中的基本元素在曾经文章中,我们具体介绍了游戏开发的概念以及 Cocos2d-x 与其它游戏引擎的不同之处.甚至已经学会了它与众不同的内存管理机制. 想必大家已经非常期待開始探索 Cocos2d-x 游戏开发的世界了. 在后面的文章中,我们将结合详细的实例,从 Cocos2d-x 游戏开发的基本元素讲起. 从这章開始,我会在学习…

14、Cocos2dx 3.0三，找一个小游戏开发Scene and Layer：游戏梦想

发人员的劳动成果,转载的时候请务必注明出处:http://blog.csdn.net/haomengzhu/article/details/30474393 Scene :场景了解了Director 之后,接下来介绍 Scene 这个与它紧密相关的游戏组件. 通过之前的学习,我们已经了解了场景以及它在流程控制中的地位. 在 Cocos2d-x 中,Scene 定义了一个场景.场景仅仅是层的容器.包括了全部须要显示的游戏元素. 因此相对于其它游戏元素,Scene 并没有提供什么特别的功能,就是一…

微信小游戏开发之四：使用three.js引擎

一.前言微信小游戏中最魔性的'跳一跳'就是基于three.js 引擎开发的源码放到github上了:GitHub地址请自行下载. 二.下载 three.min.js 打开页面,复制代码到本地三.引用使用如下方式在小游戏中引用three let THREE = require('three.min.js的路径') 四.开始创建3dgame.js文件需要注意的是,在微信小游戏中并没有'ImageBitmap'这个全局对象,所以在加载纹理贴图时会报错,此时需要修改源码 let THR…

微信小游戏开发Canvas资源汇总

Demo: 微信小程序demo组件:股票分时图微信小程序小组件:仿直播点赞气泡效果,基于Canvas 优质demo推荐:二维码生成器:使用canvas与纯JS版二维码生成微信小程序学习用完整demo:canvas涂鸦(含node后端) 微信小程序canvas demo:黑客帝国metrix效果.渐变时钟微信小程序优质demo推荐:转盘抽奖:Canvas绘制可配置(已更新) 微信小程序demo:canvas手绘雷达图微信小程序学习用demo:装逼生成器:canvas绘制图片微信小程序学习…

Unity3D小游戏开发之两个我踩过的坑

最近在开发一个植物大战僵尸小游戏,今天写了一早上的代码,踩了两个坑,这两个坑的位置分别位于触发器和数据转换,写这篇博文以此来让其他程序员不要再去踩这两个坑. 1.我在做简易僵尸模型的时候,这个僵尸模型的父对象是一个空物体,然后碰撞体是加在子物体上,然后在父物体上设了tag为Zombie,子物体没有设标签. 我在开发豌豆射手发射的子弹的过程中,我一开始给子弹加的时Sphere Collider ,没有勾选触发器.然后发射了这个子弹之后会碰撞到僵尸,在僵尸身上的碰撞检测的回调函数里通过tag来判断一…

5、Cocos2dx 3.0小游戏开发的例子寻找测试三个简单的介绍和总结

繁重的劳动开发商,当转载请注明出处:http://blog.csdn.net/haomengzhu/article/details/27186557 測试例子简单介绍 Cocos2d-x 为我们提供了十分丰富的測试例子,这些測试例子是在引擎开发过程中为測试引擎的正确性而编写的代码,同一时候也是演示引擎各个部分怎样使用的良好演示例子. 打开Cocos2d-x根文件夹下build文件夹下的cocos2d-win32.vc2012.sln解决方式,设置当中的 cpp-tests 项目为启动项目.成功执…

8、Cocos2dx 3.0三，找一个小游戏开发3.0存储器管理的版本号

重开发人员的劳动成果,转载的时候请务必注明出处:http://blog.csdn.net/haomengzhu/article/details/27693365 复杂的内存管理移动设备上的硬件资源十分有限,内存尤为宝贵.开发人员必须十分谨慎地利用内存,避免不必要的消耗.更要防止内存泄漏. 基于 Cocos2d-iPhone 的 Objective-C风格的内存管理是 Cocos2d-x 的一个特色. 把 Objective-C 的内存管理方式引入 C++,使得游戏开发的内存管理难度下降了个层次…

4、Cocos2dx 3.0三，找一个小游戏开发Hello World 分析

尊重开发人员的劳动成果.转载的时候请务必注明出处:http://blog.csdn.net/haomengzhu/article/details/27186557 Hello World 分析打开新建的"findmistress"项目,能够看到项目文件是由多个代码文件及目录组成的.当中 Hello World 的代码文件直接存放于该项目目录中.以下我们来具体介绍一下项目的文件组成. 1."resource" 该目录主要用于存放游戏中须要的图片.音频和配置等资源文件…

createjs 小游戏开发实战

[转载请注明出处] 紧接着上一篇文章createjs入门:http://www.cnblogs.com/beidan/p/7055422.html 这里来一篇小游戏实战篇. 游戏整体思路实现 1. 实现一个无缝连接的背景图,模拟出汽车在加速的状态 this.backdrop = new createjs.Bitmap(bg); this.backdrop.x = 0; this.backdrop.y = 0; this.stage.addChild(that.backdrop); this.w…

三、微信小游戏开发 --- 小游戏API调用Platform

微信小游戏API Platform主要是Egret用于来调用平台的SDK的. 在Egret中使用接口定义Platform. Egret项目中默认的platform值是DebugPlatform. 发布微信小游戏后,重新定义了platform的值为WxgamePlatform. game.js中的小游戏API定义位置platform.js 所以最终结果是Egret在项目中调用platform时,会调用小游戏项目的platform.js. Egret主项目Main.ts: 小游戏项目platform…