Webgl

threejs-day2(场景/材质/纹理/光照)

/three/build/three";constcanvas=document.querySelector("#canvas");constrenderer=newTHREE.WebGLRenderer
小杰66·2023-03-12 22:00

图形可视化相关

canvas，svg，WebGL丰富了浏览器上的展示效果。三维动画，图表，数据的表达，以及图形学的相关知识，还是很有趣的。等着填坑一些参考：我涉及的数据可视化的实现技术和工具
bzwhlll·2023-03-12 11:30

vue+three.js的3D可视化机房

1、WebGL与threeJSWebGL是一种3D绘图协议，其允许JavaScript和OpenGLES2.0结合在一起，为H5Canvas提供硬件3D加速渲染，可以借助系统显卡在浏览器里更流畅地显示3D
患者_·2023-03-10 13:03

几种将将虚幻引擎内容流送到多个平台的推流方案比较

将虚幻引擎内容流送到多个平台，比较HTML5、WebGL和像素流送、Raystreaming。简介在开发联网用户体验时，如何共享内容始终影响着协作、生产和发布中的关键决策。
3DCAT实时渲染云·2023-03-10 03:47

原生webview内核对于H5页面渲染兼容性

比如：在某安卓5.1.1手机中打开H5游戏，creator直接抛出“Thisdevicedoesnotsupportwebgl”；或者是某安卓低端机打开后游戏动效播
一抱女友就犯困·2023-03-01 07:49

three.js中场景模糊、纹理失真的问题

2.方案2.1.开启反走样three.js创建的WebGLRenderer对象有抗锯齿选项的支持：varrenderer=newTHREE.WebGLRender
charlee44·2023-02-28 15:31

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

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

常用的18个 JavaScript 3D 库和框架

在WebGL库和SVG/Canvas元素的支持下，JavaScript变得惊人的强大。几乎可以为网络构建任何东西，包括基于浏览器的游戏和本地应用，许多最新的突破性功能都在3D上运行。
·2023-02-24 15:19

BabylonJS之放烟花

BabylonJS烟花效果视频一：技术调研1.方案一：ParticleSystem用ParticleSystem来实现每一束的烟花效果，如果浏览器支持WebGL2功能，使用GPUParticleSystem
神小夜·2023-02-24 12:54

Unity 3D 游戏引擎

Unity3D可以运行在Windows和MacOSX下，可发布游戏至Windows、Mac、Wii、iPhone、WebGL（需要HTML5）、WindowsPhone8和Android平台。
于大博·2023-02-23 16:06

OpenGL和WebGL的关系与区别

什么是WebGLWebGL™是一个跨平台的，免版税的开放Web标准，用于基于OpenGLES的低级3D图形API，通过HTML5Canvas元素向ECMAScript公开。
·2023-02-22 15:34

NSDT可编程3D场景【兼容Three.js】

NSDT编辑器简化了WebGL3D应用的开发，完全兼容Three.JS生态。本文介绍如何在自己的应用中嵌入使用NSDT编辑器搭建的3D场景，并通过JSAPI与场景进行交互。
新缸中之脑·2023-02-20 08:06

webgl 20.画一个正方体

这样传的顶点太多了，webgl用索引(index)解决这个问题，我们只需要传8个顶点进去，然后引用顶点的索引值就可以了。attributevec4a_Position;attrib
lesliefang·2023-02-18 19:40

webgl基础图形

WebGL的工作是绘制图形图像，了解WebGL的图形是至关重要的。
三界之外的无名·2023-02-18 06:23

WebGL简介

1.什么是WebGL?
qq_53280805·2023-02-17 17:10

交互式Web前端开发最好用的WebGL框架

JavaScript是创建Web最有用的编程语言之一，尤其是在WebGL库的支持下。有了WebGL，可以很方便地使用HTML5Canvas元素动态生成图形。
·2023-02-17 17:54

UnityRenderStreaming云渲染

[email protected]/manual/index.html他的实现是把unity程序通过视频流，语音流的方式展现到网页上，通过网络传输用户的交互，好处是解决了unity输出webgl
WLY_Unity_Unreal·2023-02-17 13:50

如何使用 Unity制作微信小游戏，微信小游戏制作方案 最新完整详细教程来袭【持续更新】

前言Unity实战篇｜Unity制作微信小游戏，最新详细教程来袭【持续更新】一、方案特点二、技术原理三、转换案例四、安装与使用方法4.1查阅推荐的引擎版本，安装时选择WebGL组件4.2Node官网安装长期稳定版
呆呆敲代码的小Y·2023-02-17 13:48

Three.js (一) WebGL、场景、相机、渲染器

概述Canvas->JavaScript->Three.js->WebGL->OpenGL->....
李霖弢·2023-02-17 10:12

unity3D的WEBGL发布与调优

项目场景：unity3d的发布，采用后台运行模式，发布后配置本例采用2020.3.23f1c1WEBGL问题描述unity3D默认情况下，依赖于界面的刷新，界面失去焦点，后台不运行，现实中，特别是实时展示前后台数据交互场景中
雨后暖阳·2023-02-17 07:43

unity webgl加载全屏设置

unitywebgl加载全屏设置
Y咚咚·2023-02-17 07:13

UnityWebGL2021 全屏--新版本

前言：之前看的很多关于WebGL全屏的代码和帖子，但都是unity2018的版本，目前听说unity2020之后，webgl加载速度有优化，所以没敢换回低版本，索性在这个版本基础上修改，写的不好的地方，
//记得注释·2023-02-17 07:13

Unity3D打包WebGL接收URL 地址中的参数

Unity3D打包WebGL接收URL地址中的参数，比如接收http://1.1.1.1:1/?1024dssawwcdffds中的“?
七情六欲丶·2023-02-17 07:13

Unity WebGL设置全屏方法。

打包完成后需要设置前段JS代码和CSS格式代码。添加width:100%;height:100%;修改：
九本才·2023-02-17 07:12

【虚拟仿真】Unity3D打包WEBGL实现全屏切换

一、前言今天实现Unity3D打包WEBGL后实现按钮点击全屏和退出全屏的实现。
恬静的小魔龙·2023-02-17 07:42

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

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

3D可视化：18个WebGL框架和Web3D图形库

WebGL是基于OpenGL的JavaScriptAPI库，允许Web浏览器在浏览器中渲染3D/2D图形，而无需安装额外的插件、桌面应用程序。
·2023-02-16 20:06

基于GIS+WebGL智慧消防物联网可视化云平台

智慧消防不仅仅是一个平台，一个解决方案，更是火灾救援中的一份安全保障，能为灭火救援提供信息支撑，提高救援效率，实现灭早灭小，充分保障人民群众的生命财产损失，是技术和时代创新发展的成果。建设背景近年来，国家对于消防愈加重视，出台了一系列政策，不断完善消防事业布局和消费监管体系。2017年10月，国家公安部消防局发布的《关于全面推进“智慧消防”建设的指导意见》指出要综合运用物联网、云计算、大数据等新兴
·2023-02-16 20:38

基于Web的6个完美3D图形WebGL库

现代前端、游戏和Web开发正是WebGL可以转化为数字杰作的东西。使用GPU绘制在浏览器屏幕上生成的矢量元素，WebGL创建交互式Web图形，从而获得用户体验。
·2023-02-16 20:28

WebGL入门(二十五)-物体变换时光照处理、立方体平移旋转缩放变换时漫反射光照计算、逆转置矩阵

立方体平移旋转缩放时漫反射光照计算1.demo效果2.相关知识点2.1物体坐标变换法向量变化2.2矩阵逆转置3.demo代码4.后续1.demo效果如上，图一为变换前的效果，是贴的上一个demo的运行效果图，图二是本次demo的效果，在上一个demo的基础上，处理了物体坐标变换时光照变化的效果2.相关知识点2.1物体坐标变换法向量变化如上图，归纳一下物体坐标变换法向量变化的规律如下平移变换，法向量
点燃火柴·2023-02-07 13:58

webgl基本概念

光栅化是将向量图形格式表示的图像转换成位图以用于显示器或者打印机输出的过程；栅格即像素，栅格化即将矢量图形转化为位图（栅格图像）。最基础的栅格化算法将多边形表示的三维场景渲染到二维表面；是将一个图元转变为一个二维图象，二维图象上每个点都包含了颜色、深度和纹理数据，将该点和相关信息叫做一个片元；是一种将几何图元变为二维图像的过程。该过程包含了两部分的工作。第一部分工作：决定窗口坐标中的哪些整型栅格区
videring·2023-02-07 09:26

解决截取高德地图白屏问题

解决方案：1.尝试用跨域解决，使用后发现不是跨域影响的2.高德地图是用canvas画的，getContext(‘2d’)方法为null，不能使用转base64的方法3.最后了解到高德地图是使用WebGL
_Struggle_·2023-02-06 23:01

各类三维引擎综合概述(OpenGL、DirectX、WebGL、UE4、U3D、ACIS、ParaSolid）

关于OpenGL、DirectX、OpenCVOpenCVOpenCV是OpenSourceComputerVisionLibrary主要是提供图像处理和视频处理的基础算法库，还涉及一些机器学习的算法。比如你想实现视频的降噪、运动物体的跟踪、目标（比如人脸）的识别这些都是CV的领域。它是可以运行在Linux、Window、和MacOS操作系统上，它是轻量级而且很高效的。OpenGLOpenGL是O
丰色木夕·2023-02-06 17:12

关于一次数据渲染 WebGLRenderer renderBufferDirect

关于threejsthreejs是webgl的封装库，提供了方便用户调用调用的接口和函数，涉及几何模型生产，用户交互操作，渲染特效，数学库及渲染优化等，与webgl相比，threejs更易懂易学。
aibinMr·2023-02-05 04:35

3d-force-graph

使用ThreeJS/WebGL进行3D渲染，使用d3-force-3d或ngraph作为底层物理引擎。相关参阅2D画布版、VR版和AR版、React绑定。
onlyword·2023-02-04 08:06

L7 2.0 上手指北

源码L7地理可视化希望那么多demo能在本地电脑上运行起来了现实却是各个环境报错，就是安装不起来，L7地理可视化各种折腾之后依旧不可以L7地理可视化简直是从入门到放弃L7地理可视化回归正题L7项目基于WebGL
ThinkingGIS·2023-02-04 01:53

Unity打包webGL无法在服务正常运行

报错内容：UnabletoparseBuild/RobotTest.framework.js.gz!ThiscanhappenifbuildcompressionwasenabledbutwebserverhostingthecontentwasmisconfiguredtonotservethefilewithHTTPResponseHeader"Content-Encoding:gzip"pr
fortitude1990·2023-02-02 19:46

cesium 3dtiles 加载本地数据_使用Cesium加载并调整3D Tiles

3DTiles是目前大火的开源WebGL框架Cesium的御用格式。根据实际体验，3DTiles和二维地图中的瓦片组织非常相似，在网络中
weixin_39581896·2023-02-02 08:20

三维数据标准

文章目录前言一、I3S(Indexed3dSceneLayer,索引三维场景图层)二、S3M(Spatial3DModel,空间三维模型)三、3DTiles(三维瓦片)前言  数据是进行可视化的基础，目前，基于WebGL
amigoh·2023-02-02 08:50

WebGL 理论基础 - 二维矩阵

此文上接一系列文章，先从基础概念开始，上一篇是物体缩放。之前的三篇文章讲了如何对二维物体进行平移，旋转，和缩放。每种变换都改变了着色器并且这些变换还受先后顺序影响。在前例中我们先缩放，再旋转，最后平移，如果执行顺序不同结果也不同。例如这是缩放2,1，旋转30度，然后平移100,0的结果。这是平移100,0，旋转30度，然后缩放2,1的结果。结果截然不同，更糟的是，针对第二种情况中的转换顺序，需要写
玄魂·2023-02-01 13:11

JavaScript WebGL 矩阵

引子本以为可以开始尝试三维的效果了，查了一下资料之后发现要先了解矩阵。在这里集中收集一下相关基础知识点。OriginMyGitHub简介简单来说，矩阵（Matrix）是数字按行和列的矩形排列。一般描述先行后列，例如下面2×3矩阵：矩阵中每个元素表示也可以根据行和列标记，例如a1,2表示第1行的第2列元素。在应用数学学科中，矩阵常见于统计分析。在物理学中，矩阵于电路学、力学、光学和量子物理中都有应用
_XXHolic_·2023-02-01 13:40

学习笔记(01):webgl基础篇视频教程-坚如磐石-Hello webgl-第一个webgl程序

utm_source=blogtoeduhttps://www.khronos.org/registry/webgl/specs/1.0
鲫鱼豆腐白菜·2023-02-01 13:40

webgl图形绘制流程

文章目录前言webgl基本环境搭建webgl上下文gl.clearColor()、gl.clear()canvas填充示例着色器绘制图形着色器使用流程封装初始化着色器代码开始绘制gl.drawArrays
jackeroo1997·2023-02-01 13:09

webgl绘制图形API——drawArrays、drawElements

文章目录前言gl.drawArrays()——按顶点绘制可绘制基本类型绘制矩形和圆形gl.drawElements()——按索引绘制使用规范绘制矩形总结前言gl.drawArrays()作为webgl中常用的函数图形绘制方法
jackeroo1997·2023-02-01 13:09

OpenGL ES着色器语言(GLSL ES)规范 ——下篇

文章目录前言分支和循环if、if-elseforcontinue、break、discard着色器内置变量函数函数定义规范声明webgl内置函数存储限定字constattributeuniformvarying
jackeroo1997·2023-02-01 13:09

webgl坐标转换

文章目录前言一、webgl转换流水线二、坐标系1.物体（模型）坐标系2.世界坐标系3.观察坐标系4.裁剪坐标系5.规范化设备坐标系6.屏幕坐标系三、总结前言webgl虽然属于web端开发，但实际上已经进入图形学的范畴
jackeroo1997·2023-02-01 13:39

webgl渲染管线、缓冲区绘制三角形

文章目录前言一、WebGL是什么二、WebGL渲染管线1获取坐标元素2顶点着色器3图元装配4光栅化阶段5片元着色器三、绘制一个三角形1初始化一个HTML2创建画布3创建着色器4创建主程序5传递数据并绘制效果前言作为
jackeroo1997·2023-02-01 13:09

WebGL 入门与实践

本小册介绍WebGL以及CSS3D属性的关键技术，每一个知识点基本上都有对应的演示Demo，Demo不依赖框架，使用原生JavaScript实现，Demo辅以理论的主要目的是为了让大家能够理解WebGLAPI
SYBH.·2023-02-01 13:38

WebGL编程指南笔记-第四章 高级变换与动画基础

本章内容是复杂的WebGL程序的基础。平移，然后旋转上一张最后的综合练习中，已经通过变换矩阵实现了平
ACE0220·2023-02-01 13:08

WebGL编程指南笔记-第三章 绘制和变换三角形

第三章绘制和变换三角形本章主要内容三角形在三维图形学中的重要地位，以及WebGL如何绘制三角形使用多个三角形绘制其他基本图形三角形的基本变换利用矩阵简化变化绘制多个点学习绘制三角形的原因：很多复杂的图像由多个三角形组成的
ACE0220·2023-02-01 13:07
上一页 24 25 26 27 28 29 30 31 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他