-
three.js instancedmesh with different material color
使用实例化网孔来优化应用性能。
-
three.js basis文件GPU压缩贴图代码示例(用来提高性能)
use basis file as compressed gpu texture to improve performance
-
three.js实例化几何体(InstancedBufferGeometry)代码示例
学习如何使用实例化几何体来优化性能,创建海量高度相似的物体。
-
three.js通过合并几何体来优化多对象性能
性能优化的主要方法之一就是合并几何体,使用three.js开发库提供的BufferGeometryUtils.mergeBufferGeometries方法,原理很简单,就是减少渲染流程执行次数。
-
three.js使用体像素(voxel)来构建场景代码示例
类似于构建“我的世界”或者超级马里奥游戏里面的那些3D背景建筑物。由于3D对象数量较多,需要注意优化性能。本例中为了性能采取了分区策略。
-
three.js使用Sprite来创建海量背景对象
这个方法使用2d贴图来绘制场景对象,能够获得比较高的性能,但会有锯齿,且是伪3D,并不能看到对象的其他角度。
-
three.js使用真实的3d模型来创建对象矩阵
这个方法能够获得比较高的3D真实感,但缺点是性能有限制。比如每个对象100个面(三角形)的话,那么1000个对象就需要渲染10万面,随着模型精度提升,将可能导致渲染性能问题。一个解决方法是把非重点的背景对象使用Sprite(2D贴图)来实现。
-
WebGL Three.js海量粒子随机大小立方体模型着色器代码
three.js based gpgpu computation library, for working with textures and running shaders on them
-
基于CSS3弹性框(Flexbox)实现的响应式搜索页面模板
Flexbox Search Form,可用于主功能为搜索查询功能的网站首页。
-
使用HTML5构建的网页上线检查列表
Web Performance Checklist,包括网页性能、安全性、SEO、可访问性、内容正确性和兼容性等,是一个比较全的网站上线自检查列表。自定义的复选框点击选中时有一个弹性抖动的交互动画效果。ServiceWorker需要在https域名下工作。
-
HTML5新特性图片源集(srcset)功能测试
iPhone里面切图会有@1x,@2x,@3x的概念,主要是用在为iphone4以前、iphone4/5/6(retina屏幕,2倍像素密度)和iphone6+(3倍设备像素密度)加载不同精度的图片。HTML5中新引入的srcset特性也是类似的设计目的,用来支持网页中响应式图片加载。
-
使用WebAssembly(wasm)和Unity WebGL实现的FPS射击游戏:愤怒的机器人(AngryBots)
WebAssembly是一门网页低级语言(low-level language),WebGL是一个网页3D图形接口标准,两者结合将使得在Web上实现大型游戏和本地应用(如Photoshop)变为可能。本例是一个使用WebAssembly实现的网页游戏,其性能很惊人,足以和本地游戏媲美!/* 请打开Chrome的实验特性标记:chrome://flags#enable-webassembly */
-
CSS3 currentColor属性值用法演示实例
CSS3 currentColor transition issue on child elements. currentColor不能级联到子元素直到过渡动画已经完成。
- 推广服务(新)
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用户手册和使用说明
更多...