当前位置: 首页 > news >正文

wordpress 主题广东seo网站推广代运营

wordpress 主题,广东seo网站推广代运营,建立微信群的步骤,sql做网站qml实现的水波纹特效 1.横向波纹效果2.另一种效果(纵向波纹) 一直以来使用c qt如果要实现一些高级特效比如水波纹效果都难度比较大,但是使用qt quick难度就会小很多。这里借鉴一些网友的思路简单实现一下水波纹效果。主要思路就是波浪的形成是…

qml实现的水波纹特效

  • 1.横向波纹效果
  • 2.另一种效果(纵向波纹)

一直以来使用c++ qt如果要实现一些高级特效比如水波纹效果都难度比较大,但是使用qt quick难度就会小很多。这里借鉴一些网友的思路简单实现一下水波纹效果。主要思路就是波浪的形成是基于sin曲线,以此来影响纹理坐标的颜色,然后加上时间动画不断改变曲线的坐标,从而达到一个波动效果。

1.横向波纹效果

Window {visible: truewidth: 800height: 600title: "Water Ripple Effect"Image {id: sourceImgwidth: 800height: 600source: "qrc:/12.png"}ShaderEffectSource {id: shaderSourcesourceItem: sourceImglive: true}ShaderEffect {id: waterEffectanchors.fill: parentproperty variant sourceTexture: shaderSourceproperty real frequency: 10property real amplitude: 0.04property real time: 0.0NumberAnimation on time {from: 0.0to: Math.PI*2duration: 1000loops: Animation.Infinite}fragmentShader: "varying highp vec2 qt_TexCoord0;uniform sampler2D sourceTexture;uniform highp float frequency;uniform highp float amplitude;uniform highp float time;void main() {highp vec2 pulse = sin(time - frequency * qt_TexCoord0);highp vec2 coord = qt_TexCoord0 + amplitude * vec2(pulse.x, -pulse.x);gl_FragColor = texture2D(sourceTexture, coord);}"}
}

效果如下-波涛汹涌:
在这里插入图片描述

2.另一种效果(纵向波纹)

Window {visible: truewidth: 800height: 600title: "Water Ripple Effect"Image {id: sourceImgwidth: 800height: 600source: "qrc:/12.png"}ShaderEffectSource {id: shaderSourcesourceItem: sourceImglive: true}ShaderEffect {id: waterEffectanchors.fill: parentproperty variant sourceTexture: shaderSourceproperty real frequency: 10property real amplitude: 0.08property real time: 0.0NumberAnimation on time {from: 0.0to: Math.PI * 2duration: 1000loops: Animation.Infinite}fragmentShader: "varying highp vec2 qt_TexCoord0;uniform sampler2D sourceTexture;uniform highp float frequency;uniform highp float amplitude;uniform highp float time;void main() {highp vec2 uv = qt_TexCoord0;highp float wave = sin(uv.y * frequency + time) * amplitude;uv.x += wave;gl_FragColor = texture2D(sourceTexture, uv);}"}
}

效果-树的摇曳:
在这里插入图片描述

修改下频率和振幅效果:

property real frequency: 60
property real amplitude: 0.02

在这里插入图片描述
这样看起来是不是有点波光粼粼的感觉了。挺有趣的~!0…0
代码链接奉上感兴趣的可以研究玩玩:
波纹效果代码地址

作者:费码程序猿
欢迎技术交流:QQ:255895056
转载请注明出处,如有不当欢迎指正

http://www.jinmujx.cn/news/113491.html

相关文章:

  • 建设个人网站多少钱在线代理浏览国外网站
  • seo网站建设技巧网络推广产品要给多少钱
  • 美国官网amazon廊坊seo
  • 网站制作导航栏怎么做网站建设优化400报价
  • 成品在线网站免费入口软文街官网
  • 文化传媒公司网站模板公司软文推广
  • php网站上线发外链比较好的平台
  • 网站开发毕业周记谷歌引擎搜索
  • 奶茶网页设计图片seo推广公司哪家好
  • 小微企业网站建设域名ip查询
  • 领优惠券的网站是怎么做的网络广告营销的特点
  • 网站更改指定字段天津seo诊断
  • 设计网站可能遇到的问题百度上搜索关键词如何在首页
  • 下载页面设计图片seo点击器
  • 北京高端网站建设咸阳jmr119色带
  • 昆山做网站的公司有哪些个人网站模板
  • 做网站公司什么条件重庆百度seo公司
  • 价格便宜的网站建设线上营销活动主要有哪些
  • 北京做网站开发公司独立站平台选哪个好
  • 深圳 德 网站建设厦门百度快速优化排名
  • 潘家园做网站的公司百度竞价推广屏蔽软件
  • yahoo网站提交百度怎么找人工客服
  • 天蓝色美容网站百度一下子就知道了
  • 给网站权限软文营销是什么
  • 长春网站建设公司公司网站建设哪个好
  • 济南建网站国外市场网站推广公司
  • 微信端微网站怎么做优化网站排名技巧
  • 网上接活做的网站宁波seo关键词优化报价
  • 广州 网站 建设 制作网站查询工具seo
  • 企业网站开发的感想设计网站接单