-
WebGL WebVR版本的雷神之锤3在线演示版
online webxr game of quake 3。包含雷神之锤3D地图、旗帜飘扬、魔法光影、体积光、云雾粒子等特效,支持基础移动和跳跃交互操作。可作为webgl shader的经典学习案例。
-
three.js FilmPass全局雾粒子光线特效
black sun with three.js shaderpass, copyshader, filmpass,整体呈现老电影(电视)屏幕高频粒子闪烁视觉效果。
-
WebGL Three.js无人机(飞行器)极速穿越动画和光影特效
drone fly through tunnel, 可以切换到VR模式观看。很棒的一个作品!
-
难以置信!纯CSS三维真实感的鸡蛋(带光照和倒影)
CSS Eggs,使用filter: blur实现的光照特效。最棒的CSS作品之一!或许没有“之一”!
-
使用Pixi.js制作带上帝之光特效的海底世界水母浮游动画
deep in the sea with godray filter
-
使用CSS3实现按钮悬停时斜向光影掠过背景特效
Button Shine, 一个简单的实例可以用来学习使用background-image: linear-gradient来制作高级动画特效。
-
WebGL Three.js 球体碎片化毛刺特效着色器代码
Sphere Fragmentation,可用于展厅穹顶的光影特效。
-
WebGL Three.js 全息投影(体积光 | 镭射光)特效着色器代码
Holographic Projection,可用于增强现实场景的效果展示。很实用的着色器代码。
-
CSS3一个很棒的日食光晕特效
solar eclipse,使用CSS3渐变(linear-gradient)、滤镜(filter)和box-shadow实现的光影动画特效。很逼真的光线芒刺模拟。
-
HTML5 Canvas球坐标系投影到二维直角坐标系实例演示
使用canvas 2d模拟三维空间的光芒漫射特效。无论多炫的3D效果也只是二维平面上的投影,除非进入VR场景。其核心就是把球坐标系投影到二维直角坐标系,以模拟3d视觉感受。
-
WebVR A-Frame教程:实体-组件-系统完整实例在线演示
使用了A-Frame注册表(Registry )中多个社区组件并且使用了unpkg CDN。海洋之球光影特效。
-
WebGL Three.js 3D森林日夜更替场景动画
WebGL Wood with Sun Animation, 很漂亮的落日(夕阳)余晖洒落山林的光影特效!
- 推广服务(新)
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用户手册和使用说明
更多...