threejs(webgl)

基于ThreeJs的3D农业大棚模拟远程监测系统

建立农业大棚的三维建模场景，场景之间可以进行交互，并随机产生显示大棚内的相关指标值，获取农业大棚的温度、湿度、光照等变化情况进行实时模拟监测。在远程平台端可查看实时监测数据和相关状态。实时监测更新温度、适度、与光照数据代码在这里--->基于Three.js的3D模拟农业大棚监测系统
小猫乐淘淘·2022-06-22 14:27

百度地图 - 使用数据可视化MapVGL

使用webGL的技术在canvas中绘制图形，能有效的提高页面性能。MapVGLMapVGL，是一款基于WebGL的地理信息可视化库，可以用来展示大量基于3D的地理信息点线面数据。设计初
ny-nie·2022-06-11 07:43

百度地图可视化之实现飞线动画

MapVGL，是一款基于WebGL的地理信息可视化库，可以用来展示大量基于3D的地理信息点线面数据。设计初衷主要是为了解决大数据量的三维地理数据展示问题及一
打屁屁的小痘痘·2022-06-11 07:55

1.Unity+PuerTS导出WebGL

只能等Unity修复了所以最后我选择了用2020.3.35来制作这个项目（写这篇文章时最新的2020版本）1.移除不需要的package2.添加需要的package3.导入PuerTS和PuerTS-WebGL
Linx_R·2022-06-10 10:33

unity天气系统 中国天气网 gzip解码

天气系统描述代码在协同里面用UnitywebRequest请求来获取的中国天气网的数据解压返回格式是xml并且是gzip压缩过的温馨提示：如果使用www请求方式和HttpwwwRequest请求方式打包发布WEBGL
仲夏廿五·2022-06-01 18:38

Unity Shader - 遮罩效果

已经有二十天没有更新博客了，这段时间也一直在学习WebGLshader，后续可能也会更新一些WebGL相关的博客。转入正题，我们来说说今天要实现的一个shader效果-遮罩。
长生但酒狂·2022-05-26 15:07

史上最全的文档地址列表

统一的入口地址在adochub.dockernginxpython3meteorprismavuejsanacondacaddyserverdivioawsmongoosejstidbfluttergitlabthreejsmicrosoftpytorchmoodlekuber
·2022-05-23 10:42

推荐一些有趣实用的前端可视化工具库，助力可视化开发

前言前端可视化一直是人们常谈到的词，随着SVG，Canvas，WebGL等技术的发展，也涌现了一大批的优秀的可视化库。本文将从中选择一些有趣实用的推荐给大家，工具使用好了，开发效率自然也就提升了。
·2022-05-22 18:46

CSS 炫酷文本过渡动画

今天分享一个炫酷的文本过渡动画效果，如下面GIF所示，曾经是否有见过这种动画呢，想想是不是感觉挺复杂呢，通常这个过渡效果通过较为复杂的可用WebGl实现，本文通过另一种方式实现，文章尾部有神奇的代码，快来瞧瞧看吧
·2022-05-19 08:15

threejs 360全景工具开发心得

还达不到真正意义上的商用级别，下面我会把我们开发这个项目遇到的一些坑和解决方案都梳理处理，已经发布到线上https://720.h5ds.com/工具简介：H5-720全景（简称H5-720）是一款基于threejs
·2022-05-18 16:36

Unity2021发布WebGL与网页交互问题的解决

目录（一）首先说Unity调用页面方法的办法。（二）其次说说页面方法调用Unity内方法的办法。（一）首先说Unity调用页面方法的办法。首先是需要在工程的Asset目录里面建一个Plugins文件夹，然后在文件夹里面创建一个.txt文件，名字倒是无所谓，创建好后要把扩展名改成.jslib。文件要包含类似如下内容：mergeInto(LibraryManager.library,{Hello:fu
·2022-05-15 20:44

CesiumJS 2022^ 原理[5] - 着色器相关的封装设计

1.对WebGL接口的封装任何一个有追求的WebGL3D库
·2022-05-15 10:16

webgl未使用独立显卡报告2

楔子在上一篇文章《#[https://juejin.cn/post/707477...]webgl未使用独立显卡报告》发表后，有读者在公众号给我发了一段评论，如下图所示：我通过找电脑测试，发现确实有这个情况
·2022-05-12 14:56

基于tfjs和threejs的web端AR人脸特效

前言增强现实（AugmentedReality，简称AR）浪潮正滚滚而来，各种AR应用层出不穷——AR导航、AR购物、AR教学、AR游戏……可以说，AR正在深刻的改变我们的生活。而支撑AR的底层技术也在不断升级。AI技术的普及，让AI能力得以轻松的接入实际应用，TensorFlow.js（tfjs）的出现，则让前端也能在AI领域大展身手。浏览器和移动设备的升级，也使得Web应用具有更多的可能性。W
·2022-05-06 17:36

WebGL加载本地模型

前言大部分的webgl框架，比如threejs和babylon等，都可以加载obj和gltf模型。
·2022-05-06 14:12

vue对接unity

一个是引入vue-unity-webgl，一个是直接用iframe引入。ok。知道方案，怎么做呢，因为vue-unity-webgl和iframe都需要路径，怎么引入成了问题。
前端-珊珊·2022-05-05 09:28

ThreeJS 动画之 Noisy Lines

如果你做过一些企业站点的项目，应该会有遇到过这种需求，为了让我们的站点更具有活力及动画效果，往往会加一些类似这样的效果来丰富我们的网站，今天就来看看如何实现这种效果吧，动画效果基于threejs-toys
·2022-05-04 13:38

Day 54/100 JS 中的矩阵运算

CSS33D变换时，是用的矩阵相乘；WebGL使用中大量使用了矩阵运算，各种各样的运算，如
·2022-04-30 17:26

用 SpriteJS 来开发高性能的 web 图形和动画系统

最新的SpriteJSNext是SpriteJS的新版本，在浏览器端支持webgl2渲染，并可向后兼容降级为webgl和c
·2022-04-29 10:37

利用vue3+threejs仿iView官网大波浪特效实例

目录前言一、效果图二、代码三、背景图片素材总结前言Threejs可以理解为是一个web端三维引擎（渲染模型，数据可视化），如果有接触过UnralEngine4(虚幻四)等游戏引擎的，应该很容易理解在一个三维场景必备的每一个部件
·2022-04-26 13:26

三维拓扑初学实战

基本概念EasyGraph使用HTML5和JavaScript语音，底层使用webgl技术，可以在支持webgl的浏览器上进行绘图。
·2022-04-19 10:45

手撸一个动态居中带渐隐渐显蒙层的 html 模态窗口

Unity开发WebGL的项目想要播放视频，我觉得使用H5的标签就够了，想做一个通过RTSPtoWebRTC在浏览器播放rtsp的示例，所以先撸个弹窗试下。
雨落随风·2022-04-18 23:15

建模必备 Python中的那些3D图像可视化工具

Python拥有很多优秀的三维图像可视化工具，主要基于图形处理库WebGL、OpenGL或者VTK。
qq_21478261·2022-04-18 07:50

前端酷炫效果参考_你看见过哪些很炫酷的前端页面特效？

WebGL水波及焦散(刻蚀)的渲染总结玄魂前端，图形图像，可视化关于小区域水波渲染以及焦散的技术原理，推荐下面两篇资源：https://github.com/martinRenou/threejs-causticshttps
李雁儿门儿·2022-04-15 10:04

threejs全景图和锚点编辑的实现方案

目录全景图和锚点编辑全景图全景图拆解场景编辑方案transformControls初始化控制器添加可移动对象平移、缩放、旋转保存对象结语全景图和锚点编辑今天来简单聊聊threejs全景图和锚点编辑的方案
·2022-04-14 11:15

个人Three.js网页端项目展示

UnityWebgl心脏演示：http://eevee.com.cn/Examples/26.HeartWebgl/index.htmlimage.pngThree.js网页端样例：鳄鱼：http://
ShawnWeasley·2022-04-12 14:05

CesiumJS 2022^ 原理[2] 渲染架构之三维物体 - 创建并执行指令

回顾书接上文，Scene.js模块内的render函数会将控制权交给WebGL，执行CesiumJS自己封装的指令对象，画出每一帧来。
·2022-04-11 12:04

CesiumJS 2022^ 原理[2] 渲染架构之三维物体 - 创建并执行指令

回顾书接上文，Scene.js模块内的render函数会将控制权交给WebGL，执行CesiumJS自己封装的指令对象，画出每一帧来。
四季留歌·2022-04-11 12:00

THREEJs 关于对称轴镜像翻转

点对于某个对称轴镜像翻转，这里用二维演示，思路及核心方法都是一致的，二维能较好说明。找到在对称轴上与点最近的点//将对称轴整成线段constline=newTHREE.Line3(axis,newTHREE.Vector3(0,0,0))constlinePoint=newTHREE.Vector3()line.closestPointToPoint(arr[i],false,linePoint)
·2022-04-10 16:46

threejs太阳光与阴影效果实例代码

目录前言灯光与材质基础篇太阳光整体调用代码太阳光类初始化设置平行光信息Tween总结前言这篇文章实现智慧城市中模拟太阳光随时间变化产生对应场景效果。为了场景能够更逼真，我们一般会通过对接天气以及阳光等各种环境因素同步到场景中，使得场景能够更贴近现实。比如一些常见的天气系统，下雨、下雪、阴天、雾霾等，我之后会独立一篇文章中提现。这边文章主要介绍一系列灯光，主要是平行光对于太阳的模仿，以及一些材质的问
·2022-04-05 10:57

SAP UI5 sap.ui.vk 命名空间内的控件介绍

所有其他命名空间（sap.ui.vk.dvl、sap.ui.vk.threejs、sap.ui.svg）都是特定于特定实现的，应被视为私有API。使用传统DVL或T
·2022-04-03 12:33

OpenGL-ES 学习（1）---- OpenGL-ES 简介和 基本 pipeline

是以手持和嵌入式设备为目标的高级3D图形应用编程接口，OpenGLES支持的的平台包括IOS，Android，BlackBerry，bada，Linux和windows，它还是基于浏览器的3D图形Web标准WebGL
特立独行的佩奇·2022-04-03 10:21

手把手带你使用Paint in 3D和Photon撸一个在线涂鸦画板

所有功能已经过深度优化，在WebGL、移动端、VR以及更多平台用起来都非常好用！它支持标准管线，以及LWRP、HDRP和URP。通过使用GPU加速，你的物体将以难以置信的速度被绘制。
万猫学社·2022-03-29 16:00

vue3中如何用threejs画一些简单的几何体

目录前言threejs简述依赖包版本vue3操作DOM创建场景,相机,渲染器本节及后续都在initThree方法中写立方体球体圆柱体坐标系点光源鼠标操作旋转,缩放球体,立方体自动旋转initThree完整代码总结前言在
·2022-03-29 16:08

webGL 缓解内存压力

场景问题最近在做大模型的加载，加载文件的时候会解析出这个文件有多少个mesh,line,parameter,然后都会存在一个变量中去维护这个关系:constdetailedList={mesh:Array,line:Array,parameter:Array}这样会导致这个内存吃紧，毕竟直接存了好几G的数据信息。那还有一种说法是，文件加载过来直接就渲染不就行了吗？但是这样会导致DC过多,CPU吃不
·2022-03-28 20:08

JavaScript WebGL 矩阵

引子本以为可以开始尝试三维的效果了，查了一下资料之后发现要先了解矩阵。在这里集中收集一下相关基础知识点。OriginMyGitHub简介简单来说，矩阵（Matrix）是数字按行和列的矩形排列。一般描述先行后列，例如下面2×3矩阵：矩阵中每个元素表示也可以根据行和列标记，例如a1,2表示第1行的第2列元素。在应用数学学科中，矩阵常见于统计分析。在物理学中，矩阵于电路学、力学、光学和量子物理中都有应用
·2022-03-26 16:54

WebGL 及其在 WebRTC 中的应用

一、前言1、什么是WebGL?WebGL的全称是WebGraphicsLibrary，是一种3D绘图协议。
·2022-03-25 16:42

ThreeJS 中线的那些事

那么在ThreeJS中绘制一根简单的线的背后又有哪些故事呢，本文将逐一解开。
·2022-03-25 15:11

超图，api地址

关于超图webgl的开发参考资料http://support.supermap.com.cn:8090/webgl/examples/forJavaScript/web/introduction/3DforWebGL.html
二星程序饲养员·2022-03-25 08:48

SuperMap iClient3D for WebGL教程（地形篇）-CesiumTerrainProvider

www.jianshu.com/p/a59dedc1eacc一、CesiumTerrainProvider介绍前面的文章中，我们介绍了很多地形相关的知识，本章中我们来一起了解下CesiumTerrainProvider，我们在WebGL
supermapsupport·2022-03-25 08:32

24小时不间断监控垃圾车运行轨迹，Web 3D 智慧环卫

介于2D组态和3D组态上，Hightopo（以下简称HT）的HTforWeb产品上的有着丰富的组态化可供选择，本文将运用HT搭载出一个基于HTML5WebGL和GIS技术的智慧环卫可视化系统。这
专注可视化的川妹子·2022-03-25 07:43

WebGL 的 Hello World

本文整理自div侠于凹凸2022年技术分享，简单介绍了WebGL画一个基础图形的流程，希望你了解之后，在使用3d渲染库的时候可以少点迷糊。
·2022-03-24 18:30

WebGL 的 Hello World

本文整理自div侠于凹凸2022年技术分享，简单介绍了WebGL画一个基础图形的流程，希望你了解之后，在使用3d渲染库的时候可以少点迷糊。
凹凸实验室·2022-03-24 18:00

H5和HTML的区别

可以使阅读者更加容易的去访问内容2.本地存储的特性HTML5中的最好的特性就是可以进行本地存储3.设备的兼容特性（跨浏览器）4.网页媒体特性更好的支持音频，视频5.三维，图形以及特性特效基于SVG,Canvas，WebGL
apples_girl·2022-03-23 07:52

如何用three.js(webgl)搭建3D粮仓、3D仓库、3D物联网设备监控-第十二课

序：最近因为疫情，居家办公，索性翻翻之前的项目案例，总结总结。这次疫情，深圳停摆，群众也挺恐慌的，封闭前一天，超市被抢购一空，虽然官方媒体一再强调，材米油盐蔬菜肉类管够，但是任然挡不住群众们的抢购“热情”。从大家角度出发，此操作虽然不可取，但是也是无可厚非吧。毕竟从古至今，都是民以食为天。不过大家真不用担心，我国粮食储备在任何时候都是绝对保障的了人民群众的基本需求的。想想08年的粮食大战，大量国际
魂断蓝桥666·2022-03-19 11:00

风场可视化：随机重置

源库：webgl-windOriginMyGitHub原因随着时间推移，有些粒子产生的偏移超过了范围就会消失，所以需要随机重置消失的风粒子。解决方案需要考虑的问题有：什么时候重置？
·2022-03-19 10:01

Unity发布WebGL报错 : Unable to parse Build/web.framework.js.gz. This can happen if build compression was

环境Unity2021.2.7f1c1服务器:Nginx异常信息点击构建和运行运行正常,发布到Nginx就报错了UnabletoparseBuild/web.framework.js.gz!Thiscanhappenifbuildcompressionwasenabledbutwebserverhostingthecontentwasmisconfiguredtonotservethefilewi
xxxxxue·2022-03-18 21:59

Web3D 从入门到跑路 · 3D 初体验

Hey3Dwhat'sup，最近在Web圈混得怎样在“元宇宙”概念越来越火热的背景下，我们准备了一系列的3D元宇宙公开课及教学文章，教大家如何从0到1快速搭建一个3D项目，从中可以学习到WebGL底层原理
·2022-03-17 19:21

如何用webgl(three.js)搭建处理3D隧道、3D桥梁、3D物联网设备、3D高速公路、三维隧道桥梁设备监控-第十一课

开篇废话：跟之前的文章一样，开篇之前，总要写几句废话，大抵也是没啥人看仔细文字，索性我也想到啥就聊啥吧。这次聊聊疫情，这次全国多地的疫情挺严重的，本人身处深圳，深圳这几日报导都是几十几十的新增病例，整个深圳都按下了暂停键。在此也真诚的感谢在一线辛苦抗疫的医护工作者、自愿者以及政府工作人员们。疫情起起伏伏，着实对经济的冲击还是挺大的，大家也都切身感受到了疫情对我们的生活影响了，社会上也出现了一些质疑
魂断蓝桥666·2022-03-17 12:00

threeJS 使用 html2canvas截图为黑色的问题

实际错误是所有的webGL以及three的容器截图都为黑色的背景，其他元素无恙截图日志的报错为：控制台输出.png在这个问题解决之前尝试的办法有：疑似跨域问题：修改`html2canvas`的配置，使用
一支桨·2022-03-16 16:23
上一页 47 48 49 50 51 52 53 54 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他