- 动效 文章 模型
-
-
three.js圆环体文字雕刻
three.js engrave text around ring，思路是通过2个圆柱生成圆环体，然后裁剪掉一个文本几何体, 使用了bender.js库
-
原生webgl创建的粒子喷泉动画特效
particles effect based on webgl shader，很好的一个学习webgl的代码实例。
-
js动态平滑控制audiocontext的音量
how to smoothly control voice volume of audiocontext
-
js计算点到线段的落点（最近点）
find coordinates of nearest point on a line segment from a point
-
three.js简单的一个第三人称控制器实现
three.js third person controller ( camera ) example
-
css新的选择器:has（用来判断子元素状态）用法示例
demo using css :has selector，目前只有safari支持
-
用人话解释神经网络里面的前向传播和反向传播
神经网络是一个模仿人脑的计算模型和系统。人脑有复杂多层的神经元系统以及架构于之上的正向传导和反向反馈信号回路。
神经网络里面所谓前向传播（Forward Propagation）和反向传播（Backword Propagation）概念则与之类似。一、前言这是一场以误差（Error）为主导的反向传播（Back Propagation）运动，旨在得到最优的... -
CentOS6 Apache2.2多站点HTTPS配置
可以使用letsencrypt（certbot）免费证书服务。支持多系统、多站点和多目录，支持wildcard（通配符域名），90天生效，可用定时任务自动更新。需要注意一点的是apache2.4以下版本需要在默认的ssl配置中添加如下的指令：NameVirtualHost>*:443否则，只会第一个vhost配置中的域名生效。vhost配置示例如下：&VirtualHost>*:443S...
-
3D感知和建模关键硬件技术：双目、3D结构光和TOF
无论VR、AR和3D打印，其核心技术包含3D成像和建模。而3D建模属于劳动密集型的工作，耗时耗力，凡这类工作都会是被新技术革命的地方，自动3D建模技术就是为了解决这样的产业瓶颈。而自动3D建模的一个技术前提是需要设备（如手机或专业的3D扫描仪）能够有效（高精度且快速）感知3D景深。这就引出了本文的主...
-
2019年开源WebRTC媒体服务器选型比较
什么是WebRTC服务器？在WebRTC的早期开始，该技术的主要卖点之一是它允许点对点（浏览器到浏览器）通信，几乎没有服务器的干预，服务器通常仅用于信令（比如用于连接代理）。 在这个应用阶段，一个专门的WebRTC媒体服务器的概念显得有点多余。
但是随着WebRTC应用场景变得复杂，比如在线视频会议，这个时候点对点通讯会... -
2019年NodeJS框架Koa和Express选型比较
Koa和Express都是NodeJS的主流应用开发框架。
Express是一个完整的nodejs应用框架。Koa是由Express团队开发的，但是它有不同的关注点。Koa致力于核心中间件功能。nodejs中间件是访问请求对象（req）和响应对象（res）的例程。这些例程在路由处理程序之前被调用，因此它们位于客户端与生成响应的路由逻辑的“中间”。nod... -
OpenGL/WebGL顶点坐标变换过程简介
世界坐标是按照笛卡尔坐标系定义出来的绝对坐标系，下面的各种坐标系都建立在世界坐标的基础上。对象坐标系对象被应用于任何变换之前的初始位置和方向所在的坐标系，也就是当前绘图坐标系；该坐标系不固定且仅对该对象适用；默认情况下，该坐标系与世界坐标系重合；当用函数glTranslatef...
-
增强现实引擎ARToolKit工作原理简介
ARToolkit是一个基于CV（计算机视觉）和Marker（标识）的开源增强现实引擎。其具备如下功能特性：A. 鲁棒跟踪，包括基于标记的跟踪与基于特征的跟踪；>B. 强用力的摄像头/相机标定支持（摄像头/相机标定需要确定中心点坐标(光心)、摄像机实际焦距(fx=α∗f,fy=β∗f)(fx=α∗f,fy=β∗f)与镜头畸变参数(取决于...
-
常用光照类型基本概念工作原理及其计算公式
在三维场景中，原理上物体的渲染效果取决于光照与物体表面的相互作用，对于渲染程序而言，可以通过把一些数学公式应用于像素着色来实现，从而模拟出真实生活中的各种材质效果。比如金属、玻璃、木质或石刻效果等。
本文做如下假定：- 我们讨论的是基于像素着色（per-pixel basi...
-
WebGL场景中多相机拍摄的原理和意义
一般而言，3D场景的渲染只需要一个相机，不过借助多相机可以获取一些单相机无法达到的特效。比如突显特定对象并模糊背景。
3D相机渲染的基本原理是依靠颜色缓存和深度缓存区，颜色缓存用来成像，深度缓存用来剔除不可见对象。相机每一帧渲染时，一般都会清除这两个缓冲区，否则就会出现重影现象。多个相机渲染时，有先... -
ARCore基本概念和工作原理简介
谷歌的WebAROnARCore项目基于Android手机提供的ARCore增强现实引擎，要了解WebAROnARCore，需要先了解ARCore的工作原理。基本上ARCore做了两件事，首先跟踪手机的运动轨迹，然后构建出它对现实世界的理解。ARCore的运动跟踪技术是通过相机（Camera）识别出特征点，并随着时间的推移跟踪这些特征点是如何移动的。通过这些特...
-
Monaco Editor 编辑器拷贝粘贴功能调用和获取选中文本
有时候需要在monaco editor外部调用编辑器的内置功能，比如希望在页面主工具栏实现一些快捷操作。&button>onclick="copy()"onclick="paste()"copy()>{ editor.getAction('editor.action.clipboardCopyAction').run(); }2. 实现粘贴操作粘贴操作的思路是用剪切板上的内容替换编辑器中的当前...
-
谷歌ARCore技术特性简介
谷歌美国时间2017.8.29号刚发布了ARCore预览版，这是一个类似于苹果ARKit的增强现实SDK，在此之前,谷歌虽然已投资AR平台Tango，但由于需要特定的硬件和传感器，因此并未广泛普及。这次不同的是，ARCore将支持更多的现有Android设备以及将来的新设备。可以说ARCore是谷歌从高冷探戈向广场舞的一个延伸尝试。
比苹果更进... -
CentOS6 Apache2.2用域名配置多虚拟机
在CentOS下使用域名配置多虚拟机的步骤如下：
1. 使用>httpd -v, service httpd status>命令来检查你的apache版本和运行状态。2. 配置虚拟机容器，vi /etc/httpd/conf/httpd.conf, 找到>NameVirtualHost *:80, 确认这一行前面的注释被去掉了。如果没有这一行则按G到配置文件末尾添加上该行（按1G可回到配置文件头）。3.... -
踏得网精选2016年度10大最佳HTML5动画
踏得网精选2016年度最酷最新的HTML5动画集，评选标准为：创意新颖度+实现技术难度+趣味程度。使用一些在线H5生成工具的作品，因其主要使用图片和CSS3套路动画，千人一面乏善可陈，不入该列。所涉及技术主要是：HTML5/CSS3/SVG/WebGL（Three.js）/ES6（BabelJS）。TOP10: 镜花水月使用SVG>turbulence 滤镜实现的动画特效
-
6年前
-
6年前
-
6年前
-
6年前
-
6年前
-
6年前
-
6年前
-
6年前
-
6年前
-
6年前
-
6年前
-
6年前
-
6年前
-
6年前
-
6年前
-
8年前
-
8年前
-
8年前
-
© 2023 TechBrood Co. All rights reserved 沪ICP备14011478号