-
three.js实例化几何体(InstancedBufferGeometry)代码示例
学习如何使用实例化几何体来优化性能,创建海量高度相似的物体。
-
P5.js平面几何实例:计算直线和圆形的交点
Calculate circle-line intersection with JavaScript and p5.js
-
three.js通过合并几何体来优化多对象性能
性能优化的主要方法之一就是合并几何体,使用three.js开发库提供的BufferGeometryUtils.mergeBufferGeometries方法,原理很简单,就是减少渲染流程执行次数。
-
webgl使用VBO(顶点缓存对象)和IBO(索引缓存对象)绘制基础几何图形
webgl vertex buffer objects and index buffer object demo. 与drawArrays不同,drawElements允许我们使用IBO来定义WebGL如何渲染图形。与drawArrays会重复渲染vertices不同,drawElements使用了indices来定义点与点之间的连接,因此每个点只需要渲染一次来实现的顶点复用,可以减少GPU的负担。
-
使用WebGL演示三维空间矢量点积的几何意义
WebGL - Dot Product Diagram,可用鼠标拖拉P1或P2向量来实时观察点积的结果。点乘(点积)的几何意义在于计算向量之间的夹角角度。而这个特性可以用来计算光照阴影。
-
CSS形状(Shapes)样式使用简介 - 文本浮动环绕
网页设计布局传统上是用网格(grid)、方框(box)和直线来塑造的。但是杂志排版中经常使用图文环绕的形式,这在word文档中也很常见。在引入CSS形状之前,几乎不可能为Web设计类似Word文档这样具有自由流动文本的杂志式布局。 当前(Level 1)规范允许CSS形状应用于浮动元素。规范定义了多种不同的方法来定义浮动元素上的形状,从而使包围线可以环绕形状,而不是包围元素框的矩形。CSS形状允许我们定义文本可以流动的几何形状。这些形状可以是圆、椭圆、简单或复杂的多边形,甚至是图像和渐变。
-
HTML5 Rx.js使用随机几何图形元素构建网页全屏动画背景
Geometrical background with RXJS and Two.js
-
WebGL Three.js制作流动的3D莫比乌斯带
fluid mobius,几何体可视化。里面包含了一组后置渲染处理器(RenderPass、ShaderPass等)。
-
使用ReactJS和SVG绘制美丽的几何图案
SVG/ReactJS math patterns,包括向日葵花朵等22种图案,并可以调节参数。可用于制作数字图标。
-
Three.js 立方体表面Canvas纹理绘制工具
Three.js Canvas Texture Tool 使用canvas0到5给立方体绘制纹理图案。学习如何把在canvas上绘制的文本或图片作为几何模型的纹理贴图。
- 推广服务(新)
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用户手册和使用说明
更多...