网页游戏开发利器,morn系列教程之Morn简介及使用教程 网页游戏开发的一大部分工作是在和UI制作上,一个好的工具及框架能使开发事半功倍,Adobe自带flash IDE和Flex各有不足. Morn UI学习了Flash IDE使用的方便性(比如图层功能,对齐,缩放,层次切换等等),同时吸取Flex组件化的特点,抛弃了Flex臃肿的结构,具有轻量级,高性能,可视化,易扩展等特性,满足了各种个性化开发需求,详情可以到http://www.mornui.com/了解 下面说一下Morn Buil…

在讲解List之前,我们先介绍一下Morn组件赋值功能 默认属性赋值 界面逻辑开发过程中,经常会涉及到动态更改UI属性,比如: 界面有一个按钮,一个多选框和一个文本,分别命名为myButton,myCheckBox,myLabel 假如你需要更改按钮的label属性为”按钮”,同时让CheckBox变成选中状态,并且还要修改Label组件的内容,传统的做法是先取出来,然后再更改其属性,代码如下: var myButton:Button = getChildByName("myButton&quo…

[Morn UI系列教程]Morn简介及使用教程 网页游戏开发的一大部分工作是在和UI制作上,一个好的工具及框架能使开发事半功倍,Adobe自带flash IDE和Flex各有不足. Morn UI学习了Flash IDE使用的方便性(比如图层功能,对齐,缩放,层次切换等等),同时吸取Flex组件化的特点,抛弃了Flex臃肿的结构,具有轻量级,高性能,可视化,易扩展等特性,满足了各种个性化开发需求,详情可以到http://www.mornui.com/了解 下面说一下Morn Builder(可…

网页游戏开发的一大部分工作是在和UI制作上,一个好的工具及框架能使开发事半功倍,Adobe自带flash IDE和Flex各有不足. Morn UI学习了Flash IDE使用的方便性(比如图层功能,对齐,缩放,层次切换等等),同时吸取Flex组件化的特点,抛弃了Flex臃肿的结构,具有轻量级,高性能,可视化,易扩展等特性,满足了各种个性化开发需求,详情可以到http://www.mornui.com/了解 下面说一下Morn Builder(可视化编辑器)使用方式 使用可视化UI编辑器(Mor…

精选10种常见的游戏类型,透过典型实例,深入剖析游戏引擎及工具的选用技巧,详细讲解每款游戏的制作过程,为快速掌握网页游戏开发提供系统而实用的指南. 网页游戏开发秘笈 目录: 译者序  前 言  导 言  第1章 问答游戏 1  1.1 第一步:出题 1  1.2 第二步:隐藏题目 8  1.3 第三步:重现题目 9  1.4 第四步:引入各种程序库 11  1.5 第五步:判断玩家所选答案是否正确 15  1.6 小结 19  第2章 文字冒险游戏 20  2.1 第一步:设计页面样式 21 …

Morn UI工作流 Morn Builder不仅仅是对Flash IDE的改进,传统的开发协作是以fla为基础,由于fla是二进制文件,在以svn等版本控制软件协作下,合并过程中会出现各种各样的问题 而Morn UI界面是以文本方式为基础的,所以能够轻松通过svn进行管理协作,并增加了更为有效的分工,提高美术,策划及程序的工作效率 Morn UI游戏开发流程图: 由于有可视化编辑器支持,UI制作人员既可以是美术,又可以是策划或程序担当 进一步了解Morn UI 1.了解组件 Morn UI有2…

  PHASERJS3 一.首先当然得有至少有二个场景sceneA.js,sceneB.js 二.从场景A传值到场景B二种方法 1)通过事件this.events.emit('event key',{objKey:objValue}); 从sceneA通过 ths.events.emit时传值到sceneB时有个需要特别注的事项就是,得把sceneB的 active设为 ture,否则因为 sceneB还未激活,是监听不到 events.on事件的!!! 2)通过场景启动this.scene.s…

一.首先当然得有至少有二个场景sceneA.js,sceneB.js 二.从场景A传值到场景B二种方法 1)通过事件this.events.emit('event key',{objKey:objValue}); 从sceneA通过 ths.events.emit时传值到sceneB时有个需要特别注的事项就是,得把sceneB的 active设为 ture,否则因为 sceneB还未激活,是监听不到 events.on事件的!!! 2)通过场景启动this.scene.start('gameB…

scene.js /// <reference path="../../libs/phaser/phaser.min.js"/> 'use strict'; var BootScene = new Phaser.Class({ Extends: Phaser.Scene, initialize: function BootScene() { Phaser.Scene.call(this, { key: 'Boot', active: true // listening re…

Morn里面,容器和其他普通组件不同,无需皮肤,所以也不能从组件树种拖动创建(Tab,RadioGroup例外),只能转换而来 Morn的容器组件主要有Box,Container,Panel,Tab,RadioGroup,List,ViewStack,他们的区别请查看教程<进一步了解Morn UI及工作流> 添加容器的操作步骤 1.选择要被包含在容器中的对象,比如我选择了一个label和button 2.用快捷键Ctrl+B转换为容器 这样就把label和button包含到了容器内 Box,C…