高达渐出现效果Shader

Unity
最近在玩游戏《高达破坏者》，里面的高达出现的效果我觉得挺酷的，所以自己写了个shader： 简单思路： 1、模型分好UV 2、shader使用2张贴图通道，第一张是漫反射，第二张是发光网格 3、使用顶点片段程序，在顶点程序记录顶点pos的时候多记录一个y轴坐标 4、设置一个高度显示范围，并根据时间累加。 5、进入片段程序的时候，判断y轴坐标范围与高度显示范围的关系，分别做出3种处理： 1.完全透明，2.显示网格，3.显示漫反射贴图 6、完工

Three.js – MeshBasicMaterial 材质

threejs
MeshBasicMaterial是一种非常简单的材质，继承自Material，这种材质不受光线的影响，可以显示模型的线框，对场景中的雾化会有反应。 通过操作示例可以对这种材质有一定的了解 示例：https://ithanmang.gitee.io/threejs/home/201808/20180802/02-meshBasicMaterial.html 构造函数 MeshBasicMaterial( parameters : Object ) 参数 parameters：可选参数一般指定为颜色，{color:0xffffff}，也可以添加别的从Material父类继承来的属性。 除却继承的属性外，MeshBasicMaterial也有自己独有的属性，以下是部分属性。 属性 简介 alphaMap alpha地图是一种灰度纹理，它控制着表面的不透明度（黑色：完全透明;白:完全不透明)。默认为null。 color 材料的颜色值，默认为白色 combine 将材质表面颜色与环境贴图相结合，默认为THREE.Multiply，如果选择混合模式，则反射率是用来混合两种颜色的 envMap 环境贴图，默认为null lightMap 灯光贴图，默认为null lightMapIntensity 灯光贴图的强度，默认为1 lights 材料是否受到光线影响，默认为false map 贴图，默认为null reflectivity 反射率，表面对环境的影响程度，有效范围在0 – 1之间，默认为1 wireframe 是否以线框模式呈现，默认为false 示例代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>MeshBasicMaterial 基础材质</title> <style> body { margin: 0; overflow: hidden; /*溢出隐藏*/ } </style> <script src="../../libs/build/three.min.js"></script> <script src="../../libs/examples/js/controls/OrbitControls.js"></script> <script src="../../libs/examples/js/libs/dat.gui.min.js"></script> <script src="../../libs/examples/js/libs/stats.min.js"></script> <script src="../../libs/examples/js/Detector.js"></script> </head> <body> <script> let stats = initStats(); let scene, camera, renderer, light, controls, guiControls; // 场景 function initScene() { scene = new THREE.

ArcGIS教程之DEM(高程)的应用（坡度坡向、提等高线）

图像处理, 统计搜索
ArcGIS教程之DEM(高程)的应用（坡度坡向、提等高线） 发布时间：2018-01-17 版权： 相关教程： DEM水文分析（一） Arcgis下DEM水文分析（二） DEM的应用包括：坡度：Slope、坡向：Aspect、提取等高线、算地形表面的阴影图、可视性分析、地形剖面、水文分析等，其中涉及的知识点有： a)掌握根据DEM 计算坡度、坡向的方法。 b)理解基于DEM数据进行水文分析的基本原理。 c)利用ArcGIS的提供的水文分析工具进行水文分析的基本方法和步骤。 第一步：需要的工具 1. BIGEMPA地图下载器（全能版已授权） 下载地址：http://download.bigemap.com/bmsetup.rar 2. Global Mapper 14. 下载地址：Global Mapper 14.1汉化版.rar 3. ARCGIS下载地址：http://www.bigemap.com/helps/doc2018011754.html 第二步骤：通过BIGEMAP下载高程数据 1. 启动BIGEMAP地图下载器软件，查看左上角是否显示【已授权：所有地图】，如果没有该显示，请联系我们的客服人员。如下图所示： 2. 选择左上角属性选项，选择【高程】，如下图： 3. 选在你要的区域，双击下载，如下图所示： 4. 选择下载的级别，建议尽量下载16级的，16级为最好级别。如果16级不能勾选，请选择下载小一点的范围，高程为矢量数据，超过20M大小，一般电脑都很难处理生成的等高线。下载之后的数据为tiff格式，实际为dem高程数据。 6. 启动安装好的Global Mapper软件，启动中文版在安装好的目录下有个chs或则chinese的启动图标，如下图所示： 7. 将下载好的高程数据（下载目录下的后缀为tiff格式）拖入到global mapper中，如下图所示： 修改下载的高程数据的投影为【UTM】 在Global mapper中选择：工具->设置，弹出对话框，如下： 然后另存为【DEM】格式，如下图： 在弹出的对话框中选择【DEM】格式，如下图: 点击【确定】，保存。 DEM应用之坡度：Slope 打开ArcMap软件，选择添加按钮，将刚才保存的DEM文件打开，如下图： 在ArcMap中，需要打开【扩展模块】功能，如下图： 弹出的对话框中勾选所有选项，如下图： 点击【关闭】。 2) 在【ArcToolbox】中，执行命令[3D Analyst工具]——[栅格表面]——[坡度]， 如下图所示，指定各参数： 执行后，得到坡度栅格Slope_tingri1：坡度栅格中，栅格单元的值在[0 -82] 度间变化，如下图： 右键点击图层[Slope_TinGrid]，执行[属性命令]，设置图层[符号系统]，重新调整坡度分级。将类别调整为5，点[分类]按钮，用手动分级法，将中断值调整为：8，15，25，35，90。 确定后，如下： 【下面计算剖面曲率】 在【ArcToolbox】中，执行命令[3D Analyst工具]——[栅格表面]————[坡度]。按如下所示，指定各参数。得到剖面曲率栅格：[Slope _Slope]，如下图： DEM应用之坡向：Aspect 打开【ArcToolbox】，执行命令[3D Analyst工具]——[栅格表面]——[坡向]，按下图所示，指定各参数： 执行结果为（得到坡向栅格：[Aspect_tgrid]）： 【以下计算平面曲率】： 在【ArcToolbox】中，执行命令[3D Analyst工具]——>[栅格表面]——>[坡度]，按下图所示，指定各参数，按下图所示指定各参数：

mac os 安装 Tor 命令行监视器 nyx

操作系统
Nyx是Tor的命令行监视器 安装 nyx brew install nyx 查看nyx版本 nyx --version nyx version 2.0.4 (released November 5, 2017) 运行报错 nyx Unable to connect to tor. Are you sure it's running? 参考: 1.Nyx是Tor的命令行监视器

Tor 网桥获取 deep web

操作系统
[ 访问网桥帮助文档]（https://tb-manual.torproject.org/en-US/bridges.html ） – [ 在线获取]（https://bridges.torproject.org/ ） -通过Gmail发送电子至邮件 [email protected]的 参考： 1.Deep Web 2.暗网导航

webpack打包后文件分析

前端
平常遇到喜欢的页面总喜欢拿来欣赏一番，今天就以webpack+vue的项目为例分析一下打包后的源码。 环境： webpack4.16 vue2.5.16 为了方便理解，先使用webpack打一个最简单的包（未使用vue），下面是混淆压缩前的伪代码 (function (modules) { var installedModules = {} // 缓存模块 // 处理AMD commonjs ESModule function __webpack_require__(moduleId)() { ... return module.exports} __webpack_require__.m __webpack_require__.c __webpack_require__.d __webpack_require__.r __webpack_require__.n __webpack_require__.o __webpack_require__.p return __webpack_require__(__webpack_require__.s = "./src/index.js") })(obj) var obj = { // 入口js处理 './src/index.js': (function(module, __webpack_exports__, __webpack_require__) {"use strict"; eval(`__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _js_home__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./js/home */ \"./src/js/home.js\");\n/* harmony import */ var _js_home__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_js_home__WEBPACK_IMPORTED_MODULE_0__);\n\r\n\r\n console.log('index.js')\n\n//# sourceURL=webpack:///./src/index.js?`); }), // 其他js处理 '.

BCH优势或从暗网彰显

如果说比特币代表了更“自由”的交易方式，那么“暗网”则是“自由”的背面。 谁都不会否认，如今头顶光环的BTC，最初的应用场景就从这个不太美好的地方开始。一方面暗网市场增强了加密货币的流通属性，另一方面加密货币也让这一产业更为隐秘。 Recorded Future数据显示，在2012年30%的BTC交易指向暗网。到了2014年，六大暗网中平均每天的比特币交易量达到65万美元，而当年BTC支付公司BitPay平均每天的交易量才只有43.5万美元。 可以说，8年暴涨300万倍的BTC背后离不开暗网交易。 自2017年BTC硬分叉产生BCH以来，由于Core的作茧自缚，导致BTC的货币属性逐渐下降，反观BTC这个后起之秀经过一系列顺应大势的改革务实，其货币属性愈发突出，其作为一种货币的支付手段和流通手段也日益明显，其在交易市场的普及率逐步上升，尤其是暗网。 BTC交易拥堵是一个存在已久的问题，由于交易拥堵会带来手续费高昂和交易时间变长的原因，部分暗网供应商对于比特币的信任变得没有以前那么牢固。在这样一个背景下，手续费低廉的BCH给了这些供应商一个新的选择。于是网站引入BCH支付。虽然比特币的手续费随后下降，但是BCH的普及率一直在上升。 据报道，在Dream Market暗网市场中，接受比特币现金(BCH)的供应商在过去一段时间持续上升，目前已有102000个供应商在售卖页面中显示接受BCH付款，比特币(BCE)则为126000个。 暗网交易的基础货币，之所以接受比特币支付，是因为比特币具有良好的加密属性、广泛的认可度，还有就是值钱。从BCH在暗网的普及率来看，其加密属性、认可度、价值都在稳步上升。 时至今日，暗网依旧是比特币主要的使用途径，不可否认，暗网确实促进了加密货币市场的发展。但现在的暗网市场中多出一种被普遍接受的加密货币，这就是在一开始提到的比特币现金(BCH)。BCH出现在暗网的时间并不算早，算上今天恰好也就一年整，相较于比特币长达数年的使用时间，BCH并不具备先发优势。一个新生货币被接受是需要时间的，而BCH好像直接跳过了这一点，直接迈入了主流币的行列。 如果说暗网是检验数字货币的一种标准，那么BTC在暗网的普及率足以说明一切。

CentOS+tor+Privoxy 服务搭建 + Ubuntu + tor+Privoxy服务搭建 + 匿名网站搭建

操作系统
CentOS+tor+Privoxy 服务搭建(要出墙tor才可正常使用）： sudo yum install epel-release 不然没有源 sudo yum install tor service tor start 启动服务 检查服务状态 service tor status sudo yum install privoxy 安装 要修改一下privoxy 配置文件 将tor 和privoxy整合 vi /ect/privoxy/config 搜索/forward-socks5t 找到注释拿掉 ESC wq保存退出 启动privoxy service privoxy start 启动完成检查状态 status 这样就完成了服务搭建 设置完成代理 检查是否成功 访问https://check.torproject.org/ 验证 Ubuntu + tor + Privoxy 服务搭建： ubuntu相对来说就好点了 配置好可靠的源 update sudo apt-get install tor service tor start 检查服务 status sudo apt-get install privoxy 同样修改配置 vi /ect/privoxy/config 搜索/forward-socks5t 找到注释拿掉 ESC wq保存退出

bootstrap4 使用及常用样式详细整理 (依照官网翻译)

前端
bootstrap4使用及常用样式整理 简介 Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap4 目前是 Bootstrap 的最新版本，是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用我们提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件系统，能够快速为你的想法开发出原型或者构建整个 app 。Bootstrap4 放弃了对 IE8 以及 iOS 6 的支持，现在仅仅支持 IE9 以上 以及 iOS 7 以上版本的浏览器。如果对于其中需要用到以前的浏览器，那么请使用 Bootstrap3。入门详细学习请参考 菜鸟教程. 引入方式 前端项目基于jquery去构建：可以直接引入cdn库，bootstrap4.css、jquery.js、bootstrap4.js 前端项目基于react去构建：bootstrap4.css（scss,less）、react.js、react-bootstrap 前端项目基于angular去构建：bootstrap4.css（scss,less）、angular4、ngx-bootstrap 目录 容器和网格系统 字体颜色及背景颜色 边框 内边距（pading）外边距（margin） 清除浮动 display 显示 嵌入元素样式 弹性布局 浮动 图片替换文字 定位 尺寸（size） 文本 垂直对齐（Vertical alignment） 显示隐藏 表格 按钮及按钮组 列表 表单组 信息提示框 三角 1、容器和网格系统 容器 container 固定宽度，不同尺寸固定了不同的宽度 container-fluid 100%宽度 栅格系统