更新
This commit is contained in:
dengtongyu committed
1 parent
e69dab9fcf
commit
2ba76237b7
11 files changed
+11
-11
No files matched your search
+1
-1
@@ -13,7 +13,7 @@ timezone: ''
|
||||
|
||||
# URL
|
||||
## If your site is put in a subdirectory, set url as 'http://example.com/child' and root as '/child/'
|
||||
url: http://example.com
|
||||
url: http://dengtongyu.com
|
||||
root: /
|
||||
permalink: :year/:month/:day/:title/
|
||||
permalink_defaults:
|
||||
|
||||
@@ -10,7 +10,7 @@ tags:
|
||||
date: 2017-09-04 11:42:10
|
||||
---
|
||||
|
||||
Egret引擎是一个开源免费的游戏框架，用于构建二维游戏、演示程序和其他图形界面交互应用等。Egret使用TypeScript脚本语言开发。当游戏完成最终的打包后，可以将程序转换为HTML5游戏。实现跨平台特性。 Egret不仅仅是一个基于HTML5技术的游戏引擎，我们的产品线中除了Egret引擎还提供了很多辅助游戏开发的工具。准确的来说，Egret是一套游戏开发的解决方案。你可以使用Egret引擎来帮助你开发HTML5游戏，并运行在手机和PC端的浏览器中，同时也你可以使用Egret提供的相关工具搭建你自己的游戏开发工作流。 Egret的语法与ActionScript 3.0 一致，如果对as3.0熟悉的童鞋能很快上手。 果然有兴趣的童鞋可以直接去Egret的官网，有详细的文档资料 [白鹭引擎官网](https://www.egret.com/) 最近学习Egret，看了一些文档后，决定找个简单的项目自己练一下手，《围住神经猫》应该是个很好的选择。 先贴上完成的作品 [Demo](https://demo.dengtongyu.com/pages/nervcat/) **1. 新建项目** 打开EgretWing --> 文件 --> 新建项目 --> Egret游戏项目 完成后打开 src 下的 Main.ts，改文件就是整个项目的入口文件，里面还有一些已经写好的方法，方便你后面调用。 具体请参考 [传送门](http://edn.egret.com/cn/article/index/id/579) 里面介绍得很详细 **2. 加载进度条** 新建游戏项目后，默认的加载进度比较简陋，我们需要美化一下。 打开 src\\LoadingUI.ts 文件，这个就是加载进度条的类。
|
||||
Egret引擎是一个开源免费的游戏框架，用于构建二维游戏、演示程序和其他图形界面交互应用等。Egret使用TypeScript脚本语言开发。当游戏完成最终的打包后，可以将程序转换为HTML5游戏。实现跨平台特性。 Egret不仅仅是一个基于HTML5技术的游戏引擎，我们的产品线中除了Egret引擎还提供了很多辅助游戏开发的工具。准确的来说，Egret是一套游戏开发的解决方案。你可以使用Egret引擎来帮助你开发HTML5游戏，并运行在手机和PC端的浏览器中，同时也你可以使用Egret提供的相关工具搭建你自己的游戏开发工作流。 Egret的语法与ActionScript 3.0 一致，如果对as3.0熟悉的童鞋能很快上手。 果然有兴趣的童鞋可以直接去Egret的官网，有详细的文档资料 [白鹭引擎官网](https://www.egret.com/) 最近学习Egret，看了一些文档后，决定找个简单的项目自己练一下手，《围住神经猫》应该是个很好的选择。 先贴上完成的作品 [Demo](https://demo.dengtongyu.com/nervcat/) **1. 新建项目** 打开EgretWing --> 文件 --> 新建项目 --> Egret游戏项目 完成后打开 src 下的 Main.ts，改文件就是整个项目的入口文件，里面还有一些已经写好的方法，方便你后面调用。 具体请参考 [传送门](http://edn.egret.com/cn/article/index/id/579) 里面介绍得很详细 **2. 加载进度条** 新建游戏项目后，默认的加载进度比较简陋，我们需要美化一下。 打开 src\\LoadingUI.ts 文件，这个就是加载进度条的类。
|
||||
|
||||
```
|
||||
|
||||
|
||||
@@ -86,6 +86,6 @@ date: 2017-11-22 15:55:55
|
||||
}
|
||||
```
|
||||
|
||||
首先创建了DeviceOrientation的实例orientation。并给他添加了一个事件侦听器，监听它的CHANGE事件。然后调用了他的start()方法来开始监听设备方向的变化。 当系统监听到了方向的变化后，将回调函数 onOrientation。然后通过egret. OrientationEvent事件的三个属性来获取设备的方向变化信息。 OrientationEvent的三个属性：alpha, beta和gamma。 alpha表示设备绕 Z 轴的角度，单位是 角度 beta 表示设备绕 X 轴的角度，单位是 角度 gamma 表示设备绕 Y 轴的角度，单位是 角度 同样，创建了Motion的实例motion。并给他添加了一个事件侦听器，监听它的CHANGE事件。然后调用了他的start()方法来开始监听设备方向的变化。 当系统监听到了方向的变化后，将回调函数 onMotion。然后通过egret. MotionEvent事件的三个属性来获取设备运动的具体信息。 acceleration 表示设备在 X Y Z 轴方将的加速度信息，单位是 m/s2，不包含重力。 acceleration 表示设备在 X Y Z 轴方将的加速度信息，单位是 m/s2，包含重力。 rotationRate 表示设备在 alpha、 beta 和 gamma 三个轴向的角速度信息，单位是 角度每秒。 最终的效果demo->[传送门](https://demo.dengtongyu.com/pages/orientation/) 或者手机扫一扫：
|
||||
首先创建了DeviceOrientation的实例orientation。并给他添加了一个事件侦听器，监听它的CHANGE事件。然后调用了他的start()方法来开始监听设备方向的变化。 当系统监听到了方向的变化后，将回调函数 onOrientation。然后通过egret. OrientationEvent事件的三个属性来获取设备的方向变化信息。 OrientationEvent的三个属性：alpha, beta和gamma。 alpha表示设备绕 Z 轴的角度，单位是 角度 beta 表示设备绕 X 轴的角度，单位是 角度 gamma 表示设备绕 Y 轴的角度，单位是 角度 同样，创建了Motion的实例motion。并给他添加了一个事件侦听器，监听它的CHANGE事件。然后调用了他的start()方法来开始监听设备方向的变化。 当系统监听到了方向的变化后，将回调函数 onMotion。然后通过egret. MotionEvent事件的三个属性来获取设备运动的具体信息。 acceleration 表示设备在 X Y Z 轴方将的加速度信息，单位是 m/s2，不包含重力。 acceleration 表示设备在 X Y Z 轴方将的加速度信息，单位是 m/s2，包含重力。 rotationRate 表示设备在 alpha、 beta 和 gamma 三个轴向的角速度信息，单位是 角度每秒。 最终的效果demo->[传送门](https://demo.dengtongyu.com/orientation/) 或者手机扫一扫：
|
||||
|
||||
|
||||
@@ -60,6 +60,6 @@ date: 2018-01-29 17:50:02
|
||||
}
|
||||
```
|
||||
|
||||
效果->[传送门](https://demo.dengtongyu.com/pages/videocude/)
|
||||
效果->[传送门](https://demo.dengtongyu.com/videocude/)
|
||||
|
||||
|
||||
@@ -98,6 +98,6 @@ date: 2017-11-22 18:35:36
|
||||
}
|
||||
```
|
||||
|
||||
最终效果->[传送门](https://demo.dengtongyu.com/pages/boxsky/) 手机扫一扫
|
||||
最终效果->[传送门](https://demo.dengtongyu.com/boxsky/) 手机扫一扫
|
||||
|
||||
|
||||
@@ -184,4 +184,4 @@ class Main extends egret.DisplayObjectContainer {
|
||||
|
||||
以上就是在egret中引用HTML5 Canvas的一些尝试，还有别的东西可能要等我慢慢挖掘了。
|
||||
|
||||
效果->[传送门](https://demo.dengtongyu.com/pages/walkman/)
|
||||
效果->[传送门](https://demo.dengtongyu.com/walkman/)
|
||||
@@ -65,7 +65,7 @@ Uncaught TypeError: Cannot read property 'textureWidth' of null
|
||||
let config = RES.getRes("funny_json");
|
||||
```
|
||||
|
||||
编译没有报错，刷新浏览器，粒子效果完美呈现。[demo传送门](https://demo.dengtongyu.com/pages/featherfunuy/)
|
||||
编译没有报错，刷新浏览器，粒子效果完美呈现。[demo传送门](https://demo.dengtongyu.com/featherfunuy/)
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -59,4 +59,4 @@ navigator.mediaDevices.getUserMedia({
|
||||
|
||||
_注意：调取本地视频或音频设备的接口，出于安全的考虑，只能在localhost或者https下使用！_
|
||||
|
||||
[demo 传送门](https://demo.dengtongyu.com/pages/20170522j7/)
|
||||
[demo 传送门](https://demo.dengtongyu.com/20170522j7/)
|
||||
@@ -101,4 +101,4 @@ nsfwjs.load().then(model => {
|
||||
|
||||
|
||||
|
||||
 最后，这里附上我写的demo，[传送门](https://demo.dengtongyu.com/pages/nsfwtool/)
|
||||
 最后，这里附上我写的demo，[传送门](https://demo.dengtongyu.com/nsfwtool/)
|
||||
@@ -242,4 +242,4 @@ placeholder 属性规定可描述输入 input 字段预期值的简短的提示
|
||||
|
||||
|
||||
|
||||
# [页面demo](https://demo.dengtongyu.com/pages/input/)
|
||||
# [页面demo](https://demo.dengtongyu.com/input/)
|
||||
@@ -126,4 +126,4 @@ let places = this.selectPlace(haveSeats[index], length);
|
||||
|
||||
总结起来，基本思路就是把符合条件的行数收集起来，再从所有行数中随机选出一行，顺序出票，从而在均衡分布与高利用率之间取一个平衡点。
|
||||
|
||||
[demon实例，点击查看！](https://demo.dengtongyu.com/pages/20181112o4/)
|
||||
[demon实例，点击查看！](https://demo.dengtongyu.com/20181112o4/)
|
||||
Reference in new issue
Block a user