首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
WEBGL
订阅
酒宝
更多收藏集
微信扫码分享
微信
新浪微博
QQ
2篇文章 · 0订阅
[WebGL] 百万流畅流体粒子
前段时间领导要我做一个流体粒子的demo,正巧我也最近在看一些流体、烟雾的文章,接到任务兴奋劲儿一下就上来了,因为没有实践过,而且效果看着很不错,于是乎我脑海里就在想整个流程,遇到其中一个硬性问题就是流体粒子每一个都有自己的速度和坐标,那我用js去运算且更新这些数据岂不是很耗性…
webgl实现火焰效果
为了实现上面的效果我们先来构建出canvas的DOM,以及相关的shader代码。 这里的步骤和这篇文章中第一步是相同的,你可以移步这里查看,或者在最后我也会附上全部的代码(不要忘记引入相关的js文件)。 需要注意的是为了让火焰的位置在中间我这边canvas的宽度设置为了375…