E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
【WebGL】Three.js
今天我们来谈谈【像素流送】到底是什么?!
现有基于
WebGL
或HTML5技术的解决方案存在一些弊端,其内容显示的逼真度和交互体验取决于用户的终端性能,这就要求用户必须使用高配置的设备才能获得高质量的体验,无疑增加了用户成本投入,这是非常不利于产品分享和体验的
点量实时云渲染
·
2023-12-15 06:55
云流化
java
人工智能
html5
一行代码解决
Three.js
中只能在一侧看到物体的问题
项目场景: 因为该项目比较复杂庞大,在此就简单介绍一下: 通过
Three.js
创建若干个物体进行了组装,从而形成了一个类似眼球模拟模型的项目,用户可以通过拖动鼠标来达到控制视角(摄像机)的目的,以此来观察整个眼球状态
hiddenSharp429
·
2023-12-15 06:12
Three
javascript
开发语言
ecmascript
threejs
three.js
入门三:buffergeometry贴图属性(position、index和uvs)
环境:three.js0.159.0一、基础知识geometry:决定物体的几何形状、轮廓;material:决定物体呈现的色彩、光影特性、贴图皮肤;mesh:场景中的物体,由geometry和materia组成;texture:贴图,用于将一个jpg等格式的图片贴到material上面(当然,material也可以不贴texture);另外,如果material上是定义的color,那么说明,物
jackletter
·
2023-12-15 05:30
threejs/webgl
javascript
贴图
开发语言
unity中:搭建在线AR应用
使用ImagineWebAR-ImageTracker插件部署
WebGL
应用在使用ImagineWebAR-ImageTracker插件进行
WebGL
应用开发时,有两个关键知识点需要掌握:1.部署到支持
Dawn·张
·
2023-12-14 21:06
UE
Unity
WebGL
常见问题总结
转载至:https://www.it610.com/article/1295062035498868736.htm1.
webgl
不显示字体开始导出来发现一些字不显示,还以为分辨率压缩Text文本导致字不显示
VirtualCreator
·
2023-12-14 21:00
Unity脚本&编辑器
unity
Unity打包浏览器端网页HTML(
WebGL
)以及部署到Tomcat浏览器访问报错问题解决
Unity默认打包是PC端客户端程序,想要打包浏览器可以访问的
WebGL
网页,需要修改一些配置。我使用的Unity版本是2021.3.24f1。
-道不虚行只在人-
·
2023-12-14 21:29
008_Unity
unity
webgl
游戏引擎
Unity打包
WebGL
的全过程及在打包和使用过程中会遇到的问题(本地测试)
目录概要Unity打包
WebGL
PlayerSettings设置ResolutionandPresentationOtherSettingsPublishingSettings本地服务器测试环境配置问题盘点概要盘点
我是秦始皇 v50看实力
·
2023-12-14 21:29
webgl
unity
c#
游戏引擎
Unity3d 2020版本发布
WebGL
报错Uncaught SyntaxError: Invalid or unexpected token 和unityFramework is not...修正
问题描述如题的问题是在Windows项目发布
WebGL
时遇到的,Unity3d的版本是2020.3.12f1c1,部署平台是IIS,运行浏览器是Chrome。
十幺卜入
·
2023-12-14 21:22
Unity3D
Unity3d
WebGL发布
Unity
Web问题
Unity3d
WebGL报错
Unity
WebGL运行报错
Unity
WebGL
项目打包后本地打开报错问题解决方法
在Unity打包
WebGL
项目后,本地打开html页面出现错误提示。
古明地蓝
·
2023-12-14 21:52
unity
webgl
游戏引擎
[Unity] IL2CPP
WebGL
出现错误信息 FS.syncfs
loader.js:1warning:2FS.syncfsoperationsinflightatonce,probablyjustdoingextrawork在Google浏览器中运行
WebGL
出现的错误是因为写了加载和反序列化本地
虐码锅锅
·
2023-12-14 21:19
webgl
Unity
webgl
读取streamingAssetsPath文件夹txt
usingSystem.Collections;usingSystem.Collections.Generic;usingUnityEngine;usingUnityEngine.Networking;usingUnityEngine.Events;usingSystem.IO;publicstaticclassStreamingAssetPathConfigReader{//////读取Stre
奇大可
·
2023-12-14 21:18
Unity
unity3d
unity
c#
Unity打包到
Webgl
平台以及遇到的问题
Unity打包到
Webgl
平台以及遇到的问题参考网站Unity打包
WebGL
的全过程及在打包和使用过程中会遇到的问题(本地测试)-CSDN博客unity打包到
Webgl
并配置能正常运行这里我用的是Unity2022.3.3f1c1
unity_http
·
2023-12-14 21:42
unity
unity
webgl
游戏引擎
WEB 3D技术 简述React Hook/Class 组件中使用
three.js
方式
之前已经讲过了用vue结合
three.js
进行开发那么自然是少不了react我们还是先创建一个文件夹终端执行npminitvite@latest输入一下项目名称然后技术选择react也不太清楚大家的基础那就选择最简单的
跟 耿瑞 卷出一片天
·
2023-12-14 19:51
前端
javascript
3d
如何将从GitHub上弄下来的
Three.js
本地官网设为中文
我们辛辛苦苦从git上面弄下来的
Three.js
本地文档启动之后会发现好家伙这鬼东西是个英文的我们可以找到根目录下的docs下的index.html然后全局搜索language变量声明的地方letlanguage
跟 耿瑞 卷出一片天
·
2023-12-14 19:34
3d
前端框架
3D Font
特点:*真实3D字母,可用作游戏对象*移动友好低聚*VR兼容*
WebGL
兼容*30种以上不同字体*材料和颜色可定制
WebGL
演示https://indiechest.itch.io/3d-font-engine
mayzhengxi
·
2023-12-14 13:08
各类资源展示
Unity
效果
文字
3D
5.2k Star!一个可视化全球实时天气开源项目!
主要功能全球天气可视化:利用
WebGL
技术,提供了一个逼真的全球地图,显示实时的天气情况。你可以轻松地查看地图上不同地区的气象数据,如温度、风速、降雨量等等。它使用户能够更直观地
孜孜孜孜不倦
·
2023-12-06 09:58
arcgis
github
Three.js
修改模型中心点
需求中需要修改模型的中心点到其他位置,用于实现一些模型的对齐。本文使用三种方式实现修改模型的中心点:一、通过为模型添加父物体,再移动模型的相对位置,之后的位移旋转等通过父物体来操作。这个方法相对简单,但一方面不是“真正”地修改模型中心点,也会给模型的管理增加难度。二、通过移动模型的顶点实现修改中心点位置这个方法通过矩阵将模型所有顶点的位置全部修改了,同理,需要整体缩放模型顶点位置、角度,都可以通过
ShawnWeasley
·
2023-12-06 05:48
Three.js
中OutlinePass与后处理冲突问题
需求是鼠标滑过物体的时候物体显示为描边选中状态方案一:OutlinePass首先尝试了官方的OutlinePass来添加外边框选中功能这是没加OutlinePass的效果:这是使用OutlinePass后的,描边是可以了,但是锯齿严重,且模型发黑:深入调研了一下发现是OutlinePass与renderer.outputEncoding=THREE.sRGBEncoding冲突,不支持sRGBEn
ShawnWeasley
·
2023-12-06 05:48
javascript
开发语言
ecmascript
前端
Three.js
设置透明背景
首先我的html结构如下:DemoThree.js设置透明背景步骤如下:1.为body添加背景图body{margin:0;overflow:hidden;background-image:url('../static/53d69d934eb64.jpg');background-size:cover;background-repeat:repeat;background-position:cen
ShawnWeasley
·
2023-12-06 05:48
javascript
前端
开发语言
ecmascript
three.js
中绘制RingGeometry不显示
在项目中想要实现圆弧绕立方体旋转的效果结果绘制出来的圆弧不显示多次调整位置圆弧终于显示出来了但只有一个角度能观察到这个角度可以看到换个角度又不行了查看了官方文档发现原来是少了个配置项side:THREE.DoubleSideconstringMaterial=newTHREE.MeshBasicMaterial({color:0xffffff,side:THREE.DoubleSide})加上之后
paradoxaaa_
·
2023-12-05 15:24
笔记
javascript
前端
vue.js
PIXI教程
好久没记录了,前公司用低代码开发前后端,离职了,最近刚入职新公司,主要做2d,3d,PIXI框架,
three.js
,今天分享俩个学习PIXI的网站什么是Pixi|Pixi.js中文网(huashengweilai.com
前端小菜鸟也有人起
·
2023-12-05 05:47
webgl
3d
前端
VUE2+THREE.JS 销毁,防止越来越卡顿
THREE.JS
销毁将场景相关的参数重置,防止页面多次打开,导致的越来越卡顿的问题beforeDestroy(){this.resetScene();},deactivated(){this.resetScene
月下脆竹書閣
·
2023-12-05 05:49
ThreeJS
VUE
javascript
服务器
数据库
webGL
开发虚拟实验室技术方案
1.
WebGL
框架:选择适用于虚拟实验室开发的
WebGL
框架,例如
Three.js
或Babylon.js。这些框架提供了强大的图形渲染和用户交互功能。2.3D模型和纹理:收集或创建虚拟实验室
defdsdddev
·
2023-12-05 02:46
webgl
webGL
开发VR和AR应用
开发WebVR(虚拟现实)和WebAR(增强现实)应用需要使用WebXR技术,结合
WebGL
以实现高质量的图形渲染。以下是开发这类应用的一般技术方案,希望对大家有所帮助。
defdsdddev
·
2023-12-05 02:46
webgl
vr
ar
WebGL
开发数据可视化应用
WebGL
是一种强大的图形渲染技术,用于在浏览器中创建高性能的交互式数据可视化应用。以下是开发这类应用的一般技术方案,希望对大家有所帮助。
defdsdddev
·
2023-12-05 02:46
信息可视化
SuperMap iClient3D for
WebGL
教程(Entity)-EllipseGraphics
EllipseGraphics,顾名思义就是椭圆的实体对象,我们首先通过下面的图1来看下EllipseGraphics具有哪些参数,图1EllipseGraphics参数1.semiMajorAxis:椭圆长半轴;2.semiMinorAxis:椭圆短半轴,其值应不大于semiMajorAxis,长短半轴相等即为圆;3.height:椭圆相对于地球椭球面的高度;4.extrudedHeight:t
ayiyayiyo
·
2023-12-05 01:15
WebGL
笔记:矩阵缩放的数学原理和实现
矩阵缩放的数学原理和平移一样,以同样的原理,也可以理解缩放矩阵让向量OA基于原点进行缩放x方向上缩放:sxy方向上缩放:syz方向上缩放:sz最终得到向量OB矩阵缩放的应用比如我要让顶点在x轴向缩放2,y轴向缩放3,轴向缩放41)顶点着色器的核心代码attributevec4a_Position;//列主序mat4m4=mat4(2.0,0.0,0.0,0.0,0.0,3.0,0.0,0.0,0.
Wang's Blog
·
2023-12-04 16:36
Canvas
Webgl
Three.js
webgl
ThreeJs样例
webgl
_shadow_contact 分析
webgl
_shadow_contact官方样例中,对阴影的渲染比较特殊,很值得借鉴,学习渲染阴影的思路;这个例子中对阴影的渲染,并没有使用任何光源,没有用shadowmap的常规方式渲染阴影;而是使用了深度材质
从杰
·
2023-12-04 16:36
webgl
Three.js
的THREE.LOD如何加载gltf模型
要在
Three.js
中使用THREE.LOD加载gltf模型,可以按照以下步骤操作:1、首先,确保已经引入了
Three.js
库和GLTFLoader插件。
lock cylinder
·
2023-12-04 14:03
javascript
开发语言
webgl
three.js
图解
WebGL
&Three.js工作原理
我们讲两个东西:
WebGL
背后的工作原理是什么?以
Three.js
为例,讲述框架在背后扮演什么样的角色?2我们为什么要了解原理?
lock cylinder
·
2023-12-04 14:33
webgl
javascript
开发语言
WebGL
笔记:矩阵平移的数学原理和实现
矩阵平移的数学原理让向量OA位移x方向,txy方向,tyz方向,tz最终得到向量OB矩阵平移的应用再比如我要让顶点的x移动0.1,y移动0.2,z移动0.31)顶点着色器核心代码attributevec4a_Position;//列主序mat4m4=mat4(1.0,0.0,0.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,1.0,0.0,0.1,0.2,0.3,1.0);voidm
Wang's Blog
·
2023-12-04 14:28
Canvas
Webgl
Three.js
webgl
WebGL
笔记:js中矩阵库的使用
矩阵库手写矩阵,其实很麻烦,可以将其模块化市面上已经有许多开源的矩阵库比如《
WebGL
编程指南》里的cuon-matrix.jsthree.js的Matrix3和Matrix4对象
three.js
的Matrix4
Wang's Blog
·
2023-12-04 10:05
Canvas
Webgl
Three.js
webgl
基于vue3.x与
three.js
模拟地球内部结构
基于vue3.x与
three.js
模拟地球内部结构前言基于threejs、vue3.x、热力图实现了地球结构可视化展示。
易航动效
·
2023-12-04 09:18
3D
gis
vue
前端
开发语言
typescript
[
WEBGL
] CREATEPRIMITIVE FAILS TO CREATE REQUIRED COMPONENTS
Whathappened-CreatedascenewithaanobjectandascriptthatcallsGameObject.CreatePrimitive(PrimitiveType.Cube)-Builtfor
WebGL
-Ran
webgl
buildwhichfailedtocreatethecube2
Unity高锦锦
·
2023-12-04 08:41
unity入门
MediaPipe 3D姿态估计简明教程
一个很好的例子是在浏览器中驱动角色动画的3D动作捕捉:NSDT工具推荐:
Three.js
新缸中之脑
·
2023-12-04 06:00
arcgis
书架选书Tween补间动画应用--Apple的学习笔记
Three.js
模拟书架选书显示书名--Apple的学习笔记我说过,学习example后,会进行些美化改造。之前做的最不好的地方,就是鼠标点击书本后,书本直接瞬间弹出。
applecai
·
2023-12-04 06:00
three.js
结合vue
npminitvite@latest然后我们cd进入刚才创建的目录下npminstall安装所需依赖npmrundev启动该项目2.整理页面将template标签以及style标签中的内容进行整理3.将
three.js
fanjianwucmx
·
2023-12-04 02:06
开发语言
Cesium冷知识:判断cesium是否使用
webgl
2
老的Cesium.js,默认使用
webgl
1.0技术现在默认使用
webgl
2.0技术虽然有默认值,但是都可以通过相关参数来改变
webgl
版本那么如何判断当前Cesium.js使用的是哪个
webgl
版本?
哈哈地图
·
2023-12-03 23:06
Cesium冷知识
cesium
gis
webgl
Cesium开发工具篇 | 05与第三方库的集成
集成Three.jsThree.js是基于原生
WebGL
封装运行的三维引擎库,在所有
WebGL
引擎中,
Three.js
是国内文资料最多、使用最广泛的三维引擎。
GIS李胜
·
2023-12-03 22:33
WebGL
笔记:图形缩放的原理和实现
缩放1)原理缩放可以理解为对向量长度的改变,或者对向量坐标分量的同步缩放如下图,比如让向量OA收缩到点B的位置,也就是从OA变成OB,缩放了一半2)公式已知点A的位置是(ax,ay,az)点A基于原点內缩了一半求点A內缩了一半后的bx、by、bz位置B解bx=ax*0.5by=ay*0.5bz=az*0.5在着色器中缩放1)核心代码可以对gl_Position的x、y、z依次缩放attribute
Wang's Blog
·
2023-12-03 16:35
Canvas
Webgl
Three.js
webgl
WebGL
笔记:矩阵旋转运算的原理和实现
=0向量向量,又叫矢量,它是一个用于表示方向和量的对象在
webgl
里的向量有1维
Wang's Blog
·
2023-12-03 16:35
Canvas
Webgl
Three.js
webgl
Vue3炫酷可旋转的3D地球
首先,我们需要安装
Three.js
库:npminstallthree接下来,我们创建一个Vue3项目,并在项目中引入
Three.js
库。
特创数字科技
·
2023-12-03 14:19
Vue3
3d
vue.js
前端
javascript
【MVP矩阵】投影矩阵推导与实现
这里推导一下首先aspect是横高比,aspect=r/t,一般也等于渲染窗口的横宽比,比如
webgl
中就是拿div的width/hei
GAMESLI-GIS
·
2023-12-03 08:58
图形学
矩阵
线性代数
[IIS服务]搭建unity
WebGl
项目服务器(用idea失败了,这次用IIS)
1、确认安装服务没有安装的,点击安装,安装完成后下一步。2、配置IIS服务(很多小伙伴更新了windows找不到,可以使用cmd运行controladmintools打开下图页面)打开管理器之后添加一个网站。路径选择网站路径,端口自己定。其他不做解释。然后添加unity的一些映射正常需要三个就够了。如下:.unity3dapplication/octet-stream---------------
NS_Speak
·
2023-12-03 08:52
服务器
运维
unity
2312skia,12画布包与路径包
平台API的地基,从而在Web平台上,实现快节奏开发.还可用作要求如Skia的Lottie动画支持等边角特征的自定义Web应用的部署机制.特征1,按允许直接绘画到HTML画布的SkSurface封装的
WebGL
fqbqrr
·
2023-12-03 04:23
skia
c++
cpp
skia
webGL
开发虚拟展览
开发虚拟展览是一个创新而有趣的项目,通过
WebGL
技术,你可以为观众提供沉浸式的艺术或文化体验。以下是一些建议的步骤和关键考虑因素,以帮助你开始开发虚拟展览。
defdsdddev
·
2023-12-02 20:06
webgl
游戏
前端
webGL
开发虚拟展览方案
开发
WebGL
虚拟展览涉及到选择适当的工具、技术和框架,以及设计一个令人愉悦且互动性强的用户体验。以下是一个可能的开发方案,希望对大家有所帮助。
defdsdddev
·
2023-12-02 20:06
webgl
WebGL
开发交互式艺术品技术方案
开发交互式艺术品需要使用
WebGL
技术,并结合其他前端技术以实现丰富的用户体验。以下是一个可能的技术方案,希望对大家有所帮助。北京木奇移动技术有限公司,专业的软件外包开发公司,欢迎交流合作。
defdsdddev
·
2023-12-02 20:06
信息可视化
webgl
前端
webGL
开发学科演示项目方案
1.
WebGL
框架:选择适用于学科演示项目的
WebGL
框架,以简化图形渲染和用户交互的实现。常用框架包括
Three.js
、Babylon.js等。
defdsdddev
·
2023-12-02 20:34
webgl
关于
three.js
加载blender导出gltf格式模型动画要点
研究过一次加载动画后导入
three.js
场景不执行动画,故此记录原因。
你看我白不白
·
2023-12-02 15:51
blender
动画
上一页
7
8
9
10
11
12
13
14
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他