- 博客(822)
- 资源 (22)
- 收藏
- 关注
RSS订阅转载 为所有CSS网格行设置固定高度
当我构建100Ideas时，有一个小要求，当元素动态增加时，它不应该影响网格的布局，网格元素的行和列的高度应该是固定的。之前：优化后：代码超文本标记语言 <div className='container'> <div className='content'> <div className='item'/> &...
2024-01-20 20:24:14
71
原创 常用网络命令（实习报告）
记录实验中所使用的命令格式和执行结果，并考虑实验思考题的答案。（2）熟悉和掌握网络管理、网络维护的基本内容和方法。（1）掌握常用网络命令的使用方法；已基本掌握常用网络命令。练习以下网络命令的使用。
2023-11-15 10:04:38
286
原创 如何查看WiFi密码
本文分享一下手机和电脑上如何查看已经连接过的WiFi的密码，然后好分享给他人。手机上分享wifi密码很简单，步骤如下：生成二维码，读取WiFi密码1、首先，在“设置”中找到“无线网络”，点击需要查找密码的WiFi。2、接着，在下方找到“二维码分享网络”，等生成二维码后，截屏保存。3、最后，使用微信的“扫一扫”功能，扫描刚才生成的二维码，就能获取WiFi密码了。那么Windows下如何查看WiFi密...
2023-11-03 23:20:31
899
原创 使用 :has() 选择前一个相邻元素
使用 CSS :has() 选择前一个兄弟姐妹CSS 更令人抓狂的限制之一是长期以来它无法根据其子元素或前一个兄弟元素来选择元素。这使得构建可以针对元素的先前同级元素的 CSS 选择器变得不可能，但是has:()伪类（以及来自选择器级别 4 的、 和）已经抛弃了旧的限制，并在使用时开辟了一个充满可能性的:not()新世界选择器。:where():is()截至撰写本文时，所有主要浏览器（包括 Chr...
2023-10-30 23:36:38
300
原创 风格化 热力图
风格化热力图热力图（https://baike.baidu.com/item/%E7%83%AD%E5%8A%9B%E5%9B%BE）是元宇宙中很常见的一种变现形式，它用高亮的环形闭合曲线表现某个地区的【密度】分布情况，这个密度可以是海拔、温湿度、人流量等各种属性。在二维图形上，通过颜色区分密度，一目了然，和其他形式的图表或表格相比，热力图能表达的信息量最高，信息密度最高。风格化（stylize...
2023-10-13 00:00:15
153
原创 HTTP Basic 认证
HTTPBasic认证难度等级：【初级】由RFC7617定义的HTTPBasic认证是一种非常基础而简单的认证模式，因此叫他Basic认证。他本质上就是浏览器提供的一个接口，能够根据HTTP返回值，自动弹出一个登录框，让用户输入ID和密码，最后发给服务器校验，如若成功，此后每次请求都会携带这个头部。Basic认证确实省去了许多麻烦事：不需要再手写一个前端登录界面，不需要缓存token塞到请求...
2023-10-12 23:52:17
585
原创 简笔风和写实风的区别
现实主义和风格化当我们谈论现实主义和风格化时，我们是什么意思？这看起来相当明显，现实主义指的是模仿逼真的逼真的图形。它不一定需要存在于现实世界中，但被传达为它属于我们的世界。10年前，我们认为现实的东西在今天并不现实，对一些人来说，它甚至可能看起来是风格化的，因为为了应对技术的限制而做出的选择。一个很好的例子是《神秘海域4》，如果你比较他们的第一个游戏发布2007年，10年前和今年发布的，2017年，你可以看到如何视觉和技术质量差异很大。他们的主角（如示例所示）在当时缺乏很多细节，细节我们买得起，也强调与现
2023-07-19 20:02:08
1093
原创 Blogger空闲短域名搜索代码
Blogger是一个由Google提供的（收购的公司）免费博客平台，旨在使个人博客创建变得容易。用户可以使用Blogger创建自己的博客并将其托管在Google的服务器上。它不需要任何费用，并提供简单易用的编辑器和主题来帮助用户轻松地创建博客。Blogger具有强大的社交媒体集成功能，使用户可以方便地与读者分享博客内容，并在Google搜索引擎中得到更好的排名。尽管Blogger比WordPres...
2023-06-10 23:02:41
483
转载 即时AI设计领跑新视界
Part1前言随着人工智能技术的不断发展，越来越多的设计师开始关注AIGC(Artificial Intelligence Generated Content),并开始思考AIGC对设计师的影响以及如何运用AIGC即时为设计服务。“作为全球首款能让大家体验到通过自然语言描述，快速生成可编辑的 UI 设计稿功能的设计工具。”怎能不被UI设计师关注？赶紧快马加鞭体验一番，生怕饭碗不保~Part2简介即...
2023-06-08 23:46:46
58
转载 还不快试试？变态shader网格线算法
Part1前言在虚幻中经常遇到棋盘格/网格线之类的图案，非常实用，从视觉上能够增强用户的空间感，更好地感知三维世界，尤其是数字化世界模型，元宇宙之类的三维可视化系统中非常常见。当网格线拥有了Z轴坐标，便成了三维的网格线，常用来标识地形结构，一目了然，非常舒适。Part2实现方法如何实现呢？我们用材质编辑器可以轻松搞定，甚至只需要5个hlsl原生节点。核心是通过平面的二维坐标比如UV、XY等，来计算...
2023-03-25 23:05:01
417
1
转载 官宣 像素流peer-stream与IOS端Safari浏览器正式和解
Part1前言peer-stream是inveta团队开源的UE5像素流组件，与EpicGame为像素流设计的SDK相比，peer-stream.js是一个轻量级的WebRTC库，具有0依赖性，包含前端组件（使用WebComponents API）和信令服务器（使用NodeJS）。有不少朋友在使用peer-stream的时候，发现无法在ios端的微信浏览器中进行访问。针对这个问题，我们进行了重点研...
2023-03-02 00:00:47
661
原创 JavaScript输出Hello,World的10种方式！
JavaScript不愧是最强大的编程语言，和ChatGPT讨论后发现，至少有10种方法能够输出“hello world”，按运行环境分为浏览器环境和nodejs，按空间分为控制台、标题栏、地址栏、网页、桌面、弹窗，按介质分为文本、语音等，每种方法都有其独特的用途和实现方式。连一个hello world都能玩出花来！console.log("Hello, World!");document.wri...
2023-03-01 23:39:53
2808
1
原创 OpenAI图标的几何原理
这是OpenAI的logo，一个中心对称的图标，拥有6个“花瓣”，沿着中心旋转60度后完全一样。这个logo有什么含义么？这事儿吧，我还专门问了下ChatGPT，它给我的答复是：嗯~ o(*￣▽￣*)o随便吧，既然这个logo是6向对称的，所以在SVG中可以只画出其中一边，然后复制旋转6份出来就好了，我们来试一下：此logo可以分解为6个相同形状的“竖弯钩”：将此“竖弯钩”以60°为倍率旋转5次就...
2023-02-20 23:09:13
1677
转载 从零开始搭建kafka开发环境
Part1前言最近选用kafka作为消息缓存，来低于大流量的数据。Kafka是一种高吞吐量的分布式发布订阅消息系统，有如下特性：通过O(1)的磁盘数据结构提供消息的持久化，这种结构对于即使数以TB的消息存储也能够保持长时间的稳定性能。高吞吐量 即使是非常普通的硬件Kafka也可以支持每秒数百万的消息。本文主要介绍如何搭建kafka的开发环境，用来开发验证。Part2安装docker compose...
2023-02-01 23:30:29
246
原创 用ppt图表分析人口数据
2022年7月11日是世界人口日，联合国经济和社会事务部（经社部）在这一天发布了《世界人口展望2022》。联合国每两年或三年发布一次《世界人口展望》的版本，上一个版本是2019版。《世界人口展望2022》预测2022年11月15日，世界人口将达到80亿，2080年达到峰值104亿左右。经社部的官网还发布了详细数据：https://population.un.org/wpp/Download/Sta...
2023-01-18 00:00:46
862
转载 解剖像素流5.0.4源码
Part1前言和官方臃肿不堪的像素流SDK相比，我们在官方的基础上做了大量的优化和精简，开发出了轻量、零依赖、开箱即用的软件套装，项目持续开发了2年，经受住了大量的压力测试，收获了许多社区文档和用户反馈，完全开源免费。https://github.com/inveta/peer-streamPart2底层架构：WebRTC欲将后端 UE5 的画面同步到前端页面上，需要在即时音视频通讯领域寻找相关技...
2023-01-17 23:48:46
823
转载 强者来袭：UE5像素流peer-stream Stars数量突破三位数
Part1前言peer-stream是inveta团队开源的UE5像素流组件，与EpicGame为像素流设计的SDK相比，peer-stream.js是一个轻量级的WebRTC库，具有0依赖性，包含前端组件（使用WebComponents API）和信令服务器（使用NodeJS）。peer-stream.js：用于播放器的浏览器SDK。signal.js:node.js信令服务器。.signal....
2022-12-14 00:00:33
2328
3
原创 残体字符设计：INVETA
残体字符设计是logo设计中很常见的一种风格，它通过删减“多余”的笔画来实现残缺的字符，让读者通过“脑补”还原出原来的文字，以此独特的风格加深用户的产品印象。Github支持STL文本格式的3D模型预览，奈何STL格式非常简陋，难以表示复杂的形状和颜色，只能尽可能用最少的三角形来传达更多的信息，思来想去，最终我准备用12个三角形设计一套“INVETA”的残体logo，在 https://githu...
2022-12-13 23:35:46
219
转载 用代码模拟人工操作浏览器
Part1前言有时候有一些浏览器操作的场景，非常枯燥，而且需要定期去点击。最近研究了一下如果通过代码实现模拟人工操作。整个技术方案基Puppeteer进行。Puppeteer 是一个 Node 库，它提供了一个高级 API 来通过 DevTools 协议控制 Chromium 或 Chrome。Puppeteer 默认以 headless 模式运行，但是可以通过修改配置文件运行“有头”模式。Par...
2022-12-02 00:00:46
1260
原创 Github清除历史记录的方法
GitHub历史提交记录累计到一定程度以后，就很麻烦，体积大下载不便，压缩也慢，这时候就想永久性地删除掉没什么卵用的历史commit记录，但还要保留stars、forks、issues、tags等重要信息，因此不能删掉仓库重建一份，而要创建一个空分支，把旧分支给嘎掉！可是GitHub网站上不提供这种功能，所以只能通过命令行的形式来搞。首先使用 git checkout --orphan new 命...
2022-12-01 23:33:24
2366
原创 INVETA peer-stream 自述文件
UE5 像素流式 SDK与 EpicGame 为 Pixel Streaming 精心设计的 SDK 相比，peer-stream.js 是一个 0 依赖的轻量级 WebRTC 库，包含一个前端组件（使用 WebComponents API）和一个信号服务器（使用 NodeJS）。peer-stream.js：播放器的浏览器 SDK。signal.js：node.js 信号服务器。.signal....
2022-11-03 00:00:24
472
原创 inveta PLSB 点线面体 示例工程
https://github.com/inveta/demo/blob/main/Resource/demo.md点线面体生成 POI（点）ps.emitMessage([ "spawn-POI", "location:X=0 Y=0 Z=0", // cm "icon:\uE998", // char "title:POI标题", // string ...
2022-11-01 23:31:17
425
转载 fbx模型实现顶点偏移
Part1前言有些建筑模型，建模的时候坐标采用高斯投影的方式来设置，这样会导致模型的顶点非常之大。导入到3dmax软件之后，由于其按照float精度进行渲染，从而造成渲染的模型抖动等问题。这里提出一种思路，通过将模型顶点统一进行偏移，从而解决在3dmax中渲染精度问题。Part2fbx精度通过如下定义可以看出fbx其实是双精度的。classFBXSDK_DLLFbxVector4:publ...
2022-10-31 20:58:19
347
转载 基于DPlayer的原生flv和hls播放
Part1前言著名的hls.js和flv.js可以分别支持hls协议和flv协议的播放。两个库地址如下https://github.com/bilibili/flv.jshttps://github.com/video-dev/hls.js但是我现在需要一个库同时支持hls和flv协议播放，这里推荐一个库DPlayerhttps://github.com/DIYgod/DPlayer本文主要研...
2022-10-30 10:42:17
1357
转载 视频无法输出？来一键安装InVideo插件
Part1前言在虚幻引擎程序运行时，如果将画面保存为mp4的文件？通过InVideo插件的一个函数即搞定。本文主要介绍其实现思路。Part2UGameViewportClient游戏视区（FViewport）是平台特定渲染、音频和输入子系统的高级抽象接口。GameViewportClient是引擎与游戏视口的接口。为每个游戏实例创建一个GameViewportClient。我们能看到的画面都可以通...
2022-10-28 12:39:09
418
原创 SVG实现小苹果图标
用SVG实现的一个小苹果图标，只有半KB，小巧玲珑，由3块组成（按照z-index排序）：叶子（棕）、苹果（红）、高光（白）。其中叶子和高光共用了一个，但颜色不同。如果通过二进制的svg格式可以压缩到更小，但目前技术尚不成熟。
2022-10-11 23:45:00
243
原创 demo 让你的三维动起来
本文主要介绍了https://github.com/inveta/demo的动态生成方法，包括编辑器静态初始化、蓝图动态生成、像素流字符串动态生成。
2022-09-27 23:45:00
699
3
原创 2021四川资阳中考数学第10小题
--------------------------------已知A、B两点的坐标分别为(3， -4)、(0， -2)， 线段AB上有一个动点M (m，n)，过点M作x轴的平行线交抛物线 y = a(x-1)²+2于P (x1, y1)、Q (x2, y2)两点，若无论M如何运动，x1 < m ≤ x2 恒成立，则a的取值范围为（ ？）A)-4 ≤ a < -1.5B)-4 ≤ ...
2022-09-25 23:19:27
375
原创 GitHub图标SVG版本
有没有发现，网页上的图片越来越多地使用svg矢量图来替代光栅图png，直接将svg嵌入到html中非常方便，事实上，光栅图比如相机照片中绝大部分像素都被人眼忽略掉了，造成大量冗余，矢量图才理应是最合理的图片格式。如今，各大网站的图标基本都是svg，比如GitHub：然后这个图片是左右对称的，完全可以只画一半，再复制出另一半，然后左右翻转一下，利用<use>元素...
2022-08-14 23:20:13
834
原创 POI特效 市场调研
绕Z轴自转的模型就高级一点了，视觉效果上比动图更真实，但需要消耗建模和渲染的成本，不过POI常用的小模型都有一些共同的特点，比如三角面少、自发光、使用顶点色渲染、绕竖轴自转，原点位于底部。使用顶点着色（支持透明）省去了UV贴图，大大降低了模型的体积，每个模型只有20~50KB，平均三五百个面片+顶点。但这种毕竟是静态的POI图标，有时候为了更好的视觉体验，需要一些动态的POI特效，这就需要全新的设计思路了，我们考察了市面上一些流行的三维可视化厂家，比如51world的SuperAPI（运动选择旋转模式。..
2022-07-22 23:45:00
538
转载 Python大师！UE5的御用布景师
Part1前言虚幻引擎已经拥有了蓝图和C++进行开发，为什么还需要Python呢？python相对蓝图和C++有什么优势呢？我认为有以下几点原因：1、python语言入门简单2、在虚幻中引入python，可以把海量python生态的库引入到虚幻，这大大加快了开发效率3、python可以实现虚幻编辑器中自动化工作流程4、Python目前已经成为制作流程和3D应用程序之间的互...
2022-07-22 23:15:03
924
转载 开源篇--精准定位 模型重心坐标
Part1前言模型重心坐标就是在模型正中心那个点的坐标。本文介绍一种方法，可以通过代码的方式自动获取模型重心坐标。本方式适用于常用的所有模型。Part2重心坐标我们都学过初中几何，可以知道三角形重心是三角形三条中线的交点。当几何体为匀质物体时，重心与形心重合。下图中O为三角形的重心。换算成笛卡尔坐标系三角形三个顶点为(x1,y1),(x2,y2),(x3,y3)那么重心坐...
2022-07-14 23:59:32
695
原创 8位浮点数能表示的所有小数
0 0-000-0000 +0.0000×2-2 +0.0 +0.0 ,+Zero1 0-000-0001 +0.0001×2-2 +0.000001 +0.015625 2 0-000-0010 +0.0010×2-2 +0.00001 +0.03125 3...
2022-07-07 23:49:22
572
原创 UE像素流，来颗“减肥药”吧！
像素流是虚幻引擎UE5提供的前后端分离框架：服务器运行UE5，前端渲染UI，中间传输视频流。这样，即使是无显卡的低端电脑或手机也能访问运行着UE5的服务器。但是UE官方的像素流代码库非常臃肿，文档匮乏，难以直接使用，我们将其改造成轻量版的，开箱即用的像素流前端库以及信令服务器，地址：https://github.com/inveta/peer-stream。除此之外，我们还开发了与之配套的工具链，自动化监护像素流的生命周期，即使服务器无人管理也能正常运行。拜UE5的HLOD技术（Nanite以及Wor
2022-07-04 23:45:00
1542
10
转载 重磅来袭--UE5的开源数字孪生解决方案
Part1前言Inveta团队是一支由建模、美术、UE5组成的年轻团队。今天我们决定开源一套基于UE5的数字孪生解决方案。整个开源方案不是一个项目，而是由一系列UE5的插件、像素流js的sdk、示例工程组成。整个开源方案可以应用于智慧城市、智慧园区、三维可视化等领域。开源项目地址：https://github.com/invetaPart2为什么要做开源我们团队几个核心成...
2022-06-29 23:02:13
6296
原创 “NPM”的全称（github.com/npm/npm-expansions）
*nix Programming MammalsN00b Pwn M3N00b's Programming MachineNaan and Paneer MakhaniNabbing Pleasant MonadsNaboo's Podracing MisadventureNacho Pace MakerNacho Pizza MarinadeNacho Portion ...
2022-06-25 00:00:54
644
原创 UE5神通--POI解决方案
三维可视化中，最常用的功能是定位一个POI点（point of interest，兴趣点），表示三维空间中用户关心的某一个坐标，通常需要在屏幕空间中标出这个坐标位置，通过一条箭头线指向这个POI并在旁边写上一些属性信息。通过一个箭头指向POI所在的精确位置，避免一张图片覆盖在POI前面。通过预设的字体图标库，指定任意的图标（字符），避免图片管理的困难。允许在图标旁白标注名字，用简短的文字表示POI的标题。POI标题可以省略，代表纯图标的POI。图标外框可以选择不通的形状：菱形、圆形、圆角方形等。整体可以选择
2022-06-24 23:45:00
900
转载 关联GIS：条条道路通UE5城
Part1前言本文介绍如何使用UE5的Georeferencing插件实现UE5与GIS坐标的关联。Part2坐标系介绍这里主要涉及以下几个坐标系，如下图1、地理CRS坐标系通过经纬度和海拔来表示纬度 = 相对于赤道的仰角距离，以度为单位经度 = 相对于本初子午线（格林威治）的方位角，以度为单位海拔=相对于参考椭圆体的高度，以米为单位角度表示为十进制度，即DMS（度分秒）...
2022-06-24 23:19:01
879
原创 虚幻引擎logo矢量图svg源码!
由于网上很难找到虚幻引擎的矢量图logo，自己画又太麻烦，偶然间发现官方的ContentExample仓库（内容示例）中有一个用样条线spline实现的logo：这个logo完全使用三次贝塞尔曲线（Bézier）实现的，而且与每个点相邻的2个控制点对称，因此可以使用svg中的S(x2,y2,x,y)函数：S(x2,y2,x,y)传入4个参数，表示【后控制点】和【终点】的横...
2022-06-13 23:11:02
862
1
转载 3D资产大掌柜—Connecter
Part1Connecter是什么Connecter是一款3D资产管理工具，这款软件可以帮你管理3dsMax、C4D、UE4，Blender等3D建模软件的模型，理论上支持几乎所有的3d资产。本文主要介绍如何安装和使用Connecter。Part2如何安装和创建工作区1软件安装安装好软件，软件不会创建快捷方式。这个是默认安装的路径C:\Users\admin\AppDat...
2022-06-12 23:37:05
917
虚幻引擎logo矢量图svg源码!
2022-06-14
UE5第三人称鼠标操作
2022-05-30
网页<video>标签录制工具，录制网页视频为webm格式
2022-03-04
gltf 及 3D Tiles 学习资料
2021-06-28
寻找序列化的极限.pptx
2020-10-09
海量学习资料2016~2020
2020-10-09
SPF(Dijkstra)算法完美教程
2020-09-19
Test Drive Unlimited 2 存档
2020-03-26
【原创】vSphere全流程配置教程
2017-11-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人