YoneChen-优快云博客

原创后处理——深入相机变形特效

后处理(Post-processing)，是针对原有的游戏画面进行算法加工，达到提升画面质量或增强画面效果的技术，可通过着色器Shader程序实现。概述变形特效是处理和增强画面效果的一类后处理技术，经常被应用在各类相机短视频app特效中，如美颜瘦身、哈哈镜特效。美颜相机的变形特效本文主要从各类美颜相机中梳理了以下几种常用的变形特效：局部扭曲 (twirl effect) 局部膨胀 (inflate effect) 任意方向挤压 (pinch effect.

2021-05-24 15:52:35 654

原创前端智能化——从图片提取UI样式

导语：前端智能化，就是通过AI/CV技术，使前端工具链具备理解能力，进而辅助开发提升研发效率，比如实现基于设计稿智能布局和组件智能识别等。本文要介绍的是我在前端智能化的实践：基于OpenCV实现自动提取图片中的UI样式的能力。

2020-09-01 13:00:22 1588

原创 WebGL进阶——走进图形噪声

导语：大自然蕴含着各式各样的纹理，小到细胞菌落分布，大到宇宙星球表面。运用图形噪声，我们可以在3d场景中模拟它们，本文就带大家一起走进万能的图形噪声。概述图形噪声，是计算机图形学中一类随机算法，经常用来模拟自然界中的各种纹理材质，如下图的云、山脉等，都是通过噪声算法模拟出来的。通过不同的噪声算法，作用在物体纹理和材质细节，我们可以模拟不同类型的材质。基础噪声算法一个基础的噪声函数的...

2019-06-10 15:00:16 1124

原创 WebVR开发教程——Web Audio实现3D音效

在VR开发中，除了图形视觉渲染，音频处理是重要的一环，好的音频处理可以欺骗用户的听觉，达到身临其境的效果，本文主要介绍WebVR音频是如何开发的。VR AudioVR音频的输出硬件主要是耳机，根据音频源与场景之间的关系，可将VR音频分为两类：静态音频和空间化音频(audio spatialization)。静态音频这类音频作用于整个VR场景，可简单的理解成背景音乐，

2018-01-11 14:15:42 735

原创 WebVR开发教程——深度剖析

最近WebVR API 1.1已经发布，2.0草案也在拟定中，在我看来，WebVR走向大众浏览器是早晚的事情了，今天本人将对WebVR开发环境和开发流程进行深入介绍。WebVR与WebVR API首先，WebVR指的是使用浏览器体验VR的方式，如今已经成为了一种开放标准。它提供了JavaScript API，使开发者可以获取vr设备的输入信息，来改变用户在虚拟空间里的位置、视觉

2018-01-11 14:03:37 2270

原创 WebVR开发教程——标准入门

WebVR即web + VR的体验方式，本文介绍如何开发一个WebVR网页，在此之前，我们有必要了解WebVR的体验方式。WebVR体验模式体验WebVR的方式WebVR的体验方式可以分为VR模式和裸眼模式VR模式1.Mobile VR如使用cardboard眼镜来体验手机浏览器的webVR网页，浏览器将根据水平陀螺仪的参数来获取用户的头部倾斜和转动的朝向，

2018-01-11 13:58:55 21065 3

原创前端智能化——图层抽象与优化

在设计稿生成代码流程中，我们需要先将图层解析为UI节点，而后再通过布局算法生成代码。作为前端智能化的第一步，解析的UI数据关乎后续的代码还原质量，因此需要一套方案来保证解析阶段能输出通用而有效的UI节点。针对通用性和有效两个目标，我们将解析过程分为图层抽象和图层优化两个步骤。图层抽象为了实现UI Nodes通用性，兼容不同的设计稿类型，如psd，sketch和xd等，我们将设计稿的图层抽象为图片Image、图形Shape、文本Text三种类型的UI节点：Shape，可用样式实现的形状图层，如

2021-05-14 15:04:45 469

原创写给前端的Python依赖管理指北

概述在Python的项目中，我们可以通过pip来安装依赖包，但是不像npm install，pip默认安装的依赖包会挂在全局上，不利于项目工程协作。这时候需要一款类似npm的工具记录我们的项目依赖Pipenv。安装Pipenv我们通过pip安装Pipenv：$ pip install pipenv安装之后，我们开始使用它来创建本地项目，为方便大家理解，将npm...

2019-04-22 18:55:46 174

原创 WebVR开发教程——玩转Gamepad手柄

VR Gamepad手柄现在大部分VR搭配gamepad手柄，用户通过手持手柄可以与虚拟场景进行交互。就如headset头盔一样，gamepad手柄也有3-DoF和6-DoF的两种类型：3-DoF如daydream controller，只支持方向追踪，于是google推荐采用laser激光笔进行交互。6-DoF如Oculus touch，可以进行方向和位置追踪，因此可以很好的

2018-01-11 14:20:15 2868

Yone的博客