怎么用JS画出圆柱形罐体内液体高度效果图

奇点码农 2017-10-31 05:35:37

VS2017(C# MVC BS的)做项目,现在遇到个难点,有一个罐体,现在要画出罐体内的液体高度效果图.跪求大神!能给源码最好了,感谢感谢!

...全文

399 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

奇点码农 2019-04-04

打赏
举报

回复

引用 3 楼荭宿公子的回复:

canvas

嗯，就是用他它画的。好几个月前的，项目都验收了！

时苏 2019-04-04

打赏
举报

回复

canvas

奇点码农 2017-10-31

打赏
举报

回复

大神们给个指点啊

使用three.js绘制的具有立体感的水波面效果，里面涉及很多算法，没有思路的同学可以借鉴一下。

使用相同的路径创建两条管道，一条用于透明管道，一条作为管道内流动的液体。需要注意的是，透明管道材质需要设置depthWrite=false;否则内部流动的液体会被遮挡无法显示。

Three.JS_LiquidSeeksItsOwnLevel 使用THREE.JS和PIE库制作的交互式动画，讲述液体的液位搜索特性。

CAD机械设计赛项多选题样题

今天这篇文章所实现的动画效果起源于一个小小的想法，这个想法来自于另一个网站的一篇文章，它介绍了如何在网页中使用CSS、图片和JavaScript创建立体的柱状图。在阅读了那篇文章之后，我想挑战一下，尝试使用纯CSS来实现相同的效果。一开始的难点在于创建一个六面半透明的立方体，而后面的难点在于如何创建一个完整的带有动画效果的3D柱状图。下面，我们就一起来看一下如何解决这些难点。让我们先列举一些要实现的要求，我们所实现的柱状图应该是：背景独立（即柱状图与背景互不影响）自适应的（柱子数量的多少不会影响.

87,993

社区成员

224,694

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章