threejs(webgl) 第38页

unity生成webgl 运行时，浏览器出现：Unexpected token ‘＜‘ 报错的解决办法

Unexpectedtoken‘＜‘报错的解决办法在生成的webgl文件中添加：web.config文件：!

$海阔天空$·2023-04-18 18:09

卡车移动端展示，threejs实现

此处坑点如下1、模型参照工业模型的做法2、车漆需要自定义shader3、整体的场景效果（这个坑很大，很费时间）4、模型的轴心节点并非在设置的位置（在轮子上），需要转换一下，代码如下varaxis2=newTHREE.Object3D();axis2.position.set(-29.5,7.980,0);scene.add(axis2);axis2.add(mesh);mesh.geometry.

浪里独行·2023-04-18 12:35

Webgl手写

笔迹点绘制用点绘制：gl.POINTS,而threejs里面得points对象由wegblrenderer使用gl.POINTS.线上效果

浪里独行·2023-04-18 12:35

Threejs大型obj文件的秒加载实现

项目需求:要将3d模型显示在网页上并实现时时旋转和鼠标悬停功能.给我的3d模型是60M的obj文件threejs加载obj模型比较简单但加载时间很长毕竟60m的文件网络传输需要很长时间obj模型太大必须想办法压缩

飘渺55·2023-04-18 11:31

Three.js克隆.clone()和复制.copy()

Three.js克隆.clone()和复制.copy()你查看Threejs的文档可以发现Threejs的很多类都具有克隆.clone()和复制.copy()方法，比如网格模型Mesh、几何体Geometry

郭隆邦技术博客·2023-04-18 10:44

shadertoy 移植到本地（0）：实施分析

shadertoy链接在shadertoy上编辑作品,主要的形式是es通过编写着色器代码的形式来实现，编写语法是webgl2GLSL300es，虽然说是编写着色器，单实际上我们只是在编写

ansey·2023-04-18 00:41

[Unity]在Webgl 读取XML文件

publicvoidLoadXMLDocument(stringfileName){stringfilePath=Application.streamingAssetsPath+"/"+fileName;#ifUNITY_EDITOR||UNITY_STANDALONE_WIN||UNITY_STANDALONE_OSXurl="file://"+filePath;//在PC端时，需要在文件路径前

DAGUNIANGZHOU·2023-04-18 00:59

WebGL-3D地图大俯仰角的雾化处理

以下内容转载自掘金文章《WebGL-3D地图大俯仰角的雾化处理》作者：多多洛爱学习链接：https://juejin.im/post/5db2a58a51882559ee62dfba来源：掘金著作权归作者所有

_草木一秋·2023-04-17 08:13

百度地图可视化

key获取百度开发者AK的官方教程获取之后可以去控制台查看自己的开发者Key控制台--->应用管理--->我的应用即可查看到自己的开发者key2、api地址（1）、百度1.0api地址百度地图JSAPIWebGLv1.0

易路先登·2023-04-17 07:56

react threejs_进入3D编码世界：React + ThreeJS = R3F

reactthreejs3Dandcreativeprogrammingcanlooklikeagimmick,butthebenefitsoflearning3Daregrowingeveryday.Forexample

weixin_26732881·2023-04-17 02:14

PixiJS 文字模糊处理策略

它是一个快速、轻量级、易于使用的库，可以在WebGL和Canvas上运行。支持WebGL和Canvas两种渲染方式。WebGL是一种基于OpenGL的3D图形API，可以在GPU上进行高效的图形渲染。

揽月凡尘·2023-04-16 21:43

PixiJS 渲染优化

如果使用三维webgl，在没有任何第三方的开源封装技术下，通过webgl去实现二维也是会遇到很多问题。基于此，找到了PixiJS这个支持canvas和webgl渲染的引擎，关键是非常快(之前在g

揽月凡尘·2023-04-16 21:40

Three.js教程：旋转动画、requestAnimationFrame周期性渲染

ygtu2018·2023-04-16 20:43

Three.js Shader改写

首先官方描述如下：.onBeforeCompile(shader:Shader,renderer:WebGLRenderer):undefinedAnoptionalcallbackthatisexecutedimmediatelybeforetheshaderpro

ShawnWeasley·2023-04-16 15:59

Unity WebGL C#调用JS脚本

官网文档目录一、Unity调用JS脚本二、JS调用Unity脚本一、Unity调用JS脚本1.首先在Unity/Assets/Plugins目录下存放你需要调用的JS脚本2.在Plugins目录下新建文本文档，后缀改为jslib。纂写JS脚本内容：mergeInto(LibraryManager.library,{Hello:function(){window.alert("Hello,world

Adaya~·2023-04-16 11:20

unity在webgl端输入框无法输入中文和中文显示问题的解决

插件地址：插件地址：解决webgl输入框无法输入中文插件-C#文档类资源-CSDN文库一：Unity在打包WebGL平台后会出现在浏览器无法输入中文的情况1，随便选取一个包含中文的字体，注意不要使用unity

染指流年灬·2023-04-16 11:50

unity打包webgl 部署到本地Web服务器

分为两步1unity打包工程2搭建本地服务器，把打包好的资源部署上去，后续就可以测了温馨提示：（下面设置我这里之前设置好了有些按钮是灰色的，记得点击确定）第1步打包工程打包好的工程目录第二步搭建本地服务器部署资源此处勾选后需要等待一会，在下载安装。此处如果找不到internetinformationservices说明前2步勾选internetinformationservices进行安装没成功。

qq_23602395·2023-04-16 11:18

[Unity转小游戏]微信开发者工具/微信小游戏中找不到unityInstance.(unityInstance is not defined)

问题unity打包成webgl的时候，会自动在window上挂载unityInstance。可以在js代码中调用unityInstance.SendMessage向unity发送消息。

Aqvdrt·2023-04-16 11:18

unity开发webGL，引用js功能。

UnityWebGLPlayer|{{{PRODUCT_NAME}}}//引用的js文件，添加后可以直接使用里边的方法varbuildUrl="Build";varloaderUrl=buildUrl+

chillxiaohan·2023-04-16 11:18

2021-09-29 Unity WebGL平台开发遇到的坑

内容简介：最近在用Unity做一个WebGL平台的项目，开发过程中遇到了各种各样的坑，这里简单记录一下，以免以后再踩。

GGmanV587·2023-04-16 11:18

Unity WebGL 输入框(InputField)接受中文输入

一、病症Unity发布成webgl后，inputfield没法接受中文输入二、病因Unity在webgl平台下对IME的支持有问题Unity与IME的官方说法描述：Unity官方明确说明：IOS,Android

dzj2021·2023-04-16 11:18

Unity3D打包WebGL并使用MQTT(二):使用json

Unity3D打包WebGL并使用MQTT(二):使用json1.软件环境Unity:2021.3stomp.js2.3.3:下载地址:https://www.jsdelivr.com/package/

ice_bear221·2023-04-16 11:17

第八章 Vite4+Vue3+Vtkjs 完整demo演示

一、介绍vtk.js是一个基于WebGL的开源3D可视化库，它可以在Web浏览器中呈现高质量的3D图形。

Etc.End·2023-04-16 09:03

WebGL2.0从入门到精通-3、着色语言（1、数据类型及程序基本结构）

三、着色语言(ShaderGLSL)如何解读下面这个完整的顶点着色器程序呢？从着色语言开始讲起。1#version300es2uniformmat4uMVPMatrix;//总变换矩阵3layout(location=3)invec3aPosition;//顶点位置4layout(location=2)invec4aColor;//顶点颜色5outvec4vColor;//传递给片元着色器的输出变

碳学长·2023-04-16 08:02

开源免费跨平台opengl opencv webgl gtk blender, opengl贴图程序

webgl，这是3维向web延伸的方案，它可以直接调用支持opengl的接口，硬件加速或者软件模拟，很强大，结和html5....blender，可以完成三维模型制作，3D动画制作了。

weixin_33726313·2023-04-16 08:31

WebGL自学课程(5):使用一张贴图纹理绘制地球

注：转载请注明出处在《WebGL自学课程(3):原生WebGL+ArcGISJSAPI绘制旋转地球》一文中讲述了如何利用地图数据绘制地球的轮廓，但是缺少色彩。

孙群·2023-04-16 08:31

ThreeJS-离屏渲染（三十五）

离屏渲染：个人理解，渲染两个场景A、B,假如A是主场景，B是离屏场景，首先离屏场景先借助主场景将视图渲染缓存，代码位置：//离屏渲染render.setClearColor(0x53868B);render.setRenderTarget(target);render.render(scene2,camera2);然后再切回主场景，将B场景中看到的视角以贴图纹理的形式渲染到主场景物体上代码位置：c

不穿铠甲的穿山甲·2023-04-16 08:31

webgl-modelMatrix

modelMatrix:模型矩阵包含平移、缩放、旋转modelMatrix=平移矩阵*缩放矩阵*旋转矩阵注意：矩阵不支持交换律，平移矩阵、缩放矩阵、旋转矩阵三者顺序不同，可能会导致结果不同如平移矩阵*缩放矩阵*旋转矩阵≠缩放矩阵*平移矩阵*旋转矩阵平移矩阵*缩放矩阵*旋转矩阵：先平移，再缩放，最后旋转

不穿铠甲的穿山甲·2023-04-16 08:01

【PBR】THREE中环境贴图实现原理

1.webgl原生https://webglfundamentals.org/webgl/lessons/zh_cn/webgl-cube-maps.htmlhttps://webglfundamentals.org

GAMESLI-GIS·2023-04-16 08:31

WebGL - 示例从文件中加载并使用不同着色器

因为对不同的场景以及不同的材质需要使用不同的着色器，因此需要使用多个着色器，而不是单个，单个着色器是无法绘制出很复杂的场景，因为有的物体没有纹理而有的有纹理以及别的效果1、外部文件加载着色器着色器语言就是GLSL格式的代码，我们可以先把顶点和片元着色器分别写在.glsl后缀名的文件中，如果你的编译器支持这种语法检测，那么代码就会有颜色，而不仅仅是字符串样式显示，尽管着色器代码本身就是字符串下面是将

「已注销」·2023-04-16 08:29

Webgl 练习记录 log 贴图滤镜

0、logger0.1、float打印因为shader里面的变量没有打印方法，所以我做了一个logger。要打印一个值，但是没有迭代，没有动态循环，也没有动态数组。这个过程比较漫长，因为我改了好几种写法，逐一发现了以上特性是不支持的。算法完成之后发现了float失精的问题：千万级别的数只剩下整数位是准确的，小数部分已经没有了；更小级别的数大约支持到小数点后3~5位。在字体的渲染方面，试了一下数字打

LEMOSSR·2023-04-16 08:28

【前端】几个简单的例子带你入门webgl

关注并将「趣谈前端」设为星标每天定时分享技术干货/优秀开源/技术思维之前群里有粉丝提问，就是shader不是很理解。然后今天他就来了，废话不多说，读完今天的这篇文章你可以学到以下几点：为什么需要有shader?shader的作用是什么？？？？shader中的每个参数到底是什么意思？？怎么去用？？？你如果会了，这篇文章你可以不用看????，不用浪费时间，去看别的文章。如果哪里写的有问题欢迎大家指正，

徐小夕@趣谈前端·2023-04-16 08:28

webgl-原生纹理贴图

踩坑：1、图片不显示：图片分辨率为非2的幂次方，图片不能被渲染。图形变成黑方块2的N次幂：1248163264128256512102420484096……2、几何图形配置映射方式，顶点坐标和纹理坐标对应需要注意，构建顺序与新增顶点的奇偶性相关。如果新增顶点时奇数，顶点排列顺序为：T=[n-1n-2n]；如果新增顶点为偶数，顶点排列顺序为：T=[n-2n-1n]；图片素材：链接:https://p

不穿铠甲的穿山甲·2023-04-16 08:57

CORS

XMLHttpRequest和fetch请求WebGLWeb字体使用drawImg将image/video

Veycn·2023-04-16 05:23

前端跨端开发选型对比

前言在现在的大前端时代，产生了很多的跨端技术和框架，前端再也不是了那个只需要写html、css、js的时代，而是需要涉及到app、小程序、网页(web、h5、大屏数据可视化、webgl)、桌面端(window

桃小瑞·2023-04-16 00:29

前端知识点

层次关系，常用属性、布局、选择器、权重、盒模型、Hack、CSS预处理器、CSS3、Flexbox、CSSModules、Documentflow、BFC、HTML5（离线&存储、Histoy,多媒体、WebGL

自you是敏感词·2023-04-15 23:07

ThreeJS—OrbitControls使其控制模型而不是场景

转载核心代码项目场景：来公司之前公司有一个地球组件，大概是张这个样子的⬇️，会转有飞线，有城市涟漪，很炫酷。可惜不是我做的。一个大屏项目上需要额外增加一些需求转动到某一城市，暂停转动，并弹出相关城市内容可拖动地球解决方案：需求1这个好整。three的球模型的自动旋转，就是通过requestAnimationFrame创建的动画，一秒60帧，每一帧让球的y旋转某个值//earth3dObj就是个mo

ATWLee·2023-04-15 18:46

3DTiles 1.0 数据规范详解[1] 介绍

Web中的三维html5和webgl技术使得浏览器三维变成了可能。巧妇难为无米之炊，三维数据（三维模型）是三维可视化重要的一环，事实上就是：三维数据众多，行业跨界广。

唐城·2023-04-15 18:12

不用后处理更改Cesium3dtileset的颜色shader

ForEach.shader=function(gltf,handler){if(hasExtension(gltf,'KHR_techniques_webgl')){if(gltf.extensions.KHR_techniques_webgl.shaders.length

directx3d_beginner·2023-04-15 18:10

2021-02-24

可以配合一下这个文字教程学习：https://webglfundamentals.org/webgl/lessons/zh_cn/视频里的一些函数建议认真看一下API：https://developer.mozilla.org

JaneMinHa·2023-04-15 16:34

前端面试：TCP/IP协议栈中的socket是干什么用的？

我觉得因人而异吧，如果今后的发展路线只想做终端类的（h5，app，WebGL），那么其实这一块儿并没有多重要。但是如果您是想要全栈发展的话，socket是一个太基础不过的知识了。

Yubble·2023-04-15 11:05

Http1.1_1

isanapplication-levelprotocolfordistributed,collaborative,hypermediainformationsystems.HTTPhasbeeninusebytheWorld-WideWebglobalinformationiniti

孤独斗士·2023-04-15 10:14

Unity3D打包WebGL并使用MQTT

Unity3D打包WebGL并使用MQTT1.环境准备Unity:2021.3stomp.js2.3.3:下载地址:https://www.jsdelivr.com/package/npm/stompjs2

ice_bear221·2023-04-15 00:55

介绍6个你一打开，就会惊讶的小众网站！

今天给大家分享一些小众的但是十分好玩有趣的网站FluidSimulationhttps://paveldogreat.github.io/WebGL-Fluid-Simulation这是一个流体背景生成器

互联网运营知识库·2023-04-14 20:25

基于webgl的三维室内空间逻辑建模 three.js ThingJS

室内空间最直观的定义是被墙面、地板面和屋顶面围合而成的有界空间。与室外空间相比，[ThingJS平台]的室内空间的三维可视化要求更加精细，如果不能很好地表达容易对用户造成误导！与室外空间相比,室内空间的层次结构较为明显,各楼层间主要是通过楼梯、电梯等这些通道进行连接，除建筑本身结构外还有门窗、栏杆、楼梯等要素，要注意这些人工要素的功能性表达。尤其是室内空间通道的特殊性，制作室内模型的时候要注意空间

小锘good·2023-04-14 15:58

好玩的js

2、three.jsThree.js中文网http://www.webgl3d.cn/Three.js–JavaScript3DLibraryhttps://threejs.org/画3d图且能做动画和游戏的

lsswear·2023-04-14 14:00

vue中three及其依赖引入和使用

官方文档和例子[https://threejs.org/docs/index.html#manual/zh/introduction/Creating-a-scene]引入单页面应用//ES5，相关依赖相同模块化应用

gfddd1231·2023-04-14 13:49

发布WebGL遇到的问题

本文地址：https://blog.csdn.net/t163361/article/details/129734803以下为发布WebGL时遇到的问题以及解决方案。

听星·2023-04-14 08:00

ThreeJS-3D酷炫地球（三十二）

素材：链接:https://pan.baidu.com/s/1ZmwgNWV-fMO4JrPnCBDLBA提取码:m1y9关键代码：for(leti=0;iimport*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls";import{RGBELoader}from"thre

不穿铠甲的穿山甲·2023-04-14 08:32

推荐频道

threejs(webgl)

推荐一个3D建模工具集