效果图 Demo源码 wxml <view class="loading"> <view class="circle"> <view class="wave"></view> </view> </view> wxss 在这里插入代码片 ...
分类:
微信 时间:
2021-01-28 11:53:47
阅读次数:
0
效果:让波纹在鲨鱼身上动 设计思路:模型上有多个贴图,找到一张黑色背景的贴图(我们这里贴图使用的叠加的方式,而黑色背景的贴图,黑色(0,0,0,0)不会产生任何影响) 在unity中找到一个模型,找到它的材质面板,创建一个shader(unlit shader) Shader "Custom/Big ...
分类:
其他好文 时间:
2020-09-17 17:38:39
阅读次数:
35
Shader "Unlit/WaterEffect"{ Properties { _MainTex ("Base (RGB)", 2D) = "white" {} _StartX("StartX",Float) = 0.5 _StartY("StartY",Float) = 0.5 _WaveStr ...
分类:
其他好文 时间:
2020-07-16 18:09:20
阅读次数:
59
前赤壁赋 【作者】苏轼 【朝代】宋译文对照壬戌之秋,七月既望,苏子与客泛舟游于赤壁之下。清风徐来,水波不兴。举酒属客,诵明月之诗,歌窈窕之章。少焉,月出于东山之上,徘徊于斗牛之间。白露横江,水光接天。纵一苇之所如,凌万顷之茫然。浩浩乎如冯虚御风,而不知其所止;飘飘乎如遗世独立,羽化而登仙。 于是饮酒 ...
分类:
其他好文 时间:
2020-06-22 23:12:14
阅读次数:
92
1.示意图 2.结构 3.wave.html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS实战 - 波浪</title> <style type="text/css"> .wave-box{ b ...
分类:
Web程序 时间:
2020-06-09 18:16:38
阅读次数:
83
css之水波效果 没事实现了一个小效果,贴上来分享分享 先看看效果 上代码 :root{ background: #ddd; } body{ position: relative; } ripper{ width: 50px; height: 50px; background: rgba(0,0,0 ...
分类:
Web程序 时间:
2020-06-03 17:36:11
阅读次数:
92
《每周一点canvas动画》——差分函数的妙用 每周一点canvas动画代码文件 好像上次更新还是十一前,这唰唰唰的就过去大半个月了,现在才更新实在不好意思。这次我们不涉及canvas 3D的内容,主要分享一个比较炫的动画效果,可以算是上一篇文章《每周一点canvas动画》——3D点线与水波动画的加 ...
分类:
其他好文 时间:
2020-05-21 00:17:13
阅读次数:
51
前言 由于透明混合在不同的绘制顺序下结果会不同,这就要求绘制前要对物体进行排序,然后再从后往前渲染。但即便是仅渲染一个物体(如上一章的水波),也会出现透明绘制顺序不对的情况,普通的绘制是无法避免的。如果要追求正确的效果,就需要对每个像素位置对所有的像素按深度值进行排序。本章将介绍一种仅DirectX ...
分类:
编程语言 时间:
2020-02-07 12:23:39
阅读次数:
92
多普勒效应讲的是,在运动状态中,波的频率与波长相对观察者的变化。以前教科书上用声音来做说明,这里找张水波的图来类比,非常的清晰直观。 水波在扩散中,一圈圈的周长不断变大,波峰之间的距离也逐渐增加。根据此效应,哈勃发现了星系红移现象,开创了现代天文学,有力的支持了宇宙大爆炸理论。 ...
分类:
其他好文 时间:
2020-01-30 09:30:14
阅读次数:
84
前言 有关计算着色器的基础其实并不是很多。接下来继续讲解如何使用计算着色器实现水波效果,即龙书中所实现的水波。但是光看代码可是完全看不出来是在做什么的。个人根据书中所给的参考书籍找到了对应的实现原理,但是里面涉及到比较多的物理公式。因此,要看懂这一章需要有高数功底(求导、偏导、微分方程),我会把推导 ...