-
three.js基于GPU的对象选择(picking)
webgl gpu based picking,思路是把每个对象以唯一的颜色绘制到一个picking场景(本质上是实际场景的纯色镜像)的离屏内存中,然后在选择时,根据鼠标所在位置在离屏内存的像素点颜色来确定实际场景中所选对象。
-
three.js如何处理高精度DPI(每英寸像素点数)
现代手机像素密度一般都为3x以上,表示在1单位物理尺寸上显示了3个以上的像素。这样可以达到更高精度的视觉效果。three.js通过setPixelRatio方法来处理这个设备参数。或者自行计算并通过setSize来设置canvas的内部分辨率。
-
html5 canvas熊猫变龙图像动画特效
panda image to dragon with h5 canvas,像素粒子流变换。
-
酷!使用WebGL Three.js实现幻灯片切换时(页面滚动)图像像素位移切换特效
displacement effects when scroll with webgl,支持上下箭头切换,可用来制作炫酷的相册(gallery slider)。
-
HTML5新特性图片源集(srcset)功能测试
iPhone里面切图会有@1x,@2x,@3x的概念,主要是用在为iphone4以前、iphone4/5/6(retina屏幕,2倍像素密度)和iphone6+(3倍设备像素密度)加载不同精度的图片。HTML5中新引入的srcset特性也是类似的设计目的,用来支持网页中响应式图片加载。
-
HTML5/CSS3页面标题的像素溶解特效
Pixel dissolve effect page title, 使用CSS3遮罩特性(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用户手册和使用说明
更多...