Webgl

Three.js教程：顶点位置数据解析渲染

推荐：将NSDT场景编辑器加入你3D工具链其他工具系列：NSDT简石数字孪生顶点位置数据解析渲染如果你没有WebGL基础，可以先不用记忆每个的threejs具体内容，有一个大致印象即可，学习本节课的重点是建立顶点的概念
·2023-04-21 16:06

一起学 WebGL：复合矩阵

之前讲了平移矩阵、旋转矩阵以及缩放矩阵，以及演示了在WebGL中的单独应用的效果。这次我们看看同时进行多次矩阵变换的组合写法。我们将会对一个三角形先平移，然后旋转。矩阵乘法简单过一下矩阵乘法的知识点。
前端西瓜哥·2023-04-21 13:05

一起学 WebGL：三角形加上渐变色

本文为系列文章，请先阅读如何绘制红色三角形的文章：《一起学WebGL：绘制三角形》原来的写法，颜色是在片元着色器中写死的，这次我们来像传顶点数据一样，声明一个颜色数据传递过去。
前端西瓜哥·2023-04-21 13:00

Three.js 加载3D模型

在学习Three.js和WebGL的时，突发奇想我是不是用这个东西来加载3D模型呢，这样多酷炫呀，通过自己的研究发现居然是可以的！！！下面，理论成立，实践开始！！
⁡⁢⁡⁢⁠Ac·2023-04-21 10:42

将场景作为纹理渲染到平面上

firstRenderTarget=newTHREE.WebGLRenderTarget(512,512,{format:THREE.RGBFormat});varscreenMaterial=newTHREE.MeshBasicMaterial
不决书·2023-04-21 09:12

three.js（JS 三维模型库）介绍和入门

介绍：three.js是一个基于WebGL的JavaScript3D库。它封装了WebGLAPI，为开发者提供了简单易用的API，以便在Web浏览器中展示3D图形。
南北极之间·2023-04-20 18:36

CesiumJS 源码杂谈 - 从光到 Uniform

CesiumJS源码基础，所以就抽了一个周末跟了跟CesiumJS中的光照初步，在简单的代码追踪后，发现想系统学习光照材质，仍然是需要RTR知识的，这次仅仅了解了光在CesiumJS底层中是如何从API传递到WebGL
·2023-04-20 15:37

CesiumJS PrimitiveAPI 高级着色入门 - 从参数化几何与 Fabric 材质到着色器 - 上篇

PrimitiveAPI还包括AppearanceAPI、GeometryAPI两个主要部分，是CesiumJS挡在原生WebGL接口之前的最底层图形封装接口（公开的），不公开的最底层接口是DrawCommand
·2023-04-20 15:05

webgl-画指定颜色三角形

html*{margin:0px;padding:0px;}您的浏览器不支持HTML5,请更换浏览器main.jsletcanvas=document.getElementById('webgl')canvas.width
不穿铠甲的穿山甲·2023-04-20 15:44

【渲染管线】关于三角面正反和剔除cull

webgl中关于剔除cull是否开启剔除gl.enable(gl.CULL_FACE);/gl.disable(gl.CULL_FACE);设置剔除哪一面gl.cullFace，gl.cullFace(
GAMESLI-GIS·2023-04-20 12:05

opengl、opengl es、webgl介绍与opengl开发入门

1、OpenGLOpenGL（英语：OpenGraphicsLibrary，译名：开放图形库或者“开放式图形库”）常用于CAD、虚拟现实、科学可视化程序和电子游戏开发。OpenGL的高效实现（利用了图形加速硬件）存在于Windows，部分UNIX平台和MacOS。OpenGL一般被认为是用于渲染2D、3D矢量图形的跨语言、跨平台的应用程序编程接口（API），其实OpenGL本身并不是一个API，它
夜雨听萧瑟·2023-04-20 00:35

【Unity3D日常BUG】Unity3D打包WEBGL平台运行出现无法解析gzip、构建压缩等问题

一、前言在Unity3D中打包WEBGL运行出现这样的错误：具体分析：1、无法解析xxx.gz文件2、启用了构建压缩，但是web服务器配置错误3、web服务器不支持HTTP响应头的解析二、解决方案（1）
恬静的小魔龙·2023-04-19 20:24

CesiumJS 源码杂谈 - 从光到 Uniform

CesiumJS源码基础，所以就抽了一个周末跟了跟CesiumJS中的光照初步，在简单的代码追踪后，发现想系统学习光照材质，仍然是需要RTR知识的，这次仅仅了解了光在CesiumJS底层中是如何从API传递到WebGL
·2023-04-19 18:55

推荐一个3D建模工具集

3D建模工具集,收录一下几个工具集：数字孪生编辑器基于WebGL技术，依托丰富的模型资产库，通过拖拽式的操作，方便用户高效便捷的搭建三维数字孪生场景，配合twin服务平台，实现孪生设备姿态控制的虚实同步
ygtu2018·2023-04-19 13:15

0元领魔豆500颗，150个3D源码打包，三维可视化 全景 3D建模 ThingJS

Three.js虽说是大多数开发者首次接触的WebGL3D库，但ThingJS是新兴的3D框架，封装了对模型交互事件的API、对模型的操作及层次关系，一个个具体的模型抽象把开发者从复杂
小锘good·2023-04-19 07:26

Unity打包WebGL: 导入Vue

Unity打包WebGL:导入Vue1.介绍1.1任务记录将Unity项目打包成WebGL，并集成到Vue项目中的过程。
ice_bear221·2023-04-19 06:54

webgl-图形非矩阵旋转

知识拓展由（x1,y1）旋转β角度到（x2,y2）根据圆极坐标方程x1=r*cosαy1=r*sinα可得x2=r*cos(α+β)=r*cosα*cosβ-r*sinα*sinβ,因为x1=r*cosα，y1=r*sinα，所以x2=x1*cosβ-y1*sinβy2=r*sin(α+β)=r*sinα*cosβ+r*cosα*sinβ,因为x1=r*cosα，y1=r*sinα，所以y2=y1
不穿铠甲的穿山甲·2023-04-19 06:08

一起学 WebGL：动态绘制点

《一起学WebGL：绘制一个点》如果我们要频繁地改变点的位置去绘制，根据我们之前学到的知识点，那只能通过替换整个着色器代码字符串，不断地编译的方式去修改了，非常不便。
前端西瓜哥·2023-04-19 02:11

一起学 WebGL：绘制三角形

大家好，我是前端西瓜哥。画了好几节课的点，这次我们来画三角形了。三角形可太重要了，再复杂的三维模型都是由一个个小三角形组合而成，越多越精细越真实。绘制三角形这次绘制三角形，要绘制的点就有三个了，不再是一个。为此我们需要用到缓存区对象（bufferobject）。通过缓存区对象，我们可以一次性向顶点着色器传入多个顶点数据。Float32Array首先我们来用Float32Array数组保存需要用到的
前端西瓜哥·2023-04-19 02:11

一起学 WebGL：图元的类型

大家好，我是前端西瓜哥，今天来说说WebGL中的三种图元。在WebGL中，图元有三种：点、线、以及三角形。
前端西瓜哥·2023-04-19 02:11

webgl-简单动画

html*{margin:0px;padding:0px;}您的浏览器不支持HTML5,请更换浏览器main.jsletcanvas=document.getElementById('webgl')canvas.width
不穿铠甲的穿山甲·2023-04-19 02:09

一起学 WebGL：图形变形以及矩阵变换

之前绘制了三角形，我们现在给它做一个变形操作。对一个三角形进行变形，其实就是重新这个三角形的三个顶点的位置，计算完后再绘制出来，相比原来就发生了变形。变形常见的有位移、选择、缩放。位移，其实就是给每个顶点的各个坐标值加上偏移量dx、dy、dz。旋转稍微复杂些，用到了三角函数。最后是缩放，就是简单地各个分量乘以缩放比例系数。这些变换可以抽象简化成对应的变换矩阵，方便我们用统一的方式作表达，并配合矩阵
前端西瓜哥·2023-04-19 02:38

基于threejs(webgl)的3D元宇宙云展厅

首先看看效果图：基于threejs的3D展厅基于threejs开发的3D展厅，展品可以自由摆放。支持gltf/glb格式github地址：https://github.com/mtsee/vr-hall初始化实例//实例化constvr=newVR3DHall({debugger:true,//开启调试模式，开启调试模式后可以选中展品，缩放，旋转，位移，console.log中可以查看到数据max
·2023-04-18 22:07

推荐一个3D建模工具集

3D建模工具集,收录一下几个工具集：数字孪生编辑器基于WebGL技术，依托丰富的模型资产库，通过拖拽式的操作，方便用户高效便捷的搭建三维数字孪生场景，配合twin服务平台，实现孪生设备姿态控制的虚实同步
·2023-04-18 22:55

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

Unexpectedtoken‘＜‘报错的解决办法在生成的webgl文件中添加：web.config文件：!
$海阔天空$·2023-04-18 18:09

Webgl手写

笔迹点绘制用点绘制：gl.POINTS,而threejs里面得points对象由wegblrenderer使用gl.POINTS.线上效果
浪里独行·2023-04-18 12:35

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

.copy()你查看Threejs的文档可以发现Threejs的很多类都具有克隆.clone()和复制.copy()方法，比如网格模型Mesh、几何体Geometry、三维向量Vector3...个人WebGL
郭隆邦技术博客·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

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周期性渲染

推荐：将NSDT场景编辑器加入你3D工具链其他工具系列：NSDT简石数字孪生基于WebGL技术开发在线游戏、商品展示、室内漫游往往都会涉及到动画，初步了解three.js可以做什么，深入讲解three.js
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

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
上一页 19 20 21 22 23 24 25 26 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他