-
three.js使用遮罩(mask)和复合(composition)技术实现电影特效:城市龙卷风
webgl masking & composition example: city twister
-
webgl2遮挡剔除算法实现参考代码
webgl2 features: Vertex Arrays, Uniform Buffers, Immutable Textures, Occlusion Query
-
使用CSS mask-image和background-image实现带阴影的3D球体
3D sphere with shadows,使用遮挡图(mask-image)实现的阴影效果。
-
three.js教程:如何把html元素(如文本)和3D对象对齐
html元素和3D对象之间的对齐(alignment)常用于给3d对象添加标识和说明文本,比如3D地图中的地名、场所的标注解释等。本例实现了遮挡检测和z-index排序。
-
学习使用CSS3 mask-image属性实现图片遮罩特效
Animated css mask-image,mask-image等于使用遮盖图的外形来裁剪被遮盖的图片,支持动图。
-
SVG和CSS3 mask(遮盖)特性各种使用方式代码示例和详细图解
CSS and SVG clip,clip-path and masks,内含参考教程链接。
-
基于P5.js实现的粒子背景动画和文本掩码特效
P5.js particles & text mask,使用P5.js加载webfont渲染文本和粒子。
-
使用CSS3背景裁剪(background-clip)特性实现的文本标题透视特效
Text Mask Effect,背景图片有一种科幻片外星球的感觉。
-
HTML5 CSS3新奇的响应式皂形网格布局页面模板 | mask-image使用示例
Responsive gallery with CSS Grids,比较有新意的一个照片墙设计布局,其中不规则图形遮罩使用mask-image特性(svg矢量图)实现。可用来制作相册或者奇石盆景。
-
使用SVG和CSS3 mask特性实现的文本内视频遮罩特效
SVG video mask on text,气球视频遮掩文本特效,本例是一个学习CSS3 mask特性和SVG video mask的很好的例子,而且动画特效也很实用。
- 推广服务(新)
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用户手册和使用说明
更多...