threejs(webgl) 第33页

如何发布Unity游戏到4399平台

一、将游戏发布为WebGL游戏制作完成后BuildSetting中选择WebGL，如果提示没有则需要下载这个插件。

香菇CST·2023-08-02 22:46

WebGL简介

WebGL简介前言1.WebGL简介1.1WebGL概述1.2WebGL程序的结构1.3WebGL和OpenGL2.着色器语言2.1顶点着色器2.2片元着色器3.webGL绘制一个点4.webGL渲染过程前言

南木元元·2023-08-02 18:21

修改Threejs里的OrbitControls右键上下移动控制视图上下移动

在原生的OrbitControls里，右键上下移动，结果是视图放大缩小，这样的结果不是我的需求。应该是右键上下移动，视图也上下移动。那么怎么修改呢？如下：修改一下panUp的方法即可，注释的部分是原来的代码。varpanUp=function(){varv=newTHREE.Vector3();returnfunctionpanUp(distance,objectMatrix){//if(scop

Naive》·2023-08-02 18:49

threejs的渲染顺序

threejs的渲染顺序有时候会对场景成像效果产生严重的影响。这一切的源头都来自于opengl的一种深度优化的工作原理。opengl会对需要渲染的对象做深度探测，也就是所谓的depthTest。

Naive》·2023-08-02 18:19

ThreeJs 学习之旅(十三)—Galaxy Generator(银河系建立)

颜色（Color）表示一个颜色。.lerp(color:Color,alpha:Float):Colorcolor-用于收敛的颜色。alpha-介于0到1的数字。将该颜色的RGB值线性插值到传入参数的RGB值。alpha参数可以被认为是两种颜色之间的比例值，其中0是当前颜色和1.0是第一个参数的颜色。银河系效果:银河系代码:import"./style.css";import*asTHREEfro

Florenza·2023-08-02 18:18

第二课threejs模型场景控制器

##>背景：创建出threejs3D场景后如何使用鼠标操作场景内模型元素？，如拖动，放大缩小，平移，点击触发交互等。。。

小豆包3D世界·2023-08-02 18:01

Webgl学习笔记 1 初始化shader

编译GLSLES代码,创建和初始化着色器供WebGL使用.1,创建着色器对象(gl.createShader());2,向着色器中填充着色器程序的源代码(gl.shaderSource())3,编译着色器

AlanFu·2023-08-02 16:52

three.js实现vr全景图

方法:可以利用Threejs中的立方体或者球体实现全景图功能，把立方体或球体当成天空盒子，将无缝衔接的图片贴上，看起来就像在一个场景中，相机一般放置在中央。

拾荒旧痕·2023-08-02 12:49

threejs 移动摄像机围绕场景中心绕圆圈

基本原理就是计算摄像机在所围绕的圆上的坐标，这里坐标实际上是计算x和z轴的坐标。因为y轴是观测高度才使用的。绕圈实际上是x和z轴上的坐标在变化。效果图(不会截gif图，弄了个静图)正方形和圆都在旋转，所以正方形距离平板有一定高度，不然的话一旋转，就到平板下面去了。计算正方形距离地面的高度公式为Math.sqrt(5*5+5*5)/2，边长为4，线条为1，即为5。根据勾股定理a*a+b*b=c*c，

WormJan·2023-08-02 02:24

Unity3d C#快速打开萤石云监控视频流（ezopen）支持WebGL平台，替代UMP播放视频流的方案（含源码）

还有当输出WebGL的时候视频无法播放，这个问题也一直没法解决。而我们常用的萤石云监控视频流在小程序端或者Web端打开却快速了很多，这也就启发了在Unity3d中也使用这种嫁

十幺卜入·2023-08-01 23:49

mapboxgl 互联网地图纠偏插件（一）

于是去恶补了webgl的知识，再去看mapb

GIS兵器库·2023-08-01 05:47

Three.js之创建3D场景

参考资料【G】Three.js官方文档：https://threejs.org/docs/Three.js是一个流行的WebGL库，官方文档提供了详细的API参考和示例，适合学习和参考。

开心就是最好·2023-07-31 17:28

【WebGL】初探WebGL,我了解到这些

WebGL（Web图形库）是一种强大的技术，允许您在Web浏览器中直接创建交互式的3D图形和动画。它利用现代图形硬件的能力来呈现令人惊叹的视觉效果，使其成为Web开发人员和计算机图形爱好者必备的技能。

且陶陶º·2023-07-31 13:22

webgl in android

webglinandroid我感觉一天之内自己白了头，昨天脑子发热，想用webgl下的sharder写自己心仪很久的效果（这个“心仪用得有些过分了”）。

与时间赛跑_·2023-07-30 21:21

3.第一章3小节场景动画

以下文章即LearnThreejs第三版英文翻译学习记录，可以到正版书店购买对应书籍。如果你想在场景种功能使用动画，那第一件要做的事情就是先找到绘制场景的时间间隔（就是已特定的周期渲染场景）。

我的名字好长好长灬·2023-07-30 02:21

three.js 使用对象组合

body{margin:0;height:100%;}canvas{display:block;}varrenderer;functioninitRender(){renderer=newTHREE.WebGLRenderer

zhang-zan·2023-07-29 20:18

Unity Profiler或UPR连接WebGL应用出错

问题在使用UnityBuild出WebGL应用进行性能测试的时候，勾选上了DevelopmentBuild和AutoconnectProfiler，分别使用Profiler和UPR进行测试现象使用Profiler

Edward.W·2023-07-29 13:39

【R3F】07. 场景设置

camera设置属性值是按照threejs的属性值设置,r3f中，直接在canvas节点设置camera属性即可修改相机position可以通过useFrame返回的对象集，获取camera对象，然后修改对应的属性值

seelingzheng·2023-07-29 02:07

【R3F】06.自定义Geometry

自定义Geometry创建vertex，同在threejs中方式一样，这里是随机生成一些点位信息,创建10个三角面使用useMemo,因为创位置信息只需要有一次就可以了constvarticesCount

seelingzheng·2023-07-29 02:37

Threejs——十四、关于深度冲突、重叠、以及加载模型进度条效果实现（附完整代码）

深度冲突两个模型重叠的模型，通过浏览器旋转预览，会发现模型旋转的时候会发生闪烁。这种情况，主要是两个模型重合，电脑分不清谁在前谁在后，这种情况，可以理解为深度冲突Z-fighting。functionaddBox(){constgeometry=newTHREE.BoxGeometry(10,10,10);//材质constmaterial=newTHREE.MeshPhysicalMateria

Southern Wind·2023-07-28 21:57

OpenLayers入门，OpenLayers如何加载GeoJson多边形、线段、点和区域范围等数据并叠加到OpenLayers矢量图层上

专栏目录：OpenLayers入门教程汇总目录前言前面两章已经讲了OpenLayers如何加载GeoJson数据到矢量图层和webgl图层上，前面两章也是可以支持多边形、线段、点和区域范围灯数据加载的，

汤姆猫不是猫·2023-07-28 20:20

three.js入门一：入门demo讲解

环境：threejs：129（在浏览器的控制台下输入：window.

jackletter·2023-07-28 04:16

常用三维坐标系

二、Threejs和OpenGL右手坐标系参考：https://zhuanlan.z

jackletter·2023-07-28 04:16

three.js入门二：相机的zoom参数

环境：threejs：129（在浏览器的控制台下输入：window.

jackletter·2023-07-28 04:45

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

gitee page发布的静态网站，无法播放目录中的mp4视频

但是试了多几次mp4均提示404，资源无法获取；找了很多方案，最后发现将视频转为ogv就可以完美适配了；mp4转ogv附threejs使用ogv进行环境贴图的代码：//视频纹理constvideo=document.createElement

Li_Ning21·2023-07-27 18:52

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 轨道控制器

constrenderer=newTHREE.WebGLRenderer();renderer.setSize(window.innerWidth,window.innerHeight);renderer.render

牧羊狼的狼·2023-07-27 03:28

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

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

前端西瓜哥·2023-07-26 09:29

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

在Unity开发WebGL过程中，常常因为需求必须要与前端进行通信、对接，如何实现呢？

Mr.Y仙森·2023-07-26 04:14

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

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

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

Three.js是一个基于WebGL的JavaScript库，可以帮助我

西门吹雪~·2023-07-24 23:39

html渲染3d模型图成功案例

thress.js文档：https://www.techbrood.com/threejs/docs/html代码：Titlebody{overflow:hidden;margin:0;}varurl=

静_c540·2023-07-24 22:56

推荐频道

threejs(webgl)