- 动效 文章 模型
-
-
使用screen.orientation api（window.orientationchange事件废弃）代码示例
screen orientation api example
-
three.js webar平面检测代码示例（Chrome Android 81以上版本）
three.js webxr plane detection example, only for mobile
-
使用作用域自定义属性和背景剪辑( background-clip ) 制作动画渐变文本效果
animated gradient text effect with scoped custom properties and background-clip
-
webgl2遮挡剔除算法实现参考代码
webgl2 features: Vertex Arrays, Uniform Buffers, Immutable Textures, Occlusion Query
-
three.js着色器实现光盾防御动画特效
light shield effects with three.js shaders, compiled version, three.js版本为r144。
-
网站SSL安全证书认证的基本过程和原理
现在的网站基本上都迁移到了https协议上，https是http协议的安全升级版本。在原来的http协议下，如果有人截获了你发送给服务器的报文，就能获取里面的信息，比如用户名乃至密码。所以http协议单纯从传输层面看是不安全的，其信息安全性得依赖额外的应用层面来保证。那么如何保证信息交互的安全性呢，一般是通过密钥对的方式...
-
WebGL入门教程 - 高光计算模型
现实物体在光源的照射下，会出现吸收和反射。物体的颜色主要由漫反射决定，但局部高光效果则主要由镜面反射来决定。从表面反射出的光线与入射角成相等但相反的角度，称为“镜面反射”。如果镜面反射光线直接进入相机，就好像相机直接看到光源一样，即使它已经从物体上反弹出来。相机看到的是光源的光，而不是物体的颜色。如...
-
Yii2里面布局Layout的缺省设置
yii2里面渲染视图时，需要先查找layout，这个逻辑是在yii2/base/Controller/renderContent里面实现的：
public>function>renderContent($content) >>>>{ >>>>>>>>$layoutFile>=>$this->>>>>>if>($layoutFile>!==>false)>{ >>>>>>>>>>>>return>$this-=$content],>$this); >>>>>>>>} >>>>>>>>return>$content; >>... -
如何构建一个面向对象的webgl渲染引擎
WebGL渲染引擎主流的有three.js和babylon.js，如果我们要自己实现一个类似的引擎，该如何设计实现呢？基本上我们可以分解为以下5个部分：webgl渲染部分的封装可渲染实例的抽象光照和相机场景和资源管理常用的图形运算库其中第1部分主要是整合绘制方面的一些...
-
体积光原理及WebGL实现
体积光（或叫上帝之光）在自然界中是十分常见的现象，如太阳光从云隙中透过时产生的云隙光，森林中阳光从树叶中穿过产生的光柱。如果我们要在网页三维场景中模拟这种光效，需要深入了解大气物理模型和光散射原理。大气物理模型物体与其观察者之间存在着复杂的介质，比如太阳光到达我们眼睛是穿过了厚厚的大气层，大气层里面...
-
webgl glsl程序出错: Loop index cannot be compared with non-constant expression
出现错误的代码如下：#ifdef>GL_ES precision>mediump>float; #endif //>our>texture uniform>sampler2D>u_image; //>the>texCoords>passed>in>from>the>vertex>shader. varying>vec2>v_texCoord; uniform>float>u_glowRange; void>main() { >>>>vec4>color>=>vec4(0,0,0,0); >>>>for(>float>j>=>1.0;>j...
-
AI数学基础 - 如何理解傅里叶变换
傅里叶变换是信号分析的基础数学方法，其本质是把信号做分析（analysis）以及合成（synthetise），和把白光分解为彩色光谱原理类似。
傅里叶变换的基本思想是：符合一定条件下，任意周期信号可以分解为直流分量和一组不同幅值、频率、相位的正弦波。分解的方法就是傅里叶变换。这些正弦波的频率符合一个规律：是某个频... -
构建网站我们该选择Laravel还是React
现在构建网站的可选项很多，就架构上来讲，有两种方式：一种是传统的服务端动态语言构建，使用PHP/JAVA/Python的开发框架，比如Laravel/Yii/Django/Spring，在服务端完成特定语言模板的解析并生成标签文本输出到客户端（即SSR：服务端渲染）；另外一种使用前后端分离的方式，也就是通过后端（Healess CMS）纯粹提供数据，给...
-
npm install error: tunneling socket could not be established
出现这个问题是因为代理设置不对，执行如下命令：
config>set>proxy>http://proxyhost:proxyport config>set>https-proxy>http://proxyhost:proxyport其中proxyhost可以是localhost，即本地代理，proxyport是端口号。如果没有proxy，则需要去除：config>set>proxy>null config>set>https-proxy>null -
WebGL光照基础知识：光学现象基本概念
用webgl着色器来实现光照特效，本质上是一个对物理学特性使用计算机进行近似模拟的方法和过程。所以我们需要理解光线传播的几个基本概念及其区别：反射、衍射、散射以及透射、折射。散射是由于介质中存在的微小粒子（异质体）或者分子对光的作用，使光束偏离原来的传播...
-
WebGL基础知识 - GLSL和着色器（Shader）
在本站的WebGL入门教程中，提到绘制管道中有两个着色器，一个是vertex shader（顶点着色器）和一个fragment shader（片段着色器）。本章简介这两个着色器的具体使用。每个着色器本质上就是一个函数，有特定的输入和输出。着色器函数被串联到同一个着色器程序中。Vertex Shader顶点着色器的功能是把原始顶点数据变换到裁减空...
-
浏览器报错: Failed to execute 'createObjectURL' on 'URL'
之前工作的网页调用摄像头获取视频并拍照的作品报错：Failed to execute 'createObjectURL' on 'URL'原因是Chrome升级后，新版本的Chrome不再支持该用法。其他主流浏览器也是如此，详细讨论请参考如下链接：
-
IntersectionObserver（相交观察器） API简介及在线实例
有时候我们希望跟踪DOM中的元素何时进入屏幕视线可见区域，这样就可以延迟加载图像或其他数据（比如广告）。要实现这样的目的，一般的思路是我们可以通过挂接滚动事件或使用定时器并对该元素调用getboundingclientrect()，然后计算元素包围盒是否落在当前位置的窗口区域中来完成。然而，这种方法非常缓慢，因为每次调用getb...
-
核函数核技巧（Kernel Trick）白话简介
核函数是为了解决分类问题而引入的方法。有些数据并不是那么容易线性分割，比如我们很容易用一根线条（红色）来分割下图中的黑白点：但是无法用直线来分割下图中的蓝红数据点：为了能用简单的直线（或者多维空间的超平面）来分割如上图中的数据集，我们需要“升维”来观察和思考问题。比如通过一定的映射，把数据映射成如下...
-
支持向量机（SVM）概念图解（人话版）
支持向量机（support vector machine）是模式识别里面的基本概念，通俗来讲，它是一种二类分类模型，其基本模型定义为特征空间上的间隔最大的线性分类器，学习策略便是间隔最大化。理解SVM，需要先弄清楚一个概念：线性分类。如下图所示，现在有一个二维平面，平面上有两种不同的数据，分别用圈和叉表示。由于这些数据是线...
-
6年前
-
6年前
-
6年前
-
6年前
-
6年前
-
6年前
-
6年前
-
6年前
-
6年前
-
6年前
-
6年前
-
6年前
-
6年前
-
6年前
-
6年前
-
6年前
铁镍电镀腿的大型木制办公桌
Large wooden office desk on iron nickel-plated leg
-
6年前
-
6年前
© 2023 TechBrood Co. All rights reserved 沪ICP备14011478号