-
使用Three.js实现图像展开(卷轴)动画特效
Image Unroll Effects with Three.js,垂直、斜角和水平方面的图像展开。
-
使用three svgloader实现svg图像和3D粘稠物混合特效
以svg图为背景,在图中加入3d模型(本例是口香糖状的多面体)和动画。
-
如何使用three.js实现粘稠图片交互特效
How to Create a Sticky Image Effect with Three.js,图像的水纹扭曲失真特效。
-
3个使用svg滤镜实现的图像失真变形特效
Image Distortion Effects with SVG Filters,含在线教程。
-
webgl three.js 上帝之手(把2d图像转换为3d图像)
2d image to 3d space particles with shader,原理上是把颜色值换算成了深度值。
-
html5 canvas熊猫变龙图像动画特效
panda image to dragon with h5 canvas,像素粒子流变换。
-
酷!使用WebGL Three.js实现幻灯片切换时(页面滚动)图像像素位移切换特效
displacement effects when scroll with webgl,支持上下箭头切换,可用来制作炫酷的相册(gallery slider)。
-
学习如何使用深度贴图和纯WebGL来给图像创建交互式伪3D效果
Create a Fake 3D Image Effect with WebGL,鼠标移动(或者在手机设备上倾斜)时背景图像呈现一种3D景深特效。
-
pixi.js和pixi-filters实现的波浪和涟漪动画特效
shock wave with pixi filters.js,细粒度网格背景。
-
webgl实现图像交互式光照特效着色器代码
鼠标所在位置高亮聚光特效,可用来模拟手电筒局部照亮。演示如何在着色器中使用光源位置。
-
Pixi.js带位移图(置换贴图)特效的幻灯片和电商模板(独特的交互体验)
PIXI Displacement Map Slider,图片切换时带轻度流水扭曲特效。本例可以作为一个完整的响应式商品列表页模板(带汉堡菜单、商品图片点击放大、购物车)。
- 推广服务(新)
HTML5免费在线教程
techbrood.com
我想推广...- 最新文章
WebGIS(Web Map)基础概念简介
大地水准面 (geoid)大地水准面是海洋表面在排除风力、潮汐等其它影响,只考虑重力和自转影响下的形状,这个形状延伸过陆地,生成一个密闭的曲面。虽然我们通常说...
Stone 3D Demo Cases
新能源虚拟城市概念展https://wow.techbrood.com/static/20210108/60580.html邻里家全景图浏览https://wow.techbrood.com/static/20210223/61008.html3D电子调音...
Techbrood Stone 3D IDE Release Notes
Stone 3D致力于在沉浸式网页(web3d/webxr)应用领域提供一款可以和Unity、Unreal相互竞争的轻量级引擎。Stone的体量只有Unity、Unrea...
Linux Apache2如何开启gzip (deflate module) 压缩功能
检查你的网站是否启用了gzip,用chrome打开网站比如http://www.techbrood.com选中一个请求,查看Response header部分,...
网页3D编辑器Stone用户手册和使用说明
更多...