首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
孔小建
掘友等级
前端开发
|
网易
动效 | Canvas | WebGL | 其他
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
93
文章 88
沸点 5
赞
93
返回
|
搜索文章
赞
文章( 88 )
沸点( 5 )
[WebGL] 流动图片——Flow Map
什么是FlowMap 通俗来讲就是一个向量图片,图片中的每个像素对应的颜色代表的是这个位置的向量,也就是纹理在该位置的流动方向。
Three.js 实现3D开放世界小游戏:阿狸的多元宇宙 🦊
2545光年之外的开普勒1028星系,有一颗色彩斑斓的宜居星球 🌑,星际移民 👨🚀 必须穿戴基地发放的防辐射服才能生存。阿狸 🦊 驾驶星际飞行器 🚀 降临此地,快帮它在限定时间内使用轮盘移
深入WebGL后处理特效——掌握变形技
变形特效是处理和增强画面效果的一类后处理技术,经常被应用在各类相机短视频app特效中,如美颜瘦身、哈哈镜特效。
Three.js粒子特效,shader渲染初探
关于Three.js,网上有不多不少的零碎教程,有些过于初级,有些云里雾里,而Three.js官网上的示例逼格之高又令人望而却步,这些对于没学过计算机图形学的童鞋来说,就像入门迈槛不知先迈左脚还是右脚,兴趣使然,于是我就先双脚蹦了进去试试水...... 可以观察到成品效果:粒子…
实现一个GPU压缩纹理的GLTF扩展
很早之前就听公司的WebGL同时调研过GPU压缩纹理,我之前也做过一些调研,发现有basis_universal工具可以实现快速的uastc、etc1s快速transcode到对应平台所支持的压
[webGL] 小米炫彩后盖材质分析
在小米出mi 11的时候,就注意到小米商城app下有360全景体验手机的功能,第一次打开的时候给我的感觉是很震撼,震撼的不是模型,而是看到它的炫彩后盖能够渲染的那么真,感觉和真机是一模一样的,然后我就自己下载了手机模型,自己去做材质,发现怎么都实现不了这种炫彩材质,兴趣一下就没…
【前端图形学】如何判断一条路径存在交叉
在可视化应用中,我们经常会遇到需要判断一个路径是否存在交叉的需求。根据路径交叉与否可以判断多边形是否是简单多边形,以及判断交通路线是否有十字路口等等。 这个问题实际上本质上是判断两个线段是否相交。因为路径是由线段构成,我们只要判断除了相邻线段外,没有其他线段两两相交即可,JS代…
支付宝2020新春活动WebGL技术实践
新春红包项目,作为每年用户基数最大的支付宝活动之一,对整个项目组的技术都是一个很大的考验。而作为前端,我们的技术考验就是如何在保证稳定性的同时,为用户不断带来更好的创新体验。 而今年的新春红包项目相比以前,多了不少互动图形方面技术的运用,尤其是第一次对 3D(WebGL)技术的…
深究 JavaScript 数组 —— 演进&性能
深究 JavaScript 数组 —— 演进&性能作者:Paul Shan 原文:Diving deep into JavaScript array - evolution & performance 写文章前我要说一下,这篇文章不是讲 JavaScript 数…
canvas系列-打造精灵涂鸦效果
这个时候就已经可以看出会对像素进行偏移操作,接下来就可以来讨论反向运动学的东西了,反向运动学的核心是由自由端来带动连接端,也就是说,我们需要由外面的点来带动中间的点,形成联动效果,这个时候,我们就需要对图像进行网格化,对网格进行拓扑处理,这样,就差不多可以实现了上方的效果。 但…
下一页
个人成就
文章被点赞
299
文章被阅读
26,505
掘力值
1,040
关注了
26
关注者
205
收藏集
30
关注标签
47
加入于
2017-09-29