摘要:原文地址: "WebGL之物体选择" 使用WebGL将图形绘制到画布后,如何与外部进行交互?这其中最关键的就是如何实现物体的选择。比如鼠标点击后判断是否选中了某个图形或图形的某个部分。 本节实现的效果: "WebGL选中物体" 阅读全文
posted @ 2019-05-29 12:17 Jeff.Zhong 阅读 (379) 评论 (0) 编辑
摘要:原文地址: "WebGL学习之HDR与Bloom" 什么是HDR HDR (High Dynamic Range,高动态范围),在摄影领域,指的是可以提供更多的动态范围和图像细节的一种技术手段。简单讲就是将不同曝光拍摄出的最佳细节的LDR (低动态范围) 图像合成后,就叫HDR,它能同时反映出场景最 阅读全文
posted @ 2019-05-21 18:35 Jeff.Zhong 阅读 (479) 评论 (3) 编辑
摘要:原文地址: "WebGL学习之纹理盒" 我们之前已经学习过二维纹理 gl.TEXTURE_2D ,而且还使用它实现了各种效果。但还有一种立方体纹理 gl.TEXTURE_CUBE_MAP ,它包含了6个纹理代表立方体的6个面。不像常规的纹理坐标有2个纬度,立方体纹理使用法向量,换句话说三维方向。本节 阅读全文
posted @ 2019-05-06 12:40 Jeff.Zhong 阅读 (378) 评论 (0) 编辑
摘要:WebGL 中当透明和半透明物体共存时,相关设置不正确的话,物体表面会出现破碎杂乱的断面,非常影响效果,我们接着就来解决这个问题。 完成的展示Demo请看: "半透明物体和透明物体共存" 阅读全文
posted @ 2019-05-02 00:48 Jeff.Zhong 阅读 (456) 评论 (0) 编辑
摘要:原文地址: "WebGL学习之法线贴图" 实际效果请看demo: "纹理贴图" 为了增加额外细节,提升真实感,我们使用了漫反射贴图和高光贴图,它们都是向三角形进行附加纹理。但是从光的视角来看是表面法线向量使表面被视为平坦光滑的表面。以光照算法的视角考虑的话,只有一件事决定物体的形状,那就是垂直于它的 阅读全文
posted @ 2019-05-01 13:10 Jeff.Zhong 阅读 (416) 评论 (0) 编辑
摘要:原文地址: "WebGL学习之纹理贴图" 为了使图形能获得接近于真实物体的材质效果,一般会使用贴图,贴图类型主要包括两种:漫反射贴图和镜面高光贴图。其中漫反射贴图可以同时实现漫反射光和环境光的效果。 实际效果请看demo: "纹理贴图" 阅读全文
posted @ 2019-04-29 16:04 Jeff.Zhong 阅读 (834) 评论 (0) 编辑
摘要:原文地址: "如何将markdown转换为wxml" 话说我要为技术博客写一个小程序版,我的博客解决方案是 hexo + github page ,格式当然是技术控们喜欢的 markdown 了 。但小程序使用的却是独有的模版语言 WXML 。我总不能把之前的文章手动转换成小程序的 wxml 格式吧 阅读全文
posted @ 2019-04-27 09:52 Jeff.Zhong 阅读 (223) 评论 (0) 编辑
摘要:原文地址: "小试小程序云开发" 微信小程序刚出没多久时,曾经上手写过demo,但开发体验比较差,所以一直没怎么关注。不过自从诸多适配方案出炉,以及云端的开通,觉得还是有必要上手体验一番的,于是为我的技术博客也写了个小程序版。 原生开发我是不想再试了,那就选一种适配方案,目前比较知名的有基于vue的 阅读全文
posted @ 2019-04-26 14:51 Jeff.Zhong 阅读 (570) 评论 (0) 编辑
摘要:原文地址: "koa+mysql+vue+socket.io全栈开发之前端篇" React 与 Vue 之间的对比,是前端的一大热门话题。 vue 简易上手的脚手架,以及官方提供必备的基础组件,比如 vuex , vue router ,对新手真的比较友好; react 则把这些都交给社区去做,虽然 阅读全文
posted @ 2019-04-13 19:29 Jeff.Zhong 阅读 (538) 评论 (0) 编辑
摘要:原文地址: "koa+mysql+vue+socket.io全栈开发之数据访问篇" 后端搭起大体的框架后,接着涉及到的就是如何将数据持久化的问题,也就是对数据库进行 CURD 操作。 关于数据库方案, mongodb 和 mysql 都使用过,但我选用的是 mysql ,原因: 1. 目前为止 my 阅读全文
posted @ 2019-04-12 10:57 Jeff.Zhong 阅读 (322) 评论 (0) 编辑