-
使用WebGL演示三维空间矢量点积的几何意义
WebGL - Dot Product Diagram,可用鼠标拖拉P1或P2向量来实时观察点积的结果。点乘(点积)的几何意义在于计算向量之间的夹角角度。而这个特性可以用来计算光照阴影。
-
使用网页组件(webcomponents)实现的标题文本撒花动画特效
Web Components: Stars,内含一个基本的二维矢量(Vector)数学计算库和一个为网站提供帧速率信息的单例类。
-
基于SVG图实现的交互式人类脚底按摩穴位图
Foot Massage Guide,本例可用来学习和制作基于SVG矢量图的交互界面。鼠标悬停在SVG图形的局部区域,显示相应的信息。适用于医疗诊所/中医按摩类网站介绍页面。
-
HTML5 CSS3新奇的响应式皂形网格布局页面模板 | mask-image使用示例
Responsive gallery with CSS Grids,比较有新意的一个照片墙设计布局,其中不规则图形遮罩使用mask-image特性(svg矢量图)实现。可用来制作相册或者奇石盆景。
-
SVG+CSS3制作油画风格的交互式街道夜景和店铺商标
其中夜晚星空背景是使用HTML和CSS3,街道是用图片填充在SVG矢量轮廓线中。
-
一款HTML5/SVG斜条纹背景的电商商品详情和购买页面模板
在线购买拎包的详情页面,使用CSS3 skew变换构建的斜条纹背景。使用SVG矢量图构建的回退箭头和购物车图标。
-
使用P5.js随机绘制数学矢量图形
HTML5 Canvas Math Vectors 可用于模拟随机行走、云彩飘移、粒子运动类动画。
-
HTML5点到线到三角形到多边形动态增长变形动画
Triangle to Hexagon, 学习在HTML5 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用户手册和使用说明
更多...