From 2ba76237b7519016154b0f72afb0adbe60886b15 Mon Sep 17 00:00:00 2001 From: dengtongyu Date: Wed, 25 Nov 2020 10:27:30 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- _config.yml | 2 +- source/_posts/egret-练手-《围住神经猫》.md | 2 +- source/_posts/egret-获取设备陀螺仪信息以及运动状态信息.md | 2 +- source/_posts/egret3d-用视频video做纹理贴图.md | 2 +- source/_posts/egret天空盒子浅尝.md | 2 +- source/_posts/egret引用animate-cc发布的html5-canvas.md | 2 +- source/_posts/egret粒子系统官方文档的那些坑.md | 2 +- .../_posts/navigator-mediadevices-getusermedia调用本地摄像头.md | 2 +- source/_posts/你也可以成为鉴黄师，nsfwjs鉴黄库初探.md | 2 +- source/_posts/浅尝-html-5-input-新属性.md | 2 +- source/_posts/演唱会随机选座解题思路.md | 2 +- 11 files changed, 11 insertions(+), 11 deletions(-) diff --git a/_config.yml b/_config.yml index 7687964..92c64c1 100644 --- a/_config.yml +++ b/_config.yml @@ -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: diff --git a/source/_posts/egret-练手-《围住神经猫》.md b/source/_posts/egret-练手-《围住神经猫》.md index db6e468..1b1593a 100644 --- a/source/_posts/egret-练手-《围住神经猫》.md +++ b/source/_posts/egret-练手-《围住神经猫》.md @@ -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 文件，这个就是加载进度条的类。 ``` diff --git a/source/_posts/egret-获取设备陀螺仪信息以及运动状态信息.md b/source/_posts/egret-获取设备陀螺仪信息以及运动状态信息.md index 21cc04d..58e0610 100644 --- a/source/_posts/egret-获取设备陀螺仪信息以及运动状态信息.md +++ b/source/_posts/egret-获取设备陀螺仪信息以及运动状态信息.md @@ -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/) 或者手机扫一扫： ![egret陀螺仪demo](https://image.dengtongyu.com/blog/2017/11/下载-1.png) diff --git a/source/_posts/egret3d-用视频video做纹理贴图.md b/source/_posts/egret3d-用视频video做纹理贴图.md index f2b17c3..978da43 100644 --- a/source/_posts/egret3d-用视频video做纹理贴图.md +++ b/source/_posts/egret3d-用视频video做纹理贴图.md @@ -60,6 +60,6 @@ date: 2018-01-29 17:50:02 } ``` -效果->[传送门](https://demo.dengtongyu.com/pages/videocude/) +效果->[传送门](https://demo.dengtongyu.com/videocude/) ![视频贴图](https://image.dengtongyu.com/blog/2018/01/下载.png) diff --git a/source/_posts/egret天空盒子浅尝.md b/source/_posts/egret天空盒子浅尝.md index 6ed9235..b6a6ab3 100644 --- a/source/_posts/egret天空盒子浅尝.md +++ b/source/_posts/egret天空盒子浅尝.md @@ -98,6 +98,6 @@ date: 2017-11-22 18:35:36 } ``` -最终效果->[传送门](https://demo.dengtongyu.com/pages/boxsky/) 手机扫一扫 +最终效果->[传送门](https://demo.dengtongyu.com/boxsky/) 手机扫一扫 ![egret天空盒子demo](https://image.dengtongyu.com/blog/2017/11/下载-2.png) diff --git a/source/_posts/egret引用animate-cc发布的html5-canvas.md b/source/_posts/egret引用animate-cc发布的html5-canvas.md index a0088f1..756ffcf 100644 --- a/source/_posts/egret引用animate-cc发布的html5-canvas.md +++ b/source/_posts/egret引用animate-cc发布的html5-canvas.md @@ -184,4 +184,4 @@ class Main extends egret.DisplayObjectContainer { 以上就是在egret中引用HTML5 Canvas的一些尝试，还有别的东西可能要等我慢慢挖掘了。 -效果->[传送门](https://demo.dengtongyu.com/pages/walkman/) +效果->[传送门](https://demo.dengtongyu.com/walkman/) diff --git a/source/_posts/egret粒子系统官方文档的那些坑.md b/source/_posts/egret粒子系统官方文档的那些坑.md index 367b80a..6ec519b 100644 --- a/source/_posts/egret粒子系统官方文档的那些坑.md +++ b/source/_posts/egret粒子系统官方文档的那些坑.md @@ -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/) ![egret粒子系统demo](https://image.dengtongyu.com/blog/2017/10/下载.png) diff --git a/source/_posts/navigator-mediadevices-getusermedia调用本地摄像头.md b/source/_posts/navigator-mediadevices-getusermedia调用本地摄像头.md index bc038f8..1e9a1ac 100644 --- a/source/_posts/navigator-mediadevices-getusermedia调用本地摄像头.md +++ b/source/_posts/navigator-mediadevices-getusermedia调用本地摄像头.md @@ -59,4 +59,4 @@ navigator.mediaDevices.getUserMedia({ _注意：调取本地视频或音频设备的接口，出于安全的考虑，只能在localhost或者https下使用！_ -[demo 传送门](https://demo.dengtongyu.com/pages/20170522j7/) +[demo 传送门](https://demo.dengtongyu.com/20170522j7/) diff --git a/source/_posts/你也可以成为鉴黄师，nsfwjs鉴黄库初探.md b/source/_posts/你也可以成为鉴黄师，nsfwjs鉴黄库初探.md index ef66c29..1fadd06 100644 --- a/source/_posts/你也可以成为鉴黄师，nsfwjs鉴黄库初探.md +++ b/source/_posts/你也可以成为鉴黄师，nsfwjs鉴黄库初探.md @@ -101,4 +101,4 @@ nsfwjs.load().then(model => { -![微信图片_20200620120811](https://image.dengtongyu.com/blog/2020/06/微信图片_20200620120811.png) 最后，这里附上我写的demo，[传送门](https://demo.dengtongyu.com/pages/nsfwtool/) +![微信图片_20200620120811](https://image.dengtongyu.com/blog/2020/06/微信图片_20200620120811.png) 最后，这里附上我写的demo，[传送门](https://demo.dengtongyu.com/nsfwtool/) diff --git a/source/_posts/浅尝-html-5-input-新属性.md b/source/_posts/浅尝-html-5-input-新属性.md index db49af7..0035676 100644 --- a/source/_posts/浅尝-html-5-input-新属性.md +++ b/source/_posts/浅尝-html-5-input-新属性.md @@ -242,4 +242,4 @@ placeholder 属性规定可描述输入 input 字段预期值的简短的提示 -# [页面demo](https://demo.dengtongyu.com/pages/input/) +# [页面demo](https://demo.dengtongyu.com/input/) diff --git a/source/_posts/演唱会随机选座解题思路.md b/source/_posts/演唱会随机选座解题思路.md index 164cce0..c6ed4f7 100644 --- a/source/_posts/演唱会随机选座解题思路.md +++ b/source/_posts/演唱会随机选座解题思路.md @@ -126,4 +126,4 @@ let places = this.selectPlace(haveSeats[index], length); 总结起来，基本思路就是把符合条件的行数收集起来，再从所有行数中随机选出一行，顺序出票，从而在均衡分布与高利用率之间取一个平衡点。 -[demon实例，点击查看！](https://demo.dengtongyu.com/pages/20181112o4/) +[demon实例，点击查看！](https://demo.dengtongyu.com/20181112o4/)