WebGL着色器

14.7 OpenGL图元装配和光栅化：早期各片段测试

早期各片段测试EarlyPer-FragmentTestslayout(early_fragment_tests)in;如果片段着色器指定了Early_fragment_tests布局限定符，则将在片段着色器执行之前执行本节中描述的每个片段测试
乘风之羽·2024-02-14 11:51

15 OpenGL可编程片段处理

可编程片段处理ProgrammableFragmentProcessing在图形渲染过程中，当当前片段阶段（fragmentstage）使用的是包含有片段着色器（fragmentshader）的程序对象时
乘风之羽·2024-02-14 11:51

15.1 OpenGL可编程片段处理：片段着色器变量

片段着色器变量FragmentShaderVariables在OpenGL着色语言（GLSL）中，片段着色器（FragmentShader）具有以下功能和访问权限：访问当前程序对象的uniforms：片段着色器可以读取当前关联的程序对象中的
乘风之羽·2024-02-14 11:51

Unity 打包webGL与前端交互[]

只需要把打包好的webGL程序包放到合适的地方(http服务可调用)，修改webgl包里有index.html文件调用方式如下send...varmyInstance=null;//后续进行实例化​//
有来有去9527·2024-02-14 05:54

【白话前端】快速区分webGL，webGPU，unity3D和UE4

在3D图形渲染的渲染领域，很多友友们对上述概念傻傻分不清，站在前端开发角度，我用简单语言说下，结论在文章最后。一、四者都能进行3D图形渲染它们之间有一些区别，下面我将对它们进行简单的区分：WebGPU：WebGPU是一种Web图形API，是基于底层的GPU硬件架构设计的，可以更好地利用现代GPU的并行计算能力，提供更高的图形渲染性能。WebGPU可以在Web浏览器中使用，同时也可以在其他平台上使用
贝格前端工场·2024-02-14 05:54

opengl中VAO和VBO的关系

opengl中VAO和VBO的关系什么是VBOVBO(vertexbufferobject)顶点缓冲对象，用来存储顶点信息，并把这些信息发送给顶点着色器。
jenny_paofu·2024-02-14 05:20

SuperMap iClient3D for WebGL教程-description描述属性

本节教程来讲解entity的description属性使用，官方文档解释为指定此实体的HTML描述的字符串属性，也就是说是一段字符串，只是这段字符串是HTML描述，看起来还是比较绕，下面来看下这个属性到底是如何使用的。属性信息从这里可以看出，entity的description属性信息是在实体被选中之后，被用于填充到infobox中，展示entity的属性信息。如果要使用Cesium自带的info
Mr桔子先生·2024-02-13 15:08

OpenGL-图元装配

什么是图元装配在绘制阶段，将顶点传入着色器后，这些顶点通过不同的连接方式会形成不同的显示效果，这时候就需要用到图元装配方式来确定最终显示出来的效果。
雨中漫步_Zny·2024-02-13 14:40

图元装配和光栅化

OpenGLES图形管线顶点着色器之后的图元装配阶段。OpenGLES图形管线的光栅化阶段。
真像大白阿·2024-02-13 14:39

【小沐学GIS】基于WebGL绘制三维数字地球Earth（OpenGL）

三维数字地球系列相关文章如下：1【小沐学GIS】基于C++绘制三维数字地球Earth（OpenGL、glfw、glut）第一期2【小沐学GIS】基于C++绘制三维数字地球Earth（OpenGL、glfw、glut）第二期3【小沐学GIS】基于C++绘制太阳系SolarSystem（OpenGL、glfw、glut）4【小沐学GIS】基于OpenSceneGraph(OSG)绘制三维数字地球Ear
爱看书的小沐·2024-02-13 09:30

【OpenGL】--- 使用Qt与OpenGL绘制纹理贴图的正方形

本文将介绍如何使用Qt和OpenGL，通过单独的顶点着色器和片段着色器文件，绘制一个带有纹理贴图的正方形。我们将分步讲解，确保你能轻松理解每个步骤。
Anshn·2024-02-12 12:07

【OpenGL】--- 使用OpenGL和Qt创建多个带透视效果的立方体

我们将使用单独的顶点着色器和片段着色器文件，以便更好地组织我们的代码。1.引言OpenGL是一个强大的图形渲染库，广泛用于创建3D应用程序。
Anshn·2024-02-12 12:07

从Unity到Three.js（画线组件line）

import*asTHREEfrom'three';//引入threejsconstrenderer=newTHREE.WebGLRenderer();//创建渲染器//设置渲染范围，当前撑满全屏,屏幕左上角是
chillxiaohan·2024-02-12 04:37

unity升级2022后，打包web的index.html有变动，这里做个记录

unity升级2022后，打包web的index.html有变动，这里做个记录WebGLPlayer|{{{PRODUCT_NAME}}}*{padding:0;margin:0;}html,body{
chillxiaohan·2024-02-12 04:07

13 OpenGL顶点后处理

在可编程顶点处理之后，接下来对生成的图元执行以下固定功能操作：变换反馈：该机制捕获顶点着色器的输出并将其写回到缓冲区中，使得一次渲染过程中的数据可以被后续渲染或模拟重用。
乘风之羽·2024-02-12 01:47

Metal Shader language (着色语言规范)总结

Metal简述Metal着色器语言是用来编写3D图形渲染逻辑、并行Metal计算核心逻辑的一门编程语言，当你使用Metal框架来完成APP的实现时则需要使用Metal编程语言。
汉包包·2024-02-11 23:54

腾讯地图基于 WebGL实现自定义栅格图层踩坑实录

以下内容转载自totoro的文章《WebGL-Y轴翻转踩坑实录》作者：totoro链接：https://blog.totoroxiao.com/webgl-flipY/来源：https://blog.totoroxiao.com
Mr船长大人·2024-02-11 18:04

3D绘图：25个WebGL前端框架和库

WebGL是一个JavaScriptAPI，用于在Web浏览器中呈现交互式2D和3D图形。它基于OpenGLES，这是一种广泛使用的嵌入式系统图形渲染标准。
·2024-02-11 18:34

UnityShader——01Shader和渲染管线

Shader和渲染管线什么是ShaderShader中文翻译为着色器，是一种较为短小的程序片段，用于告诉图形硬件如何计算和输出图像，过去由汇编语言编写，现在也可以使用高级语言进行编写。
Aubyn11·2024-02-11 16:00

SuperMap iClient3D for WebGL教程（影像篇）-Mapbox

SuperMapiClient3DforWebGL支持多种服务来源的高精度影像地图服务的加载和渲染，本文将一起来学习下使用Mapbox。一、认识MapboxImageryProvide
为梦齐舞·2024-02-11 09:51

U3D记录之FBX纹理丢失问题

pathmode要copy然后unity加载纹理也要改设置这里这个模型的纹理load要改成external那个模式然后就有了，另外这个导出还有好多选项可以康康这是blender里的样子这是unitybuild出webgl
DBBH·2024-02-10 17:55

11.3 OpenGL可编程顶点处理：几何着色器

几何着色器（GeometryShaders）GeometryShaders（几何着色器）是现代图形编程接口如OpenGL和DirectX中的一种可编程着色器阶段，它在传统的顶点着色器和片段着色器之间工作
乘风之羽·2024-02-10 09:13

11.1 OpenGL可编程顶点处理：顶点着色器

顶点着色器VertexShaders顶点属性（VertexAttributes）在图形编程中，尤其是在OpenGL等图形API中，顶点属性（VertexAttributes）是图形管线处理过程中用于描述每个顶点特征的数据
乘风之羽·2024-02-10 09:43

11.2 OpenGL可编程顶点处理：细分着色器

在现代图形管线中，细分通常由特定的硬件单元——细分着色器（TessellationShader）支持。细分过程通常包括以下阶段：控制细分级别：应用可以通
乘风之羽·2024-02-10 09:12

自定义控件绘制(Paint之Shader)篇十一

参考：https://blog.csdn.net/harvic880925/article/details/52039081shader称为着色器，用来给图片上色用的；Shader类只是一个基类，只有两个方法
zhaoyubetter·2024-02-10 06:11

three.js库学习（一）

three.js官网Three.js中文网(webgl3d.cn)笔记学习记录近期在做VR视觉3D模型渲染，因而需要进行three.js的库学习，新建个文集做下笔记，为了后期工作上便于翻阅。
听书先生·2024-02-09 18:52

vue 引入 百度地图API 和 路书

type=webgl&v=3.0&ak=您的密钥我们需要先注册百度账号、创建应用、获取密钥（AK），否则会有以上提示语警告具体注册、创建流程可以戳这里~2、引用百度地图SDKa、NPM安装安装vue-baid
拿回忆下酒·2024-02-09 16:40

Unity3d Shader篇（五）— Phong片元高光反射着色器

文章目录前言一、Phong片元高光反射着色器是什么？
雪弯了眉梢·2024-02-09 15:30

Writing Surface Shaders 表面着色器写法 - Unity Shader Reference 系列2

WritingSurfaceShaders表面着色器写法本文档主要是对Unity官方手册的个人理解与总结（其实以翻译记录为主：>）仅作为个人学习使用，不得作为商业用途，欢迎转载，并请注明出处。
cangod·2024-02-09 15:29

Unity3d Shader篇（六）— BlinnPhong高光反射着色器

文章目录前言一、BlinnPhong高光反射着色器是什么？
雪弯了眉梢·2024-02-09 15:29

WebGL:BabylonJS、Threejs、LayaboxJS、SceneJS、ThingJS比较

目前3d技术发展十分迅速，最初是WebGL，这是一种3d绘图协议，它将JavaScript和OpenGLES2.0结合在一起，通过增加OpenGLES2.0的一个JavaScript绑定，WebGL可以为
千汇数据的老司机·2024-02-09 13:41

了解OpenGL中的投影方式、存储着色器分类、常见图元连接方式

投影方式存储着色器分类常见图元连接方式最受欢迎用的最多的是三角形分类图示三角形环绕方式OpenGL中默认具有逆时针环绕方向的多边形为正面可以通过代码修改默认的正面glFrontFace(GL_CW);GL_CW
辉辉岁月·2024-02-09 11:33

OpenGL ES学习之路(3.1) 着色器渲染过程、渲染方式、FrameBuffer与RenderBuffer

着色器渲染过程在渲染过程中，必须存储2种着⾊器，分别是顶点着⾊器、片元着⾊器。顶点着⾊器是第⼀个着色器、⽚元着⾊器是最后⼀个。顶点着⾊器中处理顶点、片元着⾊器处理像素点颜色。
velue·2024-02-09 06:43

3d可视化webgl的应用

使用webgl，可以不使用插件的情况下，做一些炫酷的3D作品。下面列举一些简单的应用：1.3D网站图1粒子效果3d网站带有炫酷的粒子效果，动态可交互的3D展示，产品全方位展示，信息简介等。
304064dfba90·2024-02-09 03:34

11 OpenGL可编程顶点处理

这一阶段允许开发人员编写自定义的顶点着色器和相关程序来控制几何体数据（顶点属性）的变换与处理。在传统的固定功能流水线中，顶点变换（如模型视图投影变换）、光
乘风之羽·2024-02-08 16:34

Ionic+three.js混合开发webgl初体验

安装ionicnpminstallIonic-g安装three.js1.three模块化使用THREE.jsnpminstallthree.js后example中的js文件夹下插件没有被包含。替代方案：npminstallthree-full使用typeScript：npminstallthree.js->npminstall@types/three安装完后安装three类型库单独安装npmins
蒲公英落脚点·2024-02-08 01:20

webgl点光源的漫反射

1.webgl点光源的漫反射点光源的特点:点光源照射到物体上的每个顶点的入射光方向是各不相同的。需要一个点光源的位置。需要一个点光源的光颜色。需要计算的是我们需要计算出每个顶点的入射光线的方向。
你大爷的,这都没注册了·2024-02-07 23:10

WebGPU Inter-stage 变量

1.webgpuInter-stage变量Inter-stage变量在顶点着色器和片段着色器之间发挥作用。
你大爷的,这都没注册了·2024-02-07 23:37

WebGL 是否需要以 OpenGL 为学习基础？

想要了解学习下WebGL所以去搜索了相关问题，看到这个，想保存下来做个参考;下面的答案来自：知乎相关链接作者：Vinjn张静链接：https://www.zhihu.com/question/19993499
前端菜篮子·2024-02-07 22:49

Python中的6个三维可视化工具！

点击上方“小白学视觉”，选择加"星标"或“置顶”重磅干货，第一时间送达Python拥有很多优秀的三维图像可视化工具，主要基于图形处理库WebGL、OpenGL或者VTK。
小白学视觉·2024-02-07 18:33

大坑！react+thress.js

2.UI交互界面与Canvas画布叠加|Three.js中文网(webgl3d.cn)//canvas画布绝对定位renderer.domElement.style.position='absolute
前端小菜鸟也有人起·2024-02-07 16:58

Unity的TextMeshPro学习笔记

最关键的TextMeshPro的配置文件，默认字体资源，还有那些着色器
生活在他方·2024-02-07 15:08

Unity3d TextMeshPro - Text组件文字（部分）打包后显示不正常（紫色方块，像着色器/材质丢失）的解决方法

问题如题，我的TextMeshPro-Text在编辑器下显示是正常的，Version3.0.6，但是打包后，会出现中文正常但是数字居然显示为紫色方块，更像着色器/材质丢失：解决尝试了很多方法，如将字体下的材质球的着色器设置为
十幺卜入·2024-02-07 15:07

零代码3D可视化快速开发平台

平台架构平台特性基于HTML5和WebGL技术，可在主流浏览器上进行快速浏览和调试，支持PC端和移动
老子云平台·2024-02-07 12:57

顶点索引BufferGeometry.index复用顶点数据

BufferGeometry.index复用顶点数据本文是Three.js电子书的2.4节通过几何体BufferGeometry的顶点索引属性BufferGeometry.index可以设置几何体顶点索引数据，如果你有WebGL
Threejs可视化·2024-02-07 10:50

顶点对象 VAO VBO EBO

VAO1.2.1VAO的使用1.3索引缓冲对象ElementBufferObject,EBO1.3.1EBO的使用1.4小总结1.顶点对象定义顶点数据以后，我们会把它作为输入发送给图形渲染管线的第一个处理阶段：顶点着色器
无名小基·2024-02-07 10:50

六 zrender

←WebGLzrender是二维绘图引擎，它提供Canvas、SVG、VML等多种渲染方式。
十丈_红尘·2024-02-07 08:28

VScode配置glsl环境

目录1、插件安装2、代码补全配置3、环境测试1、插件安装点击扩展安装图中三个插件2、代码补全配置GLSLlint插件不附带着色器文件验证器，因此必须自己下载并在VSCode中设置路径。
混元太极马保国·2024-02-07 08:35

在WebGL中创建动画

前言在搭建WebGL开发环境中介绍了如何开始使用webgl进行绘制。本篇文章介绍如何在WebGL中创建动画动画的定义动画是一种通过快速显示一系列图像(或帧)模拟运动的技术。
SauronKing·2024-02-07 01:00

WebGL 1.0 内置函数

前言本篇文章介绍WebGL1.0shader中支持的内置函数角度弧度转化角度转弧度radians计算公式：R=π×degree÷180R=\pi\timesdegree\div180R=π×degree
SauronKing·2024-02-07 01:00
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他