WebGL着色器

OpenGL：关于纹理映射时任意四边形中的插值问题(二)

就需要在着色器中修改。invec2aPos_out;outvec4FragColor;uniforms
六月的翅膀·2024-01-25 08:53

二、什么是WebGL，它是一种3D绘图协议

度娘一下：WebGL（全写WebGraphicsLibrary）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGLES2.0结合在一起，通过增加OpenGLES2.0的一个JavaScript
柳暗花明又一匪·2024-01-24 20:09

javascript事件

从小程序到各种混合开发的解决方案，从vue，react到angular，从canvas到three.js甚至webgl，从cmd到nodejs，从gulp到webpack，各种技术让人眼花缭乱，感觉学不过来了有没有
特例独爬的蜗牛·2024-01-24 05:37

vulkan中的texture(VkImage、VkImageView、VkSampler、VkDeviceMemory）

在Vulkan中，以下是这几个概念的简要说明以及它们之间的关系：Texture2D：纹理在vulkanAPI中并没有一个结构体来表示，它是着色器语言中（比如GLSL）的一种概念。
宗浩多捞·2024-01-24 03:17

Shader Graph简介

使用着色器（shader）和材质（material），我们能够创造出非常多有趣的效果。除了Unity自带的shader外，还可以自己编写shader或使用其他人所编写的shader。
亦枫Leonlew·2024-01-24 01:17

OpenGL的对象和对象模型

每个对象实例与特定的上下文绑定，并共同决定了诸如着色器、缓冲区数据、纹理图像、帧缓冲区内容以及同步栅栏和计时查询等状态信息，这些状态信息在GL绘图操作中起到关键作用。
乘风之羽·2024-01-24 00:04

【笔记】Unity webgl 输入中文

UnityWebGL中文输入和全屏问题_鑫毒季的博客-CSDN博客插件资源来自上面这位兄台的分享。操作如下：1、将WebGLInput脚本挂在InputField组件上。
zjh_368·2024-01-23 19:04

Application.ExternalCall 已过时 另一种unity脚本调用JS的方法

我现在用的unity2018版本的调用JS的API：Application.ExternalCall过时了，官方给出了另一种方案：https://docs.unity3d.com/Manual/webgl-interactingwithbrowserscripting.html
阳光下的大嘴猴王·2024-01-23 19:34

Webgl开发输入框兼容问题及开发注意的问题

Webgl开发输入框【InputField组件】输入中文说明解决方案一通过重写原生的InputField组件来兼容解决方案二通过打包后自己定义JS总结说明  最近一直再搞WEBGL平台的项目，花了好几天解决
不为誰而做的程序员_·2024-01-23 19:33

Unity可寻址资源Addressable

目前发现了以下问题：PercentComplete的进度的前50%是读取json文本的进度，后50%是下载资源包的进度，目前后50%的进度无法正常显示WebGL版本时，浏览器打开程序，首次从服务器下载一次资源之后
阳光下的大嘴猴王·2024-01-23 19:03

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

unity在发布成webgl无法显示中文和inputField无法输入中文的问题应该都遇到了，博主蛋疼的查了好久才发现unity内置的inputfield类不支持IME，顺着这个路不小心找到了插件这个插件免费的
古月折口·2024-01-23 19:02

Unity WebGL中文输入插件适配2020及以上的版本

blog.csdn.net/Rowley123456/article/details/103726927原插件不支持unity2020及以上的版本，要适配的话，下载原作者的插件后，将ChineseInputWebGL.jslib
笑脸山·2024-01-23 19:02

Unity WebGL 实现中文输入 UGUI

插件：https://assetstore.unity.com/packages/essentials/tutorial-projects/ime-input-for-unity-webgl-64933
funilbing·2024-01-23 19:31

解决Unity WebGLInput插件全屏输入的问题

unitywebgl的中文输入插件WebglInput在全屏的时候会出现无法输入中文/输入的英文会字母出现在光标后面/什么都输入不了的等无法正常使用的情况。
阳光下的大嘴猴王·2024-01-23 19:30

webgl和threejs的坐标系以及坐标转换

一、模型坐标系和模型坐标模型坐标系是用来描述模型内部构造的。它的原点是(0,0,0)在模型坐标系下，定义的坐标，本文称之为模型坐标。当然你也可以有自己的命名。物理建模的模型，由一个个小的三角形组成，每个三角形都有三个顶点组成。顶点的模型坐标是基于模型中心点的。中心点的坐标为(0,0,0)。上图是个简单的正方形的模型，正方形长和宽为20。中心点在正方形的中心，中心点模型坐标为(0,0,0)，则其中四
qq_37200686·2024-01-23 17:06

ShaderLab语法

在文件中，嵌套大括号语法声明了描述着色器的各种内容-例如，应在材质检查器中显示哪些着色器属性;什么样的硬件后备要做;使用何种混合模式等。实际的“着色器代码”是在同一着色器文件中的CGPROGR
Bonging·2024-01-23 16:34

three.js从入门到精通系列教程051 - 制作立体桃心图形

three.js从入门到精通系列教程051-制作立体桃心图形//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:true});myRenderer.setClearColor
smartsmile2012·2024-01-23 16:06

three.js从入门到精通系列教程049 - 加载房屋模型，可旋转可缩放

three.js从入门到精通系列教程049-加载房屋模型，可旋转可缩放加载房子模型移除房子模型//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias
smartsmile2012·2024-01-23 16:36

three.js从入门到精通系列教程050 - 制作波浪图形

three.js从入门到精通系列教程050-制作波浪图形//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:true});myRenderer.setSize
smartsmile2012·2024-01-23 16:36

three.js从入门到精通系列教程048 - 创建粒子模拟下雨雨滴效果

创建粒子模拟下雨雨滴效果varmyRenderer,myCamera,myScene,myPoints;//创建渲染器functioninitRender(){myRenderer=newTHREE.WebGLRenderer
smartsmile2012·2024-01-23 09:32

three.js从入门到精通系列教程046 - 在平面上创建一个可变大小和长短的圆柱体

three.js从入门到精通系列教程046-在平面上创建一个可变大小和长短的圆柱体//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:true}
smartsmile2012·2024-01-23 09:32

three.js从入门到精通系列教程047 - 创建一个可旋转的立体椅子

创建一个可旋转的立体椅子varmyRenderer,myCamera,myScene,myOrbitControls;//创建渲染器functioninitRender(){myRenderer=newTHREE.WebGLRenderer
smartsmile2012·2024-01-23 09:32

three.js从入门到精通系列教程005 - three.js使用鼠标拖拽缩放浏览全景图

myLongitude=0,myLatitude=0,myTempLongitude=0,myTempLatitude=0,myPhi=0,myTheta=0;//创建渲染器varmyRenderer=newTHREE.WebGLRen
smartsmile2012·2024-01-23 08:53

由于找不到d3dcompiler_43.dll缺失，无法打开软件的解决方法分享

d3dcompiler43.dll是DirectXSDK中的一个动态链接库文件，它是用于编译DirectX着色器的工具之一。DirectX是由微软公司开发的一种多媒体编程接口，
a555333820·2024-01-22 23:10

Godot Shader 08-Godot shader和GLSL的区别以及转换

latest/tutorials/shading/migrating_to_godot_shader_language.html本文档解释了Godot的着色语言和GLSL之间的区别，并提供了有关如何将着色器从其他来源
Zszen·2024-01-22 11:46

《WebKit 技术内幕》之七（4）： 渲染基础

4WebKit软件渲染技术4.1软件渲染过程在很多情况下，也就是没有那些需要硬件加速内容的时候（包括但不限于CSS33D变形、CSS303D变换、WebGL和视频），WebKit可以使用软件渲染技术来完成页面的绘制工作
jyl_sh·2024-01-22 04:29

【unity shader】毛发材质、绒毛材质着色器

人生的前言：许久未更新技术博客，这次也是很荣幸能够借助sorumi大佬的教程，重新捡起shader。suorumi大佬的文章链接如下。https://sorumi.xyz/posts/unity-fur-shader/毛发材质的模型：大家都知道传统光照模型下，单次渲染流程，难以满足很多特别材质的视觉效果要求。像毛发材质就是其中的一种，即便是有了纹理贴图的加成，那个僵硬的边缘都在表示这个东西跟软乎乎
misaka12807·2024-01-22 01:26

UnityShader报错:Unlit/bloomShader shader is not supported on this GPU

在实现泛光效果的时候，需要使用到之前在高斯模糊shader里面写好的水平和纵向模糊的着色器（两个PASS）。
misaka12807·2024-01-22 01:26

sfml使用opengl着色器实现2d水面波浪

SFML中使用GLSL着色器来绘制水波。效果代码#include#includeintmain(){constintWIDTH=800;
百口可乐__·2024-01-22 01:25

three.js从入门到精通系列教程034 - 创建PointLight光源和辅助线

three.js从入门到精通系列教程034-创建PointLight光源和辅助线//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:true})
smartsmile2012·2024-01-21 16:43

three.js从入门到精通系列教程035 - 创建SpotLight聚光灯光源和辅助线

three.js从入门到精通系列教程035-创建SpotLight聚光灯光源和辅助线varmyRenderer=newTHREE.WebGLRenderer({antialias:true});myRenderer.setSize
smartsmile2012·2024-01-21 16:43

three.js从入门到精通系列教程033 - 创建DirectionalLight光源和辅助线

three.js从入门到精通系列教程033-创建DirectionalLight光源和辅助线varmyRenderer=newTHREE.WebGLRenderer({antialias:true});
smartsmile2012·2024-01-21 16:42

three.js从入门到精通系列教程029 - three.js利用贴图实现地球全貌地图

three.js从入门到精通系列教程029-three.js利用贴图实现地球全貌地图//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:true
smartsmile2012·2024-01-21 16:12

three.js从入门到精通系列教程030 - three.js创建五彩斑斓的旋转立方体

three.js从入门到精通系列教程030-three.js创建五彩斑斓的旋转立方体//创建顶点着色器varyingvec2vUv;voidmain(){vUv=uv;vec4mvPosition=modelViewMatrix
smartsmile2012·2024-01-21 16:12

three.js从入门到精通系列教程023 - three.js利用ExtrudeGeometry创建多个拉伸缓冲几何体支持旋转缩放

three.js从入门到精通系列教程023-three.js利用ExtrudeGeometry创建多个拉伸缓冲几何体支持旋转缩放//创建渲染器varmyRenderer=newTHREE.WebGLRenderer
smartsmile2012·2024-01-21 16:12

three.js从入门到精通系列教程028 - three.js通过多面材质创建类似魔方的立方体

three.js从入门到精通系列教程028-three.js通过多面材质创建类似魔方的立方体//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:
smartsmile2012·2024-01-21 16:12

three.js从入门到精通系列教程020 - three.js通过贴图使用图像材质创建立方体

three.js从入门到精通系列教程020-three.js通过贴图使用图像材质创建立方体//创建渲染器，antialias表示是否启用抗锯齿varmyRenderer=newTHREE.WebGLRenderer
smartsmile2012·2024-01-21 16:41

three.js从入门到精通系列教程021 - three.js通过贴图使用图像材质创建圆环救生圈

three.js从入门到精通系列教程021-three.js通过贴图使用图像材质创建圆环救生圈//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias
smartsmile2012·2024-01-21 16:41

three.js从入门到精通系列教程013 - three.js创建多次旋转连接的圆环结

three.js从入门到精通系列教程013-three.js创建多次旋转连接的圆环结//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:true
smartsmile2012·2024-01-21 16:11

three.js从入门到精通系列教程014 - three.js创建几何体圆台

three.js从入门到精通系列教程014-three.js创建几何体圆台//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:true});myRenderer.setSize
smartsmile2012·2024-01-21 16:11

three.js从入门到精通系列教程009 - three.js创建球体和圆柱体

three.js从入门到精通系列教程009-three.js创建球体和圆柱体//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:true});varmyWidth
smartsmile2012·2024-01-21 16:10

three.js从入门到精通系列教程010 - three.js创建旋转圆柱体

010-three.js创建旋转圆柱体varmyWidth=480,myHeight=320,k=myWidth/myHeight,s=120;//创建渲染器varmyRenderer=newTHREE.WebGLRenderer
smartsmile2012·2024-01-21 16:10

three.js从入门到精通系列教程003 - three.js透视相机（PerspectiveCamera）

three.js从入门到精通系列教程002-three.js透视相机（PerspectiveCamera）//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias
smartsmile2012·2024-01-21 16:40

three.js从入门到精通系列教程006 - three.js创建旋转立方体BoxGeometry

three.js从入门到精通系列教程006-three.js创建旋转立方体BoxGeometry//创建渲染器varmyWidth=480,myHeight=320;varmyRenderer=newTHREE.WebGLRenderer
smartsmile2012·2024-01-21 16:40

three.js从入门到精通系列教程032 - 使用多张贴图实现立方体骰子模型

three.js从入门到精通系列教程032-使用多张贴图实现立方体骰子模型//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:true});myRenderer.setSize
smartsmile2012·2024-01-21 16:08

WebGL 的 Hello World

本文整理自div侠于凹凸2022年技术分享，简单介绍了WebGL画一个基础图形的流程，希望你了解之后，在使用3d渲染库的时候可以少点迷糊。
凹凸实验室·2024-01-21 14:03

纹理的各向异性采样

图片来自：http://acko.net/files/fullfrontal/fullfrontal/webglmath/online.html各向异性采样参见http://www.cnblogs.com
ryfdizuo·2024-01-21 10:14

OpenHarmony开发之WebGL开发指导与介绍

WebGL的全称为WebGraphicLibrary(网页图形库)，主要用于交互式渲染2D图形和3D图形。
码中之牛·2024-01-21 10:21

【着色器实现扣绿幕效果_Shader效果】

Shader"Custom/MakeTransparent"{Properties{_MainTex("Texture",2D)="white"{}_KeyColor("KeyColor",Color)=
暴走约伯·2024-01-21 03:44

cocos creator 抗锯齿

这个可以通过ENABLE_WEBGL_ANTIALIAS来开启webgl的抗锯齿/**!
岑吾·2024-01-20 21:23
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他