请问彩色水杯这个倒水功能展示是什么思路呢

978324979 · 2022年11月8日 07:51

这个彩色水杯，水杯斜着，水是平的有什么思路或帖子吗

215194780 · 2022年11月8日 08:06

这是我学习shader的一个练手项目 [倒水] 实现倒水动作，核心问题有三个。杯子倾斜过程中，水面要保持水平水要根据颜色分层倒水的时候第一层水面要荡漾起来对于问题一，旋转的过程中要保证水的体积不变，我是假定瓶子是个矩形（不考虑圆底），根据瓶子水量和瓶子倾斜角度，计算出水面的中点，然后将纹理坐标绕这个中点进行旋转，然后丢弃y>0的像素。计算中点需要区分高度和倾斜角的几种情况，要判断水面有没有触及瓶口以及瓶底，再根据三角关系算出体积不变的情况下，对某一倾斜角度水面的中点 float ratio = iResolution.y/iResolution.x; bool toLeft = sin(angle)>=0.0; vec2 center = vec2(0.5,1.0-_height);//水面倾斜时，以哪个店为中心点 float _t = abs(tan(angle)); if(_height<0.5){//水的体积小于杯子的一半,先碰到下瓶底 bool is_bottom = _t/ratio>2.0*_h…

使用Graphics模仿的Water Sort Puzzle（一） Creator 2.x

摘要好久没有写过文章了，现在给大家分享下近期比较火的Water Sort Puzzle小游戏，这里是使用的Graphics进行绘制实现，个人认为使用物理+shader进行流体的实现效果会更好且代码相对简单明了，因为只写了2-3天时间没有做过多的优化，这里只进行大体流程的分享该方案并不是最优方案，仅做参考。版本说明使用 CocosCreator 的 2.4.3 版本。开始效果演示： [01] [02] 介绍：怎么使绘制的形状显示在试管中如何绘制正常时的形状（这里我分为了正常时的形状和倾斜时的形状，正常时形状高度为100）试管倾斜时里面的液体怎么同时进行倾斜考虑倒水的试管怎么出现流动效果，以及中间部分如何衔接，被倒入的试管如何显示液体流下（后续更新）如果相同颜色的怎么进行一同流入（后续更新）进入正题：怎么使绘制的形状显示在试管中这里我使用的是Mask组件进行设置，我们需要准备两张图片一张为试管图，另一张为试管中间部分图片，然后再Mask组件Type类型选择IMAGE_STENCIL模式并把准备的图片拖入SpriteFrame中，mask节点宽高设…

https://mp.weixin.qq.com/s/DXl7_rvI5fS3Fg-OmHvgmg

978324979 · 2022年11月8日 08:06

我测！！！一模一样感谢大佬！

13393703870 · 2022年11月8日 11:29

之前做了一个全用遮罩实现的

roadright · 2022年11月8日 14:46

mark!!!