FLEX

CitrusEngine系列教程七：修改hero的默认动画（修改按键和增减动作）

由 你。 提交于 2020-02-29 07:50:00
作者： cls分享站 最近比较忙活，工作和家里都有些烦心的事情要处理，教程已经许久没更新了，感觉有点过不去啊。恰好今天有人问我如何修改hero默认按键和添加动画的问题，于是决定写一篇教程介绍一下~ 先预览一下最后界面吧： 那么，首先我们需要知道citrus 中是如何控制动画: 其实citrus 是通过修改hero类的_animation 来控制播放哪个动画的，而键盘事件是在Keyboard类（citrus.input.controllers）进行设置的，然后在hero类通过_ce.input.isDoing方法监听其输入后将_animation修改成对应的 关键代码如下： ....... ........ =》 查看完整教程 （含源码下载）《= ....... 来源： oschina 链接： https://my.oschina.net/u/1020146/blog/137653

CitrusEngine系列教程二：结合starling和Box2D开发游戏

由 与世无争的帅哥 提交于 2020-02-29 07:45:26
教程出自 cls分享站 CitrusEngine系列教程一：认识CitrusEngine CitrusEngine系列教程二：结合starling和 Box2D开发游戏 CitrusEngine系列教程三：使用flash cs 设计关卡 CitrusEngine系列教程四：Citrus的2D动画和摄像头 CitrusEngine系列教程五：使用PhysicsEditor创建box2d刚体 CitrusEngine系列教程六：使用Tiled Map Editor创建地图 ............................................................................ 首先脑补一下相关知识吧 Starling是一个ActionScript类库，它模仿了传统的Flash显示列表。然而，和传统的显示对象不同，Starling对象完全存在于Stage3D环境。这意味着，所有的显示对象都直接由GPU渲染，这会带来非常明显的性能提升。=》 Starling中文站 Box2DFlashAS3 是Box2D物理引擎的ActionScript 3.0移植版本。它具有功能强大，效率较高等优点，应用Box2DFlashAS3可以使我们的网站模拟真实世界的物理效果，从而使我们的站点具有非常强的真实感。而我们热心的拉登大叔给我们写过不少 优质教程 。

CitrusEngine系列教程三：使用flash cs 设计关卡

由 懵懂的女人 提交于 2020-02-29 07:28:15
教程出自 cls分享站 CitrusEngine系列教程一：认识CitrusEngine CitrusEngine系列教程二：结合starling和 Box2D开发游戏 CitrusEngine系列教程三：使用flash cs 设计关卡 CitrusEngine系列教程四：Citrus的2D动画和摄像头 CitrusEngine系列教程五：使用PhysicsEditor创建box2d刚体 CitrusEngine系列教程六：使用Tiled Map Editor创建地图 ............................................................................ CitrusEngine支持很多关卡编辑器，可以通过swf或者xml快捷的实现布局，这意味着我们可以使用flash cs 来实现场景设计。现在就让我们来探讨一下如何用flash cs 来设计关卡（本教程源文件使用的是flash cs6 和flex4.7）。 首先CitrusEngine给我们提供了非常方便的 Components.fla （点击可以下载）, 这个flash 文件使我们可以快速的创建基于box2d或nape的游戏场景。 打开Components.fla，我们可以看到库面板已经包含所有CitrusEngine基本的关卡组件

CitrusEngine系列教程五：使用PhysicsEditor创建box2d刚体

由 我的梦境 提交于 2020-02-29 07:01:00
作者： cls分享站 目前已有教程： CitrusEngine系列教程一：认识CitrusEngine CitrusEngine系列教程二：结合starling和 Box2D开发游戏 CitrusEngine系列教程三：使用flash cs 设计关卡 CitrusEngine系列教程四：Citrus的2D动画和摄像头 CitrusEngine系列教程五：使用PhysicsEditor创建box2d刚体 CitrusEngine系列教程六：使用Tiled Map Editor创建地图 ............................................................................ 之前教程中，创建游戏元素的时候，我们发现默认情况下box2d的刚体都是一个矩形，但很多时候我们需要不规则的刚体。如一棵树，崎岖的路面等。这时候我们需要自定义刚体的形状，但自己写代码似乎又有点麻烦，于是 PhysicsEditor 我们可以帮我很好的偷懒一番。 PhysicsEditor 是个很棒的工具，通过它的可视化编辑界面，点一点，拉一拉就可以轻松创建任意的多边形刚体模型，并将这个模型数据导出成我们所需的格式，例如AS3类。PhysicsEditor支持Box2D、Cocos2d、Nape等多种2D物理引擎。 只不过它也是个收费软件

WebGIS--ArcGIS for Flex系列开发二：Eclipse

由 ℡╲_俬逩灬. 提交于 2020-02-29 06:23:02
Eclipse集成Flash Builder 个人习惯使用Eclipse，本身Flash Builder也是基于Eclipse开发的，所以根据个人喜好选择是否执行此步骤。版本Eclipse for J2EE 3.7，用于网络开发 1、找到Flash Builder的安装目录： xx/utilities/文件夹下面有一个exe文件： 我们安装它： 1、选择Flash Builder的安装目录： 需要配置3.7版本的eclipse，安装完插件之后我们打开Eclipse发现变成了中文版，这样很不爽。于是可以在 configuration\config.ini 文件里增加一行配置： osgi.nl=en_US 然后再重启。就变回英文版了 来源： oschina 链接： https://my.oschina.net/u/615762/blog/1563444

CitrusEngine系列教程一：认识CitrusEngine

由 早过忘川 提交于 2020-02-29 03:17:59
教程作者： cls分享站 CitrusEngine系列教程一：认识CitrusEngine CitrusEngine系列教程二：结合starling和 Box2D开发游戏 CitrusEngine系列教程三：使用flash cs 设计关卡 CitrusEngine系列教程四：Citrus的2D动画和摄像头 CitrusEngine系列教程五：使用PhysicsEditor创建box2d刚体 CitrusEngine系列教程六：使用Tiled Map Editor创建地图 ............................................................................ 终于要做游戏项目了那，之前一直做flex应用开发如pdf在线编辑器 什么的，这次终于轮到游戏了，但我真没什么游戏开发经验，所以近来一直在脑补游戏开发知识，偶然发现在这个引擎，感觉还是蛮不错。 至于这个教程就不说为了方便大家什么的大话了，其实也就是为了加深自己的理解，也希望和大家的交流中获得更大进步。好了，不说废话，以下进入正题~ 首先什么是CitrusEngine？ Citrus 引擎提供了一个快速原型游戏的架构，特别是ACT横版过关类的。内置实现了platform 包，支持角色 (Hero) 、道具盒子(Sensor) 、平台 (platform) 并扩展了

3、flex六大属性之flex-wrap和flex-flow

由 坚强是说给别人听的谎言 提交于 2020-02-28 09:42:25
[toc] flex-wrap flex-wrap属性设置⼦项⽬的换⾏⽅式 值 描述 示例 nowrap 默认值。不换⾏ 1 wrap 换⾏，从上往下排列，第⼀⾏在上⽅ 2 wrap-reverse 换⾏，从下往上排列，第⼀⾏在下⽅ 3 示例1 nowrap 源码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <style> .flexTest { display: flex; width: 360px; /* no-wrap可不写，为默认 */ flex-wrap: no-wrap; border: 1px solid red; } .item { width: 100px; height: 100px; background-color: gray; margin: 10px; text-align: center; line-height: 100px; } </style> <body> <h1>flex-wrap</h1> <div class="flexTest"> <div class=

造轮子-toast组件的实现(下)

由 ≡放荡痞女 提交于 2020-02-28 07:59:06
1.解决 toast 中传入 html 的问题，通过假的 slot 来实现 // plugins.js toast.$slots.default = [message] // toast.vue <div v-html="$slots.default[0]"></div> // 使用 created() { this.$toast('<p>我是<strong>hi</strong></p>',{}) }, 2.在 toast 中加 html 是比较危险的一个动作，所以要加一个选项默认不开启。 // toast.vue <slot v-if="!enableHtml"></slot> <div v-else v-html="$slots.default[0]"></div> // plugin.js，进行传递参数的改写 propsData:toastOptions // 使用 created() { this.$toast('<p>我是<strong>hi</strong></p><a href="http://qq.com">qq</a>',{ enableHtml: false }) }, 3.flex-shrink的使用,flex-shrink属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。 .item { flex-shrink: <number>; /*

2、flex六⼤属性之flex-direction

由 ≡放荡痞女 提交于 2020-02-27 23:50:32
目录 [toc] flex-direction 简介 flex-direction属性决定主轴的⽅向 语法 值 描述 示例 row （默认值） 主轴为⽔平⽅向，起点在左边 1 row-reverse 主轴为⽔平⽅向，起点在右边 2 column 主轴为垂直⽅向，起点在上⾯ 3 column-reverse 主轴为垂直⽅向，起点在下⾯ 4 示例 示例1 示例1源码 <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>示例1源码</title> <style> .flexTest{ display: flex; height: 600px; border: 1px solid red; flex-direction: row; } .item{ width: 100px; height: 100px; background-color: gray; margin: 10px; text-align: center; line-height: 100px; } </style> <h1>示例1</h1> <div class="flexTest"> <div class="item">1</div> <div class="item">2<
订阅 FLEX