2017年08月_暮志未晚season

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 29 Three.js的特殊光源THREE.RectAreaLight窗口射入光线模拟

简介这种光在整个面上均匀地发射出一个矩形平面。这可以用来模拟像明亮的窗户或带状照明的东西。案例查看地址：http://www.wjceo.com/blog/threejs/2018-02-12/31.html简单创建由于是特殊光源，而且比较复杂，所以此灯光需要额外引入插件来创建<script src="examples/js/lights/RectAreaLightU...

2017-08-31 00:50:25 2796

原创 html5 获取摄像头和麦克风的案例

使用的接口api通过navigator.mediaDevices.getUserMedia()方法进行获取该MediaDevices.getUserMedia()方法提示用户允许使用产生MediaStream包含所请求类型的媒体的轨道的媒体输入。该流可以包括例如视频轨道（由硬件或虚拟视频源（例如相机，视频记录设备，屏幕共享服务等）产生），音轨（类似地，由物理或虚拟音频源，如麦克风，A / D转换

2017-08-30 23:22:20 11801

原创 canvas使用drawImage()方法绘制img和video的区别

drawImage()简介drawImage() 方法在画布上绘制图像、画布或视频。 drawImage() 方法也能够绘制图像的某些部分，以及/或者增加或减少图像的尺寸。具体参数参数描述 img 规定要使用的图像、画布或视频。 sx 可选。开始剪切的 x 坐标位置。 sy 可选。开始剪切的 y 坐标位置。 swidth 可选。被剪切图像的宽度。 sh

2017-08-29 11:06:49 14593 1

原创 react个人所需网站整理

1、react中文网 2、ECMAScript 6 入门-阮一峰 3、从零学习 React 技术栈系列教程 4、react在线编辑器-codepen 5、react在线编辑器-codepan 6、react native中文文档基础语法部分jsx语法 Eslint 代码规范 react全家桶系列Redux 数据管理库 React-router 路由 Immutable.js 不可

2017-08-28 09:20:39 2393

原创 28 Three.js的特殊光源THREE.HemisphereLight户外光照光源

简介此光源可以创建出更加贴近自然的户外光照效果。就是为了模拟在户外场景中的反光效果。案例查看地址：http://www.wjceo.com/blog/threejs/2018-02-12/30.html光源简单的创建首先实例化函数：var hemiLight = new THREE.HemisphereLight(天空的反光颜色,地面的反光颜色,光的强度);然后设置光的...

2017-08-25 01:19:51 4536

原创 nodejs express制作后台引入富文本编辑器

需求由于ueditor官方没有nodejs后台的版本，所以只有通过别的大神开发的版本使用了。故写个教程，留作以后备用。下载ueditor地址：http://ueditor.baidu.com/website/download.html 由于没有nodejs版本的，所以下载php版本的，通过php版本的进行修改。博主当前下载的版本是：1.4.3.3引入ueditor先在express的publi

2017-08-24 11:22:01 3491

原创 ejs的常用的模板标签

<% %>流程控制标签 <%= %>输出标签（原文输出HTML标签） <%- %>输出标签（HTML会被浏览器解析） <%# %>注释标签 % 对标记进行转义 -%>去掉没用的空格

2017-08-24 09:44:10 930

转载 Chrome 控制台console的用法

下面我们来看看console里面具体提供了哪些方法可以供我们平时调试时使用。目前控制台方法和属性有：["$$", "$x", "dir", "dirxml", "keys", "values", "profile", "profileEnd", "monitorEvents", "unmonitorEvents", "inspect", "copy", "clear", "ge

2017-08-23 18:19:53 3471

原创 js 使用console计算代码运行时间

需求如果学习前端一定时间以后，就会考虑性能方面的问题。那么问题来了，我们怎么计算出一段代码的运行时间呢？使用console.log配合Date对象计算比如，我们计算sort方法排序十万个随机数组成的数组需要用多长时间的话，可以这么写： var arr = []; for(var i=0; i<100000; i++){ arr.push(Math

2017-08-23 17:51:30 23473 1

原创 27 Three.js的平行光THREE.DirectionalLight

简介THREE.DirectionalLight平行光可以看作距离很远的光。它发出的所有光线都是平行的。比如太阳光，由于太阳离我们很远，我们可以把太阳的光线看作是平行的。案例查看地址：http://www.wjceo.com/blog/threejs/2018-02-12/29.html与点光源和聚光灯光源的区别最大的区别就是，点光源和聚光灯光源距离物体越远光线越暗。光是从一点发出...

2017-08-22 01:27:36 14562

原创 nodejs操作mongodb的填删改查模块的制作及引入

安装相关模块如果使用这个的话，你需要先自己安装一下他需要的模块，在根目录输入npm install mongodb --save进行模块安装，安装成功以后就可以进行以下的步骤。文件的引入以下是我书写的相关代码，放到你可以引用的相关目录，本人放到了express的根目录function Mongo(options) { this.settings = { url: 'mong

2017-08-20 18:17:10 1224

原创 mongodb的安装与部署

简介MongoDB 是一个基于分布式文件存储的数据库。由C++语言编写。旨在为WEB应用提供可扩展的高性能数据存储解决方案。 MongoDB 是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。他支持的数据结构非常松散，是类似json的bson格式，因此可以存储比较复杂的数据类型。Mongo最大的特点是他支持的查询语言非常强大，其语法有点类似于面向对象

2017-08-17 23:54:36 479

原创 26 Three.js的聚光灯光源THREE.SpotLight

介绍THREE.SpotLight（聚光灯灯源）是最常使用的光源之一。THREE.SpotLight是一种具有锥形效果的光源。比如：手电筒。案例查看地址：http://www.wjceo.com/blog/threejs/2018-02-12/28.html相关属性由于Three.js的版本更新过快，有可能有我没有测试的属性已经被抛弃了，如果大家有知道的已经被抛弃掉的记得给我留言。...

2017-08-17 11:04:57 4409

原创 25 Three.js的点光源THREE.PointLight

介绍Three.js库中的THREE.PointLight（点光源）是一种单点发光、照射所有方向的光源。比如夜空中的照明弹。案例查看地址：http://www.wjceo.com/blog/threejs/2018-02-12/27.htmlTHREE.PointLight的相关属性属性描述 color（颜色）光源的颜色，详情见上一节 dis...

2017-08-17 00:00:48 3589

原创 24 Three.js的环境光源THREE.AmbientLight

作用场景当中添加了THREE.AmbientLight光源，光源的颜色将会影响全局的每一个物体每一个面的颜色。该光源没有特别得来源方向，也不会产生阴影。通常不会使用THREE.AmbientLight作为场景内的唯一光源，一般配合点光源或者平行光等光源使用。其作用是为了弱化阴影或给场景添加一些额外的颜色。个人感觉重要的作用是，不添加环境光源，如果点光源照射不到的面，three.js压根就不...

2017-08-15 23:05:25 10638

原创 23 Three.js的光源种类

为什么需要光源？我们能看到物体都是因为有光的反射效果，不同的物体反射出来的光也就显示出来了不同的颜色。所以，three.js框架模拟了一些现实生活中的光源来实现所需要的效果。光源的种类名字描述 THREE.AmbientLight 这是一个基础光源，也叫环境光源，该光源的颜色将会叠加到场景现有的颜色上面，无法创建阴影。 THREE.PointLight 点光源，从空间的一点

2017-08-15 17:54:52 1892 1

今天和群里的小朋友们一起沟通事件流问题，突然发现了自己也有一些没有注意的地方，今天就此更新一篇关于事件流的文章。事件流是什么？DOM(文档对象模型)结构是一个树型结构，当一个HTML元素产生一个事件时，该事件会在元素节点与根结点之间的路径传播，路径所经过的结点都会收到该事件，这个传播过程可称为DOM事件流。DOM事件流最独特的性质是，文本节点也触发事件（在IE中不会），当鼠标单击“单击此文本”文本时

2017-08-15 12:01:26 976

原创 22 Three.js的网格对象MESH的属性和方法

创建一个网格需要一个几何体，以及一个或多个材质。当网格创建好之后，我们就可以将它添加到场景中并进行渲染。网格对象提供了几个属性和方法用于改变它在场景中的位置和显示效果。如下：还有一个属性就是visible属性，默认为true，如果设置为false，THREE.Mesh将不渲染到场景中。案例查看地址：http://www.wjceo.com/blog/threejs/2018-02-12...

2017-08-06 21:53:31 15441 5

原创 21 Three.js使用顶点绘制立方体

我们在学些WebGL基础的时候每天都是在一直研究顶点位置，法向量，绘制下标什么的。虽然复杂，但是毕竟原生，性能没得说。three.js也给我们提供了相关的接口供我们使用原生的方法绘制模型下面是我的个人一个案例。案例查看地址：http://www.wjceo.com/blog/threejs/2018-02-12/23.html首先，我创建了一个空白的形状： /...

2017-08-05 16:48:55 7988 4

原创 20 Three.js实现场景所有物体使用相同的材质

scene.overrideMaterial可以强制场景内的所有的物体使用相同的指定材质来绘制图形。案例查看地址http://www.wjceo.com/blog/threejs/2018-02-12/22.html具体使用案例，我在案例中给场景的相关属性添加了： //场景内所有模型都使用同一种材质 scene.overrideMaterial = new THREE...

2017-08-05 11:49:04 1766

原创 19 Three.js实现雾化效果

案例查看地址：http://www.wjceo.com/blog/threejs/2018-02-12/21.html如果使用three.js实现雾化效果很简单，只需要在给场景scene对象的fog属性添加值就好了，比如： scene.fog = new THREE.Fog(0xffffff,100,120);这样就给场景添加了雾化的效果，在实例化雾化的对象的时候，需要传三个值（雾的...

2017-08-05 11:14:07 7400

原创 18 Three.js的场景对象

通过这一段时间的学习，发现还没有介绍过场景的基本组件。这一节就简单的介绍一下相关的内容：如果我们想让物体显示出来，首先，我们需要有一个渲染器（new THREE.WebGLRenderer()）来渲染模型和相机。渲染的模型需要放到场景（THREE.Scene()）对象中，场景对象就是专门放置模型等一系列组件的地方，必须有一个模型和一个光源才可以显示出来模型。最后需要使用调用实例化的渲染

2017-08-03 23:08:58 2262

原创 js中的typeof和instanceof的用法和区别（附类型判断方法）

typeof作用：用于判断一个一个表达式，（对象或者原始值），返回一个字符串。返回的可能的值（摘自mdn）类型结果Undefined"undefined"Null"object" (历史遗留问题)Boolean"boolean"Number"number"String"s

2017-08-03 14:14:01 7262 1

原创 html5将文字生成图片

由于canvas能够将画布上的纹理生成数据给img显示出来，所以，我们在html5里面可以实现将文字生成图片显示。首先我书写了一个将文字绘制到canvas上面的函数，然后函数会返回canvas绘制的纹理数据。//绘制文字到canvas，判断换行位置，和设置canvas高度 function canvasWrapText(options) { var settings

2017-08-01 18:19:06 14446 5

原创 html5 canvas绘制文字按规则换行

今天遇到了一个公司项目，需要使用canvas将文字绘制成图片使用。查了一查网上虽然有相关的代码，但是都是固定的，还不好修改，索性直接自己重新写了一个。在这里提示一下，一定要注意，如果修改了canvas的高度，当前设置的所有的东西都会失效。而且公司还要求每一行开头不能是标点符号，耗费一天的时间，总算写了出来。总的想法是，canvas有一个能够获得将一个字符串绘制到canvas上得到绘制多

2017-08-01 18:11:35 4465

Substance Painter 和 Unity 同步Standard

同步了一个渲染shader，Substance Painter使用的版本是 9.0.0，Unity版本2019.4.40 。同步的shader为默认的Standard，工作流为金属工作流

2023-09-22

InstantOC Dynamic Occlusion Culling LOD 3.0.0

对unity的免费资源的修改版。修改了脚本内过时的接口。修改为了2020版本的urp渲染管线。使用时，可以直接将内容解压到项目中的Asset文件夹中。具体使用方式，参考链接:

2022-09-29

three.js开发指南-资源部分

之前下载过three.js开发指南的代码，发现很有代码都是无法运行的。所以找了一份没有问题的代码上传，让朋友少走点弯路。由于资源太大，所以分开上传，这一部分只是资源部分。

2017-12-25

three.js开发指南-代码部分

之前下载过three.js开发指南的代码，发现很有代码都是无法运行的。所以找了一份没有问题的代码上传，让朋友少走点弯路。由于资源太大，所以分开上传，这一部分只是代码部分。

2017-12-25

webpack配置es6+less开发环境

此为本人制作的webpack开发环境，使用babel进行代码转换，postcss进行兼容性，可以使用less进行css预编译，欢迎测试

2017-11-17

41节的可交互的立方体

预留的WebGL交互立方体的代码

2017-06-14

WebGL预先定义库

一些专为WebGL准备、事先定义好的函数库

2017-04-25

jquery源码_详细中文注释.pdf

1.2.6版本的jquery注释，大家共同学习，注释十分详细

2016-12-14

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

现在学习也不晚