Laya水波shader

最新推荐文章于 2023-12-07 14:27:27 发布
最新推荐文章于 2023-12-07 14:27:27 发布
阅读量1.3k 收藏 6
点赞数 1
分类专栏： Laya 文章标签： shader
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/licky121/article/details/114581909
版权
本文介绍如何在Laya2.4版本中应用WaterMaterial.ts shader，实现水波效果。通过关键代码展示，讲解了直接使用的步骤。
摘要由CSDN通过智能技术生成

先上主要代码： WaterMaterial.ts

import Shader3D = Laya.Shader3D;
import SubShader = Laya.SubShader;
import BaseTexture = Laya.BaseTexture;
export default class WaterMaterial extends Laya.Material {
   
    public readonly MAIN_TEX: number = Shader3D.propertyNameToID("u_MainTex");
    public readonly NOISE_TEX: number = Shader3D.propertyNameToID("u_NoiseTex");

    constructor() {
   
        super();
        this.setShade
最低0.47元/天 解锁文章
Six_Sir
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Unity3D Tasharen Water Shader 水面效果插件
07-31
Unity3D 水面效果插件 Tasharen Water Shader U3D插件
LayaBox2D使用自定义Shader的方法
分享即学习
01-07 3785
-前言- 之前也写过一篇关于Laya2D自定义Shader的博客。不过那篇博客局限性太大，是完全独立于Laya框架下独自更新的。不能通过Laya的添加层级关系，设置坐标等。所以这次Shader方案是基于Laya的运行框架下的。 -正文- Laya框架简述 在开始说具体方案时，还是先来了解下Laya框架的运行规则。 Laya框架下分为3块： 用户逻辑层，这一层逻辑是我们自己写游戏的逻辑层，基于Ti...
Laya 3.0 Shader 简单介绍
ljttao的博客
10-25 385
Laya3.0 Shader
Laya Shader消融特效
jts666的博客
07-23 1176
Laya2.10.0 Shader消融特效
Laya小游戏开发，laya3D美术篇——1——关于laya自带的几个shader的基础运用讲解。
qq_37576129的博客
03-09 2532
用laya材质，还原app中的光照效果，以及laya几种shader的讲解与使用。
Laya shader预编译 解决粒子特效卡顿
qq_29835413的博客
07-18 1293
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
羽化遮罩水波 纯代码水波（AS3.0 2.0）.rar
01-15
本项目名为“羽化遮罩水波 纯代码水波（AS3.0 2.0）”，显然它是使用ActionScript 3.0（AS3）和Laya框架实现的纯代码水波效果。ActionScript是一种广泛用于创建富互联网应用程序（RIA）的编程语言，而Laya是一个开源...
laya ts 游戏框架 laya版本2.8
02-07
《laya.ts游戏框架在Laya版本2.8中的应用详解》 在现代游戏开发领域，Laya引擎因其高效、跨平台的特性而备受青睐，尤其是其与TypeScript（简称ts）的结合，为开发者提供了更为强大的静态类型检查和代码组织能力。...
Laya和iframe通信.zip
11-23
在IT行业中，Laya是一个基于WebGL的2D和3D游戏引擎，它允许开发者创建高性能的游戏和交互式应用。而iframe（内联框架）是HTML中的一个元素，用于在单个网页上嵌入另一个网页内容。两者之间的通信是前端开发中的一个...
植物大战僵尸 Laya 版本
08-26
《植物大战僵尸 Laya 版本》是一款基于Laya技术开发的策略塔防游戏，它将经典的植物大战僵尸玩法与现代技术相结合，为玩家带来全新的游戏体验。Laya是一个跨平台的游戏开发框架，支持HTML5、Android以及iOS等多个...
Laya追踪效果源码
10-23
在IT行业中，Laya是一个基于WebGL的2D和3D游戏引擎，它提供了一种高效、跨平台的方式来创建互动的图形内容。本资源“Laya追踪效果源码”涉及到了Laya引擎中的动画和特效处理，特别是追踪效果的实现。这种效果常用于...
Laya3.x版本,2D使用自定义shader
q641187432的专栏
07-07 954
Value2D类是 LayaAir 图形渲染系统中着色器处理的核心类，它主要用于封装 WebGL 渲染相关的数据，以便在着色器程序中使用。这些数据包括顶点、纹理、颜色等信息。Value2D的实例会根据不同的需求传递给 GPU，用于控制图形渲染。在 LayaAir 的绘制系统中，有许多继承自Value2D的子类，如TextureSV等。这些子类用于处理不同类型的图形渲染任务，例如纹理渲染、基本图形渲染等。总之，Value2D是 LayaAir 游戏引擎中一个关键的基础类，用于处理图形渲染的各种参数和数据。
LayaShader3D 之 动态显隐模型
qq_34072222的博客
03-07 548
这个一般是用于 一些需要的显示效果。例如城市建筑之类的……模型 从下到上显示。
LayaShader3D 之 波动的橡皮人
qq_34072222的博客
03-09 3745
起伏的水球
Laya Shader3D之边缘光照
qq_34072222的博客
10-24 964
Laya 3DShader （边缘光照 使用） 前言 自己提升，学习，接触到图形学、shader，希望研究一下，进一步提升自己。 这边会持续学习shader相关方向，由于使用的引擎是Laya，所以……这边就用Laya引擎研究、学习了。 今后会学习研究下面的点： 1、3Dshader效果 2 、2Dshader效果 3、后期处理效果 4、实例化渲染应用 5、……其他的 这个账号会持续更新。 上面都是官方文档有得，[2] 好像不多，得自己研究哈……所以说道路还是非常长滴。 //以后应该会
Shader编程语法汇总
最新发布
一个人的夏天
12-07 1047
当一个SubShader包含多个ShaderPass的时候，实质为多Pass渲染，每一个ShaderPass，都会对使用该Shader的精灵渲染一次，所以可以实现各种特殊的效果，但是也会为性能带来一定的压力。是一个映射，key为渲染状态的名称，value为其对应的索引，常用的渲染状态有 Cull，Blend，BlendSrc，BlendDst，DepthTest，DepthWrite。uniform变量主要用于定义与顶点信息无关的变量，只要是与顶点坐标无关的变量，基本都会用uniform来定义。
LayaBox2.0使用自定义Shader（WebGL）踩坑系列
分享即学习
09-04 7769
-前言- 因为工作需要，要在游戏中自定义Shader，去翻论坛的时候发现2.0已经没有官方支持自定义Shader了。 只好研究研究自定义Shader如何实现。这个方法会涉及修改laya.core.js中源代码。如果对Laya2D渲染感兴趣的也可以去看看具体实现。 之前关于阅读Laya源代码的文章提到过，Laya核心帧循环逻辑在Render中的render函数。我们的自定义Shader就要跟l...
Laya2.0 2D shader逻辑 记录
weixin_44414976的博客
06-29 324
上传规则是编译时提取出shader需要上传的参数，与上传函数绑定在一起，这样就只用查询一次shader所以需要的值。记录一下Laya2.0 2d shader逻辑，有三个基础类，Shader2D，Shader，Value2D。Value2D：负责存储shader需要的参数，有点像unity的材质球，通过材质球改shader参数。2d 渲染Laya没有unity那么灵活，Laya2.0还能看到对canvas渲染的代码支持，比如设置Alpha的逻辑，这就导致又些代码比较奇怪。
Shader-水波纹效果
yiwei151的博客
11-24 3043
效果： Shader代码：Shader "Custom/shuibowen"{ Properties{ _MainTex("Base (RGB)",2D)="white"{} _distanceFactor("Distancefactor",float)=1 _timeFactor("time factor",float)=2
Laya分包教程：小米快游戏无积分分包步骤
"这篇教程介绍了如何使用Laya引擎进行分包操作，特别是针对小米快游戏平台，以解决包体大小超过限制的问题。" 在开发基于Laya引擎的游戏或应用时，有时会遇到包体大小超出平台限制的问题。本文提供了一个简单易懂的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值