网页特效
【Unity3D】卷轴特效
1 原理 当一个圆在地面上沿直线匀速滚动时，圆上固定点的运动轨迹称为旋轮线（或摆线、圆滚线）。本文实现的卷轴特效使用了旋轮线相关理论。 以下是卷轴特效原理及公式推导，将屏幕坐标 (x) 映射到纹理坐标 (u)。 注意：屏幕坐标 x 值域为 [0, ScreenWidth]，这里已归一化到 ......
【Unity3D】半球卷屏特效
1 原理 凸镜贴图 和 渐变凸镜贴图 中介绍了使用 OpenGL 实现凸镜贴图及其原理，通过顶点坐标映射到纹理坐标，并构造三角形网格，构建了真正的三维凸镜模型。本文通过 Shader 实现半球卷屏特效，通过屏幕坐标映射到纹理坐标，不需要构建凸镜模型，效率更高。 1）凸变换原理 以下凸变换 ......
【Unity3D】选中物体描边特效
1 前言 描边的难点在于如何检测和识别边缘，当前实现描边特效的方法主要有以下几种： 1）基于顶点膨胀的描边方法 在 SubShader 中开 2 个 Pass 渲染通道，第一个 Pass 通道渲染膨胀的顶点，即将顶点坐标沿着法线方向向外扩展，并使用纯色给扩展后的顶点着色，第二个 Pass ......
【Unity3D】基于粒子系统实现烟花特效
1 需求实现 粒子系统ParticleSystem 中介绍了粒子初始化、粒子发射、发射器形状、渲染器、碰撞、子发射器、拖尾等粒子系统的基本用法，本节将基于粒子系统实现烟花特效。 实现需求如下（资源见→Unity3D烟花特效预设体文件）： 粒子发射阶段，只有一个粒子（记为 Spindle 粒子 ......
css实现霓虹灯特效字体
在开始之前先了解外部字体的引入： vite中字体的引入方法（.otf字体等）如下： 1、在src下的assets文件夹下创建font文件夹，将下载好的字体包放到该文件夹下 2、在font文件夹下创建font.css文件，如果你用的是scss，那么就是font.scss。less同理。 3、在font ......
如何设计一个网页爬虫
作为长期深耕在爬虫行业的程序猿来说，对于设计一个网页爬虫想必很简单，下面就是一些有关网页爬虫设计的一些思路，可以过来看一看。 第一步：简述用例与约束条件 把所有需要的东西聚集在一起，审视问题。不停的提问，以至于我们可以明确使用场景和约束。讨论假设。 我们将在没有面试官明确说明问题的情况下，自己定义一 ......
实现hypothesis在网页标注后同步到本地obsidian
实现hypothesis在网页标注后同步到本地obsidian 遇到的question 2023.3.21日 在更改了自己的模板之后，可以能按照Todo的方式展现所有的标记，但是发现在同一个网页上增加了新的标注后，不能够直接将网页标注下拉到自己的obsidian中，所以去解决这个问题 answer ......
批量下载浏览器网页中全部链接的方法
本文介绍在Chrome浏览器中，通过迅雷自动批量选中网页中全部下载链接并进行下载的方法。 前期的文章批量下载Landsat遥感影像的方法中，我们详细介绍了USGS遥感影像批量下载的方法。在利用这一方法生成每一幅影像的下载链接后，我们直接结合可以批量获取网页内下载链接的下载软件进行下载。而在这一过程中 ......
网页js版音频数字信号处理：H5录音+特定频率信号的特征分析和识别提取
音频数字信号处理 Audio DSP (Digital Signal Processing) 是一个复杂又专业的话题，本文介绍的是如何从音频中实时分析和识别出特定频率信号的一种方法，对应的代码为可运行在浏览器中的html5网页版（可移植）；可用于识别环境中特定频率的声音、或噪声、乐器弹奏的音调。 在 ......
U3D编辑器开发&粒子特效/动画预览器示例
概述 U3D提供了一套拓展编辑器的接口，可以用于直接在编辑器非播放模式运行程序。常用于运行一些工具程序，例如资源管理。在做技能编辑器等工具程序时，也可以使用运行模式接口会比较简单（这样也方便开放游戏创意工坊给玩家）。使用编辑器去做一些渲染相关的预览（如粒子系统，动画预览）会麻烦一点，有时候需要查询和 ......
云间玉兔,自出机抒,从零开始制作Web插件网页特效小兔子组件(小挂件widget),基于原生CSS/NPM
著意登楼瞻玉兔，何人张幕遮银阙？又到了一年一度的网页小挂件环节，以往我们都是集成别人开源的组件，但所谓熟读唐诗三百首，不会做诗也会吟，熟读了别人的东西，做几首打油诗也是可以的，但若不能自出机抒，却也成不了大事，所以本次我们从零开始制作属于自己的网页小挂件，博君一晒。 玉兔主题元素绘制 成本最低的绘制 ......
巧用视觉障眼法，还原 3D 文字特效
最近群里有这样一个有意思的问题，大家在讨论，使用 CSS 3D 能否实现如下所示的效果： 这里的核心难点在于，如何利用 CSS 实现一个立体的数字？CSS 能做到吗？ 不是特别好实现，但是，如果仅仅只是在一定角度内，利用视觉障眼法，我们还是可以比较完美的还原上述效果的。 利用距离、角度及光影构建不一 ......
快来给你的宠物视频加个表情特效吧
摘要：我们将给猫贴一张卡通脸，给 Elon Musk 贴上小胡子，给小狗贴上驯鹿角！ 本文分享自华为云社区《视频AI，给你的宠物加个表情特效！》，作者：HWCloudAI。 GAN 监督学习是一种联合端到端学习判别模型及其 GAN 生成的训练数据的方法。GANgealing将框架应用于密集视觉对齐问 ......
Python全栈工程师之从网页搭建入门到Flask全栈项目实战(7) - 在线问答系统
1.项目源码/业务逻辑 百度网盘链接：链接：https://pan.baidu.com/s/13VNfrSJE6vcL3HP1J5T8ew 提取码：00s0，项目业务逻辑自行阅读 2.项目搭建 👇点击新建New Project，选择Flask项目 👇选择项目路径和使用Virtualenv新建项目 ......
Python全栈工程师之从网页搭建入门到Flask全栈项目实战(6) - Flask表单的实现
1.表单介绍 1.1.表单知识回顾 常见的表单元素： 表单标签<form> action：表单提交的URL地址 method：表单请求的方式（GET/POSt） enctype：请求内容的形式，如：application/x-www-form-urlencoded、multipart/form-da ......
Python全栈工程师之从网页搭建入门到Flask全栈项目实战(4) - Flask模板语法与继承
1.Flask模板介绍 前置：理解渲染机制即上篇笔记中render_template()功能是如何实现的！ 1）找到html文件地址 2）读取html文件中的内容 3）替换html中的特殊字符 4）将html的内容发送给浏览器 1 <!-- html文件 --> 2 3 <!DOCTYPE html ......