入门篇-SuperPowers
来源:互联网 发布:同志名媛marc知乎 编辑:程序博客网 时间:2024/06/05 02:35
首先我们可以去官网下载http://superpowers-html5.com/index.en.html,或者使用nodejs工具下载 git clone https://github.com/superpowers/superpowers-core superpowers/core
然后我们打开引擎,设置用户名和密码,开启服务器,就可以打开工程,我们新建一个工程名字为Storage Demo,单击新建资源sprite
然后加载一个水母图片,
然后在单击新建资源菜单,单击建立一个脚本,命名为game。然后写代码
class CharacterBehavior extends Sup.Behavior {
speed = 0.1;
//控制角色的移动
update() {
if (Sup.Input.isKeyDown("A")) this.actor.moveX(-this.speed);
if (Sup.Input.isKeyDown("D")) this.actor.moveX(this.speed);
if (Sup.Input.isKeyDown("W")) this.actor.moveY(this.speed);
if (Sup.Input.isKeyDown("S")) this.actor.moveY(-this.speed);
if (Sup.Input.isKeyDown("ESCAPE")) this.actor.setPosition(0, 0, 0);
}
}
//注册角色的行为
Sup.registerBehavior(CharacterBehavior);
// 设置角色和相机
let actor = new Sup.Actor("Character");
new Sup.SpriteRenderer(actor, Sup.get("Sprite", Sup.Sprite));
actor.addBehavior(CharacterBehavior);
//新建一个相机
let cameraActor = new Sup.Actor("Camera");
new Sup.Camera(cameraActor);
cameraActor.setLocalPosition(0, 0, 10);
// 当退出的时候保存角色的位置
Sup.Input.on("exit", () => {
Sup.Storage.setJSON("myCharacterPosition", { x: actor.getX(), y: actor.getY() });
});
// 重新加载并保存角色的位置
let savedPosition = Sup.Storage.getJSON("myCharacterPosition", { x: 0, y: 0 });
actor.setPosition(savedPosition.x, savedPosition.y, 0);
然后就可以在浏览器上运行了,运行的效果
- 入门篇-SuperPowers
- [译]不要开发Apps,开发Superpowers
- 入门篇
- 入门篇
- IOS入门(入门篇)
- Python爬虫入门【入门篇】
- XSLT入门 -- 第1章 入门篇
- MySQL入门学习(二)入门篇
- XSLT入门 -- 第1章 入门篇
- Siverlight入门之路-入门篇
- MySQL入门学习(二)入门篇
- MySQL入门学习(二)入门篇
- Drools入门-----------环境搭建,Helloworld 入门篇
- 单元测试-入门篇
- osworkflow入门篇
- Spring AOP入门篇
- WML设计-入门篇
- JDBC入门基础篇
- storm 程序自定义slf4j日志级别控制
- Gym小记(三)
- STL的基本介绍
- Linux中的高级文本处理命令,cut命令,sed命令,awk命令
- 前段开发者JavaScript 数组常用方法
- 入门篇-SuperPowers
- Tomcat去除项目名称和端口号,直接使用ip地址访问项目的方法
- 算法系列15天速成——第十天 栈
- 通过远程终端登录虚拟机提示被拒绝
- 基于WiFi的室内定位技术的感想
- 集合分页展示,补全最后一页
- 纪念日
- 容器的简单介绍
- Ubuntu之首次设置root密码