【WebGL】Three.js

Unity WebGL 中文输入解决方案（UGUI、TextMeshPro、UIToolkit）

WebGL中文输入解决方案方案介绍基础流程Demo场景搭建发布设置方案介绍.本解决方案有效解决了在WebGL平台发布后无法输入中文的问题，本方案目前已经完成了对InputField（UGUI）、InputField
牙膏上的小苏打2333·2023-07-28 02:14

WebGL应用性能优化（续）

这篇文章是接着上一篇文章写的。之前提到，两次优化做完之后，性能瓶颈依然在XHRLoad这条调用上边。而且耗时还是比较严重，大概有26000+毫秒。应该还可以继续优化的。周日上午又对代码做了下修改，然后我们看看这次的这个性能分析结果，如下图：第三次优化后的性能分析结果虽然XHRLoad这条调用的耗时还是最多的，但是相比之前已经大大降低，从上一次优化后的26000+毫秒直接下降到了1600+毫秒。这样
孤独剑GDJ·2023-07-27 21:45

Three.js基础入门笔记

提到Three.js，就需要先说一下OpenGL和WebGL，OpenGL是一个跨平台的3D/2D的绘图标准（规范），WebGL（WebGraphicsLibrary）是一种3D绘图协议，它允许把JavaScript
浮游本尊·2023-07-27 18:09

webrtc 支持H265(三) 总结

然后用webgl渲染出图像
mo4776·2023-07-27 17:15

unity2d转微信小程序报错

报错BuildingLibrary\Bee\artifacts\WebGL\build\debug_WebGL_wasm\build.jsfailedwithoutput:Traceback(mostrecentcalllast
程序媛堆堆·2023-07-27 17:22

Unity WebGL 发布之灯光问题

切换舞台灯光没效果UnityWebGL不支持Realtime解决方案：检查需要改变颜色灯光的模式是否为Mixed，如果不是则切换成Mixed检查QualitySettings面板中的图形质量等级是否为Good
YrainyJi·2023-07-27 17:21

UnityWebGL与JS前端交互，不通过HTML

在unity特殊文件夹Plugins下，首先建立一个后缀名为jslib文件的名称，自行定义文件名称：varMyPlugins={$unityGameObjectName:"",//得到unityGameObjectName接收消息的物体GetUnityGameObjectName:function(GameObjectName_){unityGameObjectName=Pointer_strin
YrainyJi·2023-07-27 17:21

Unity WebGL 中文输入和全屏问题

支持火狐全屏和中文输入参考GitHub1.下载地址https://pan.baidu.com/s/1pRIgo_Nb6lB1GhGO0KPI5w提取码:raoh2.在InputField游戏对象中添加“WebGLInput
YrainyJi·2023-07-27 17:51

Unity3D开发之WebGL平台上 unity和js前端通信交互

自己虽然最开始弄的就是webgl但是一直比ios和安卓记录的都要晚，因为一直没想到，所以这里结合某个博客加上自己的经历记录一下关于Unity在WebGL平台的特性和交互可以参考官方文档以及Unity（WebGL
染指流年灬·2023-07-27 17:50

Unity3D中打包WEBGL后读取本地文件数据+网络请求

PS:博主在上编文章中写道webgl读取本地文件数据以及内部网络请求，在这里详细补充一下首先上一编博主运行html之后报的错误：提示内存不足！！！！1.首先排查一下webgl包的大小，不能超过2G。
Unity-IG·2023-07-27 17:19

关于unity发布WebGL的一点小坑

1、添加自定义webgltemplates遇到的问题：按照unity官方示例，https://docs.unity3d.com/cn/current/Manual/webgl-templates.html
qq_41161042·2023-07-27 17:47

记录自己在unity wegl在网络请求以及JS和c#代码互调的坑

一.首先，打包注意事项:①压缩方式选择Brotili，Gzip速度不如Brotili快，这是webgl上写的，毋庸置疑。我看过说Brotili快的，也看过说Gzip快的。
安椎·2023-07-27 17:13

unity webgl获取页面Token信息，及加载StreamingAssets下.txt

接收JS端传回的token信息，如：jwt~eyJhbGciOiJIUzI1NiIsIlR5cGUiOiJKd3QiLCJ0eXAiOiJKV1QifQ.eyJwYXNzd29yZCI6IjEyMzQ1NiIsImV4cCI6MTY0MjEzODIyNCwidXNlcm5hbWUiOiIxMTkwMjA1MTY5In0.ucdrtqfwOpaEzQkMHOWY7S_nvSTgOroRPa2T9y3
Monkey_Xuan·2023-07-27 17:09

UnityWebGL获取网页地址中的Token值

与网页端具体的交互参考我的例外一篇博客：传送门Unity与浏览器交互的官方地址Unity版本：Unity2021.2.15f1.jslib的代码内容:mergeInto(LibraryManager.library,{GetToken:function(){varurl=window.location.href;vartemp=url.split('?')[1];varpram=newURLSea
YrainyJi·2023-07-27 17:07

教你用PixiJs实现复杂动画

那说到动画常用的技术方案无非是下面几种：gif图css3动画属性原生Javascript实现CanvasWebGLgif图和css3动画属性显然只能实现展示型动画，而通过原生代码实现交互动画又是很复杂的
大转转FE·2023-07-27 15:16

three.js 运行环境

一：搭建node.js环境（npminit-y）二：在全局环境安装liver-server本地服务器npminstalllive-server-g安装好后，在项目所在的目录运行live-server命令，会自动启动一个本地localhost:8080的服务器。项目结构：引入环境：import*asTHREEfrom'./node_modules/three/build/three.module.j
牧羊狼的狼·2023-07-27 03:59

three.js 轨道控制器

constrenderer=newTHREE.WebGLRenderer();renderer.setSize(window.innerWidth,window.innerHeight);renderer.render
牧羊狼的狼·2023-07-27 03:28

Three.js实战--水天一色的小岛

话不多说，上效果图：代码如下：import*asTHREEfrom"three";//导入控制器import{OrbitControls}from'three/examples/jsm/controls/OrbitControls'//导入水面import{Water}from'three/examples/jsm/objects/Water2'//导入gltf载入库import{GLTFLoad
追涨杀跌的小韭菜·2023-07-26 21:30

图形编辑器开发：是否要像 Figma 一样上 wasm

因为图形处理会有相当多无法利用到WebGLGPU加速的CPU密集的计算。比如对一条复杂贝塞尔曲线进行三角化，对多个图形进行复杂图形的布尔运算。图形编辑器性能天花板Figma用了wasm，我们也该用吗？
前端西瓜哥·2023-07-26 09:29

Unity开发WebGL与前端之间如何通信交互？

在Unity开发WebGL过程中，常常因为需求必须要与前端进行通信、对接，如何实现呢？
Mr.Y仙森·2023-07-26 04:14

ubuntu20安装electron并用electron-packager打包

github.com/HKUST-Aerial-Robotics/swarm_gcs这是一个用javascript写的，基于electron和nodejs的可以用浏览器打开的gui界面，其中3d显示的部分用的是Three.js
集智飞行·2023-07-26 00:27

Unity 之 发布WebGL转微信小游戏过程详解

Unity之发布WebGL转微信小游戏前言一，准备工作1.1下载插件1.2下载Unity1.3安装微信开发者工具1.4创建小程序二，开始转换2.1创建项目2.2Mac适配2.3Mac适配的一个问题2.4
陈言必行·2023-07-25 23:16

paddle.js好用吗

由于它是基于WebGL的，因此可以在多种平台上达到较高的性能。然而，由于Paddle.js是新的，因此可能存在一些问题，并且可能不如PaddlePaddle的Python版本那么成熟。
一筐猪的头发丝·2023-07-25 16:14

Canvas（一）：实现简单图形圆与三角形

而同样使用元素的WebGLAPI则用于绘制硬件加速的2D和3D图形。（以上关于Canvas的介绍来自于MDN） 对于Canvas其实大家都不会很陌生了，在数据图形化上非常有名的ECha
Donp1·2023-07-25 14:00

使用ArcGIS API和Three.js在三维场景中实现动态立体墙效果

使用ArcGISAPI和Three.js在三维场景中实现动态立体墙效果废话不多说，直接先来看下最终实现的动态立体墙效果图。动态立体墙效果图.gif如果图片还不够直观，那么点击链接查看在线示例。
travelclover·2023-07-25 10:07

Unit 3D简介

Unity3D可以运行在Windows和MacOSX下，可发布游戏至Windows、Mac、Wii、iPhone、WebGL（需要HTML5）、WindowsPhone8和Android平台。
闭门苦练学C++·2023-07-25 10:12

一名Web3D开发工程师的Three.js知识总结与学习步骤

背景介绍各位小伙伴们大家好，我是web前端开发，在2018~2019年某网的大屏可视化项目结束后，忽然有个想法，就是，如果把里面的Echarts图表换成三维的图形，效果看起来应该很酷（因为那时候Echarts官网里有webgl
技术美术·2023-07-25 10:09

10 Loaders加载模型到Three.js

2018-10-0817:19:08专注前端30年阅读数3049更多分类专栏：达人课three.js基础入门版权声明：本文为博主原创文章，遵循CC4.0BY-SA版权协议，转载请附上原文出处链接和本声明
不玩了啊·2023-07-25 04:52

43：Three.js - 中

查看Three.js的文档，可以看到Camera是一个抽象类，一般不直接使用，其他类型的Camera实现了这个抽象类。
爱在你心中·2023-07-25 03:50

【Three.js基础入门】：Three.js中的灯光

写在前面在Three.js中，灯光是为了让3D场景更加真实和逼真而存在的。灯光可以用来模拟现实中的光照效果，例如阴影、反射和折射等。
西门吹雪~·2023-07-24 23:12

【Three.js基础入门】：创建你的第一个3D场景

引言：Three.js是一种强大的JavaScript库，用于在Web浏览器中创建交互式的3D图形和动画。无需熟练的图形编程经验，你也可以通过Three.js轻松地构建令人惊叹的3D场景。
西门吹雪~·2023-07-24 23:39

Unity+chatgpt+webgl实现声音录制+语音识别

然而在实测发布到webgl的时候，就发现了一个问题，因为这个项目涉及到麦克风录制声音，用作语音识别，结果在发布的时候，引擎报错，提示unity发布到webgl失败了，
阴沉的怪咖·2023-07-24 21:12

iClient3D for Cesium&WebGL入门之使用vscode以服务方式运行调试

作者：超图研究院技术支持中心-于丁iClient3DforCesium&WebGL入门之使用vscode以服务方式运行调试相信大家第一次使用SuperMapiClient3DforCesium或SuperMapiClient3DforWebGL
supermapsupport·2023-07-24 15:35

3D智慧档案馆图书可视化应用方案

一、智慧3D档案馆介绍智能档案馆3D可视化系统基于线上展示虚拟仿真档案馆的库房、档案架、档案盒、库房设备等三维可视化场景可视化，在数字档案馆里通过HTML和webgl与three.js开发和3D模型结合集成档案管理
邓先生18620235459·2023-07-24 14:39

three.js 生成3D圆环（可分割）

生成个类似这样的圆盘，高度可调整，可以分段。思路：先生成2D圆环，通过拉伸生成3D圆环。生成2D圆环代码vardata=[1,2,3,4];vartitle=['小张','小红','小李','小王'];//resData记录Data中的数值所占百分比varresData=[],varcolorPan=[],//颜色数组//只贴生成形状部分/***循环生成多个模型拼接*///记录饼图开始的位置var
山桃花啊·2023-07-24 13:34

Three.js分享

说一下我的理解，说到Threejs就不得不提到webGL，说到webGL就不得不提到openGLOpenGL：用于渲染2D、3D矢量图形的跨语言、跨平台的应用程序编程接口（API）。
桃子Jerry·2023-07-24 13:01

【THREE.JS】网页中的炫酷3D

web3d一、前言粒子特效二维漫画可视化后期处理二、项目使用流程2.1项目结构2.2基本使用2.3项目模板2.4技术栈三、基础动画3.1THREE.Clock3.2GASP四、照相机8.1正交相机8.2透视相机4.3相机控制器五、画布和全屏六、几何体七、DebugUI八、纹理贴图8.1mipmapping8.2放大滤镜8.3缩小滤镜8.3UV贴图资源推荐纹理、材质、灯光九、阴影9.1灯光阴影9.2
知心宝贝·2023-07-24 13:28

arcgis js 3.x使用webgl绘制热力图

参考了一下网上webgl热力图，能达到更流畅的绘制的要求。
polong·2023-07-24 11:06

mapbox的基本原理和核心差异

首先来科普一下什么是webglwebgl全拼WebGraphicsLibrary是一种3D绘图协议，可以为HTML5Canvas提供硬件3D加速渲染，web开发人员可以借助系统显卡在浏览器里更流畅地展示
薄荷不加冰_gyy·2023-07-24 04:57

three.js

学习笔记：采用pracel打包工具创建文件，npminstallthree--saveGASP动画（可用于react，vue项目，还有数字动画）three.js的基本内容scene场景camera相机渲染器
不吃糖葫芦3·2023-07-23 05:44

Vue使用photo-sphere-viewer360°×180°全景插件模拟VR看房、房间切换

今天阿七就和大家一起来学习一下360°×180°全景插件photo-sphere-viewer和他的插件（这里只用到标记插件Markers）photo-sphere-viewerphoto-sphere-viewer是基于three.js
文化沙漠麦七·2023-07-22 05:19

博客阅读笔记（2023.07.17 - 2023.07.23）

泛读笔记（2023.07.17至2023.07.23）1.vLLM2.WebGLM3.LLMs可以成为财务顾问吗？4.对行业大模型的思考1.vLLM文章：比HuggingFace快24倍！
酿久诗·2023-07-21 14:36

linux下GPU性能测试

glxgears参考glmark2获取GPU信息网页里输入lb://gpu/终端里输入cat/proc/gpuinfo一、GPU压力测试http://wili.cc/blog/gpu-burn.html二、WebGLAquarium3D
大、猫·2023-07-21 06:44

Linux发布WebGL

1.安装nginxhttp://nginx.org/2022.html安装环境：//安装四个依赖yum-yinstallgcc-c++zlibzlib-develpcre-developensslopenssl-devel//创建一个文件夹cd/usr/localmkdirnginxcdnginx//下载tar包wgethttp://nginx.org/download/nginx-1.24.0.
土豆吃西瓜·2023-07-20 19:22

WebGL探索——抉择：实践方向（twgl.js、Filament、Claygl、BabylonJS、ThreeJS、LayaboxJS、SceneJS、ThinkJS、ThingJS）

WebGL探索——抉择：实践方向，twgl.js、Filament、Claygl、BabylonJS、ThreeJS、LayaboxJS、SceneJS、ThinkJS、ThingJS跨出第一步新的改变常见应用
iZaix·2023-07-20 12:37

three.js学习记录（基础）

一直以来都对three.js充满向往，终于偷闲找了个借口学了起来参考资料Three.js–JavaScript3DLibraryhttps://threejs.org/Three.js中文网提供Three.js
渣渣灰飞·2023-07-20 11:40

three.js学习2（基础）

目录前言：参考文档（gsap使用）：目标一、使物体移动、旋转Ⅰ、设置时钟方式Ⅱ、使用gsap1、安装2、引入使用目标二、自适应目标三、双击全屏或者退出全屏前言：上面学习了three.js在页面上的简单显示
渣渣灰飞·2023-07-20 11:40

three.js学习（基础）

目录前言：参考文档：实现1、安装2、声明3、引入使用前言：前面学习了three.js物体的动画展示，接下来学习应用图形界面更改变量目标、页面提供操作区域进行变量修改参考文档：dat.gui-npmAlightweightgraphicaluserinterfaceforchangingvariablesinJavaScript
渣渣灰飞·2023-07-20 11:40

three.js学习

前言：three.js基本使用没问下，下面进入自定义图形效果展示实现使用BufferGeometry()自定义import{ref,onMounted}from'vue'import*asTHREEfrom'three
渣渣灰飞·2023-07-20 11:39

Three.js——十二、MeshPhysicalMaterial清漆层、粗糙度、物理材质透光率以及折射率（结尾附代码）

环境贴图作用测试MeshPhysicalMaterial清漆层MeshPhysicalMaterial和MeshStandarMaterial都是拥有金属度metalness、粗糙度roughness属性的PBR材质，MeshPhysicalMaterial是MeshStandarMaterial的子集，除了继承了他的这些属性以外，还新增了清漆、透光率、反射率、光泽、折射率等等清漆层属性.clea
Southern Wind·2023-07-20 09:37
上一页 30 31 32 33 34 35 36 37 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他