threejs(webgl)

[Unity] IL2CPP WebGL 出现错误信息 FS.syncfs

loader.js:1warning:2FS.syncfsoperationsinflightatonce,probablyjustdoingextrawork在Google浏览器中运行WebGL出现的错误是因为写了加载和反序列化本地
虐码锅锅·2023-12-14 21:19

Unity webgl读取streamingAssetsPath文件夹txt

usingSystem.Collections;usingSystem.Collections.Generic;usingUnityEngine;usingUnityEngine.Networking;usingUnityEngine.Events;usingSystem.IO;publicstaticclassStreamingAssetPathConfigReader{//////读取Stre
奇大可·2023-12-14 21:18

Unity打包到Webgl平台以及遇到的问题

Unity打包到Webgl平台以及遇到的问题参考网站Unity打包WebGL的全过程及在打包和使用过程中会遇到的问题(本地测试)-CSDN博客unity打包到Webgl并配置能正常运行这里我用的是Unity2022.3.3f1c1
unity_http·2023-12-14 21:42

WEB 3D技术 简述React Hook/Class 组件中使用three.js方式

npminitvite@latest输入一下项目名称然后技术选择react也不太清楚大家的基础那就选择最简单的js然后我们就创建完成了然后我们用编辑器打开创建好的项目目录然后在终端执行npminstallthree引入threeJS
跟 耿瑞 卷出一片天·2023-12-14 19:51

3D Font

特点:*真实3D字母，可用作游戏对象*移动友好低聚*VR兼容*WebGL兼容*30种以上不同字体*材料和颜色可定制WebGL演示https://indiechest.itch.io/3d-font-engine
mayzhengxi·2023-12-14 13:08

vue2 引用3D模型

一、首先安装对应的插件（前往查看model-viewer）#installpeerdependencyThreeJSnpminstallthree#installpackagenpminstall@google
Frontend-Arway·2023-12-06 18:45

5.2k Star！一个可视化全球实时天气开源项目！

主要功能全球天气可视化：利用WebGL技术，提供了一个逼真的全球地图，显示实时的天气情况。你可以轻松地查看地图上不同地区的气象数据，如温度、风速、降雨量等等。它使用户能够更直观地
孜孜孜孜不倦·2023-12-06 09:58

VUE2+THREE.JS 销毁，防止越来越卡顿

beforeDestroy(){this.resetScene();},deactivated(){this.resetScene();},//销毁场景等信息resetScene(){this.isShowWebgl
月下脆竹書閣·2023-12-05 05:49

webGL开发虚拟实验室技术方案

1.WebGL框架：选择适用于虚拟实验室开发的WebGL框架，例如Three.js或Babylon.js。这些框架提供了强大的图形渲染和用户交互功能。2.3D模型和纹理：收集或创建虚拟实验室
defdsdddev·2023-12-05 02:46

webGL开发VR和AR应用

开发WebVR（虚拟现实）和WebAR（增强现实）应用需要使用WebXR技术，结合WebGL以实现高质量的图形渲染。以下是开发这类应用的一般技术方案，希望对大家有所帮助。
defdsdddev·2023-12-05 02:46

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

Vue3集成ThreeJS实现3D效果，threejs+Vite+Vue3+TypeScript 实战课程【一篇文章精通系列】

Vue3集成ThreeJS实现3D效果，threejs+Vite+Vue3+TypeScript实战课程【一篇文章精通系列】项目简介一、项目初始化1、添加一些依赖项二、创建3D【基础搭建】1、绘制板子，
程序员小杰#·2023-12-04 17:26

Threejs 汽车模型的展示和选配(vue3)

继续跟着b站@老陈打码一起学习threejsgltf文件下载https://pan.baidu.com/s/15PHhoj3qmNiDhiAu9S7b0A提取码:66661.搭建项目使用vue脚手架搭建项目
Web阿成·2023-12-04 16:37

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

ThreeJs样例 webgl_shadow_contact 分析

webgl_shadow_contact官方样例中，对阴影的渲染比较特殊，很值得借鉴，学习渲染阴影的思路；这个例子中对阴影的渲染，并没有使用任何光源，没有用shadowmap的常规方式渲染阴影；而是使用了深度材质
从杰·2023-12-04 16:36

图解WebGL&Three.js工作原理

我们讲两个东西：WebGL背后的工作原理是什么？以Three.js为例，讲述框架在背后扮演什么样的角色？2我们为什么要了解原理？
lock cylinder·2023-12-04 14:33

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

WebGL笔记：js中矩阵库的使用

矩阵库手写矩阵，其实很麻烦，可以将其模块化市面上已经有许多开源的矩阵库比如《WebGL编程指南》里的cuon-matrix.jsthree.js的Matrix3和Matrix4对象three.js的Matrix4
Wang's Blog·2023-12-04 10:05

基于vue3.x与 three.js模拟地球内部结构

基于vue3.x与three.js模拟地球内部结构前言基于threejs、vue3.x、热力图实现了地球结构可视化展示。
易航动效·2023-12-04 09:18

[WEBGL] CREATEPRIMITIVE FAILS TO CREATE REQUIRED COMPONENTS

Whathappened-CreatedascenewithaanobjectandascriptthatcallsGameObject.CreatePrimitive(PrimitiveType.Cube)-BuiltforWebGL-Ranwebglbuildwhichfailedtocreatethecube2
Unity高锦锦·2023-12-04 08:41

【ThreeJs】如何给模型打上文字标签？

一、概述ThreeJs渲染中创建的网格模型，有时候我们需要给模型添加标签文字，方便识别不同的物体。
IT飞牛·2023-12-04 06:05

Cesium冷知识：判断cesium是否使用webgl2

老的Cesium.js，默认使用webgl1.0技术现在默认使用webgl2.0技术虽然有默认值，但是都可以通过相关参数来改变webgl版本那么如何判断当前Cesium.js使用的是哪个webgl版本？
哈哈地图·2023-12-03 23:06

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

WebGL笔记：矩阵旋转运算的原理和实现

=0向量向量，又叫矢量，它是一个用于表示方向和量的对象在webgl里的向量有1维
Wang's Blog·2023-12-03 16:35

【MVP矩阵】投影矩阵推导与实现

这里推导一下首先aspect是横高比，aspect=r/t，一般也等于渲染窗口的横宽比，比如webgl中就是拿div的width/hei
GAMESLI-GIS·2023-12-03 08:58

[IIS服务]搭建unityWebGl项目服务器（用idea失败了，这次用IIS）

1、确认安装服务没有安装的，点击安装，安装完成后下一步。2、配置IIS服务（很多小伙伴更新了windows找不到，可以使用cmd运行controladmintools打开下图页面）打开管理器之后添加一个网站。路径选择网站路径，端口自己定。其他不做解释。然后添加unity的一些映射正常需要三个就够了。如下：.unity3dapplication/octet-stream---------------
NS_Speak·2023-12-03 08:52

2312skia,12画布包与路径包

平台API的地基,从而在Web平台上,实现快节奏开发.还可用作要求如Skia的Lottie动画支持等边角特征的自定义Web应用的部署机制.特征1,按允许直接绘画到HTML画布的SkSurface封装的WebGL
fqbqrr·2023-12-03 04:23

webGL开发虚拟展览

开发虚拟展览是一个创新而有趣的项目，通过WebGL技术，你可以为观众提供沉浸式的艺术或文化体验。以下是一些建议的步骤和关键考虑因素，以帮助你开始开发虚拟展览。
defdsdddev·2023-12-02 20:06

webGL开发虚拟展览方案

开发WebGL虚拟展览涉及到选择适当的工具、技术和框架，以及设计一个令人愉悦且互动性强的用户体验。以下是一个可能的开发方案，希望对大家有所帮助。
defdsdddev·2023-12-02 20:06

WebGL开发交互式艺术品技术方案

开发交互式艺术品需要使用WebGL技术，并结合其他前端技术以实现丰富的用户体验。以下是一个可能的技术方案，希望对大家有所帮助。北京木奇移动技术有限公司，专业的软件外包开发公司，欢迎交流合作。
defdsdddev·2023-12-02 20:06

webGL开发学科演示项目方案

1.WebGL框架：选择适用于学科演示项目的WebGL框架，以简化图形渲染和用户交互的实现。常用框架包括Three.js、Babylon.js等。
defdsdddev·2023-12-02 20:34

Blender动画导入Three.js

你是否在把Blender动画导入你的ThreeJS游戏（或项目）中工作时遇到问题？您的.glb(glTF)文件是否正在加载，但没有显示任何内容？你的骨骼没有正确克隆吗？
xiangzhihong8·2023-12-02 15:47

可视化有关JS官网链接

【threeJs】3d建模基于webGLthreejs官网：https://threejs.org/threejs中文教程：Three.js中文教程|参考手册|使用指南|动画特效实例|踏得网threejs
麦兜_冰夕·2023-12-01 23:56

webgl变换矩阵实现图像平移缩放

image.pngvarctx=document.getElementById('canvas').getContext('webgl');varvertexShaderSource=""
狂暴机甲·2023-12-01 22:04

Cesium开发入门篇 | 01Cesium介绍

1.Cesium是一个跨平台、跨浏览器的展示三维地球和地图的javascript库2.Cesium使用WebGL来进行硬件加速图形，使用时不需要任何插件支持，但是浏览器必须支持WebGL3.Cesium
GIS李胜·2023-12-01 05:16

threeJs引入模型使用3D模型(vite+React+Ts)

要在Three.js中使用3D模型，你需要加载模型文件并将其添加到场景中。Three.js支持多种不同的模型格式，比如OBJ、FBX、GLTF等。initvite@latest//创建一个vite的脚手架选择react并配置Ts安装three.js准备npminstall@react-three/dreinpminstall@react-three/dreinpmi@types/threenpmi
湖边看客·2023-12-01 03:06

解决webgl使用canvas.toDataURL()没有内容的问题

这个问题很好解决，就是在获取webgl对象的时候，多传入一个{preserveDrawingBuffer:true}，然后在使用canvas.toDataURL()获取就能够获取到了。
暮志未晚Webgl·2023-11-30 21:41

Error constructing CesiumWidget.Visit http://get.webgl.org to verify that your web browser and hard

vuecli3引入cesium报错ErrorconstructingCesiumWidget.Visithttp://get.webgl.orgtoverifythatyourwebbrowserandhardwaresupportWebGL.Considertryingadifferentwebbrowserorupdatingyourvideodrivers.Detailederrorinfo
jlhejs·2023-11-30 21:09

【Web端CAD/CAE文字标注】webgl+canvas 2d实现文字标注功能

一、需求背景在CAD/CAE领域经常会遇到显示节点编号这种需求，效果如下图：本文介绍如何在WebGL中实现文字的显示，对于如何在OpenGL中实现请绕路。
loveoobaby·2023-11-30 21:35

VUE+Three.js引用外部模型

three-orbitcontrolsnpmi-sthreenpmithree-orbitcontrols2，在public下面创建static放置模型文件文件目录3，在页面引入threeimport*asTHREEfrom"three";//引入Threejsimport
IDIOT?LIFE·2023-11-30 16:54

VUE3+ThreeJs加载飞机模型且播放模型动画

介绍Three.js是一个3DJavaScript库，我们经常使用它加载各种不同格式的模型。示例中的直升机模型出处飞机航空器模型-3D模型库-CG模型网-第1页免费3d模型下载的网站免费3D模型https://ch.3dexport.com/free-3d-models?page=7飞机glbgltf模型网https://glbxz.com/plus/list.php?tid=69&myorder
Etc.End·2023-11-30 16:53

VUE3+ VITE 使用Three.js展示3D模型

学习主要文献:1.threejs文件包下载和目录简介|Three.js中文网3D模型这里有下载网站：Sketchfab-Thebest3Dviewerontheweb（邮箱注册后有免费的模型下载)3D模型编辑软件
Jayce_he·2023-11-30 16:48

Chrome内嵌Qt QML程序

2.将生成的qmlchart.exe拷贝到Qt安装目录D:\MySpace\Qt\5.12.2\msvc2017\bin下，当前目录下打开cmd窗口，执行qmlchart.exe-platformwebgl
豪爵吸金ing·2023-11-30 08:59

unity webgl替换系统自带加载页

官方文档链接：使用WebGL模板-Unity手册使用WebGL模板本页面需要JavaScript概念和术语方面的预备知识。
Monkey_Xuan·2023-11-30 07:57

Unity-WebGL基于JS实现网页录音

因为该死的Unity不支持WebGL的麦克风，所以只能向网页借力，用网页原生的navigator.getUserMedia录音，然后传音频流给Unity进行转AudioClip播放。
青衫磊落长歌行·2023-11-30 07:27

Unity WebGL通过URL的形式接收参数执行初始化

参考博客：http://t.csdnimg.cn/QnfhK问题背景：需要在外面的网页指定WebGL的打开初始化逻辑。
love_c_s·2023-11-30 07:24

OpenGL，WebGL基于HTML5/WebGL的建模及构建3D场景

一、OpenGL和WebGLWebGL基于OpenGLES,它缺少常规OpenGL具有的许多功能,例如仅支持顶点和片段着色器。
VRlook·2023-11-30 01:16

WebGL技术框架及功能

WebGL（WebGraphicsLibrary）是一种用于在Web浏览器中渲染交互式3D和2D图形的JavaScriptAPI。
defdsdddev·2023-11-30 01:14
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他