沉浸式互联网体验和学习门户

动效博客教程手册快讯

124

￥ 2

HTML5/Three.js 3D地形高度图

Terrain from heightmap 从一张高度图绘制出3D地形。

评论 (2) 收藏购买

发布：2016-11-20 浏览：3306次
115

￥ 1

Earth2050 - WebGL流浪地球特效

KASPERSKY EARTH 2050, 含透明大气层、地球表面大陆板块地图（球面大陆打点）、火山喷发（球面径向光锥）特效。

评论 (6) 收藏购买

发布：2018-03-29 浏览：24058次
99

￥ 1

HTML5涂鸦跳跃（Doodle Jump）小游戏

HTML5跳跃小游戏，用左右键控制方向，空格键重新开始。

评论 (4) 收藏购买

发布：2017-02-27 浏览：19051次
92

免费

超酷！webgl制作的逼真草原（草地）实时渲染场景

Realistic real-time grass rendering，风吹草动的动画特效，迄今为止最为真实的3D草地效果。

评论 (2) 收藏

发布：2019-03-27 浏览：20856次
91

免费

纯CSS实现的折纸飞鸟飞翔动画

Paper Bird in pure css，飞行的小鸟，还有模拟御风飞行的场景环境以及阴影。很有创意的一个作品！

评论 (5) 收藏

发布：2017-09-13 浏览：23340次
88

免费

HTML5 RPG游戏风格的技能树/路线图

什么叫精通网页开发，如何成为全栈工程师，且看此图。本图克隆自@352工作室，部分内容结合实际情况做了修改： http://wow.techbrood.com/fiddle/8623

评论 (3) 收藏

发布：2015-11-08 浏览：15921次
87

￥ 1

HTML5 | WebGL高性能烟花绽放动画

webgl fireworks，性能表现最好的一个烟花绽放动画，比CSS3的版本好太多！

评论 (3) 收藏购买

发布：2017-01-01 浏览：18093次
87

免费

使用SVG实现的圆点跳跃过渡的分页动画

SVG Page Hopper 也可以用于图片轮播控件的底部圆点切换导航条。

评论 (2) 收藏

发布：2016-03-12 浏览：5205次
86

免费

简单JS实现的可拖拉可箭头点击循环幻灯片

Plain Javascript Draggable Infinite Slider

评论 (2) 收藏

发布：2018-08-24 浏览：4213次
84

￥ 1

使用three.phenomenon构建的3D模型消解动画特效

WebGL Model Resolution Animation，小球所在特定球径范围内立方体的网格被消除。

评论 (2) 收藏购买

发布：2019-03-01 浏览：1934次
84

￥ 1

使用CSS3 PerspectiveTransform实现的逼真3D地球自转动画

CSS Non-webgl realistic globe 支持鼠标拖拉来转动球体。点击可以放大地图到局部区域。本例还使用了圆柱投影坐标映射来获得3D视觉效果。

评论 (18) 收藏购买

发布：2015-04-16 浏览：28335次
83

免费

难以置信！纯CSS三维真实感的鸡蛋（带光照和倒影）

CSS Eggs，使用filter: blur实现的光照特效。最棒的CSS作品之一！或许没有“之一”！

评论 (3) 收藏

发布：2018-11-20 浏览：46066次
78

￥ 1

WebGL Three.js 龙卷风和风暴闪电冰咆动画模拟

2018推荐作品！

评论 (2) 收藏购买

发布：2017-11-17 浏览：2241次
78

￥ 1

HTML5 身临其境的天气预报网页应用+雷雨特效

使用WebGL技术实现的真实下雨动画。包含鼠标感知、磨砂玻璃、雨滴滑落淡入淡出、闪电、环境污染效果。很棒的一个移动Web App作品。

评论 (5) 收藏购买

发布：2015-11-08 浏览：10684次
74

免费

nanogl逼真的3D冰凌雪花模型和漫天飞雪特效

Snowflake by nanogl.js and gl-matrix.js，带鼠标交互。

评论 (2) 收藏

发布：2018-12-31 浏览：17826次
74

￥ 1

three.js随机生成3D条形图 | 柱状图

3d bar charts based on three.js

评论 (4) 收藏购买

发布：2020-09-11 浏览：147次

推广服务（新）

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用户手册和使用说明
 Stone 3D Version 2.1 Manual

更多...

在线作品

Terrain from heightmap 从一张高度图绘制出3D地形。

KASPERSKY EARTH 2050, 含透明大气层、地球表面大陆板块地图（球面大陆打点）、火山喷发（球面径向光锥）特效。

HTML5跳跃小游戏，用左右键控制方向，空格键重新开始。

Realistic real-time grass rendering，风吹草动的动画特效，迄今为止最为真实的3D草地效果。

Paper Bird in pure css，飞行的小鸟，还有模拟御风飞行的场景环境以及阴影。很有创意的一个作品！

什么叫精通网页开发，如何成为全栈工程师，且看此图。 本图克隆自@352工作室，部分内容结合实际情况做了修改： http://wow.techbrood.com/fiddle/8623

webgl fireworks，性能表现最好的一个烟花绽放动画，比CSS3的版本好太多！

SVG Page Hopper 也可以用于图片轮播控件的底部圆点切换导航条。

Plain Javascript Draggable Infinite Slider

WebGL Model Resolution Animation，小球所在特定球径范围内立方体的网格被消除。

CSS Non-webgl realistic globe 支持鼠标拖拉来转动球体。点击可以放大地图到局部区域。本例还使用了圆柱投影坐标映射来获得3D视觉效果。

CSS Eggs，使用filter: blur实现的光照特效。最棒的CSS作品之一！或许没有“之一”！

2018推荐作品！

使用WebGL技术实现的真实下雨动画。包含鼠标感知、磨砂玻璃、雨滴滑落淡入淡出、闪电、环境污染效果。 很棒的一个移动Web App作品。

Snowflake by nanogl.js and gl-matrix.js，带鼠标交互。

3d bar charts based on three.js

什么叫精通网页开发，如何成为全栈工程师，且看此图。本图克隆自@352工作室，部分内容结合实际情况做了修改： http://wow.techbrood.com/fiddle/8623

使用WebGL技术实现的真实下雨动画。包含鼠标感知、磨砂玻璃、雨滴滑落淡入淡出、闪电、环境污染效果。很棒的一个移动Web App作品。