-
WebGL Three.js 全息投影(体积光 | 镭射光)特效着色器代码
Holographic Projection,可用于增强现实场景的效果展示。很实用的着色器代码。
-
基于AR.js的WebAR Marker识别体验
一个实验性的项目,用来演示在浏览器上如何使用设备摄像头来识别一个预定标识,然后在标识位置上增强出一个3D动画场景。
-
HTML5带向下滚动箭头提示和页头缩小动画的单页模板
Hero header and page scroll indicator, 向下箭头有缓缓漂浮动画。
-
JS笔试题13:按给定粒度切分数组
分别使用reduce和map高阶函数(higher-order function)实现数组分割。可以看到reduce的写法更简洁。
-
使用DragulaJS实现的拖拉式文章在线编辑器
Drag and drop elements with Dragula,通过拖拉的方式把html标签元素放置在文章编辑框的合适位置,并且可以本地存储,和导出html文件(使用HTML5 localStorage接口)。
-
HTML5文章内部链接悬停时弹出媒体浮层动画特效大全
包含图片、动图、视频、全屏展示、波浪展示背景图等各种媒体悬停动效。可用于丰富文章阅读体验,也可以用于文字链接内嵌多媒体广告。
-
触摸来阅读更多的移动文章卡片UI设计
Article Card UI Read More CSS Animation, 带一个波浪线的标题头部。
-
一款使用SVG实现的下载箭头按钮动效
SVG Download Icon 点击下载按钮,箭头向下敲击底部的线条,该线条变形为圆形进度条,显示下载进度,下载完成后箭头变成勾选符号。
- 推广服务(新)
HTML5免费在线教程
techbrood.com
我想推广...- 最新文章
实时光线追踪技术简介
实时渲染视频级别的计算机三维图形是计算图形领域的终极目标,与现在普遍使用的光栅化渲染技术相比,光线追踪普遍被视为视觉技术的未来方向,可带来近乎真实的真...
生成本地npm包
1、创建一个文件夹,此处我的文件夹名字为test-my-pack
2、在文件根目录初始化npm,可以一路回车
npmOculus Go手柄(控制器)使用说明
Oculus Go是Facebook的一体式、3Dof VR眼镜,其手柄(即控制器)功能很简单。
电池安装
配对控制器
下载 Oculus 应用(这个需要手机科学上网)并...基于elementUI封装自己的UI组件库
three.js添加场景背景和天空盒(skybox)
本文我们介绍在three.js中如何给3D场景添加背景,我们有3种方式来实现这个目的。通过html添加背景元素,这实际上一个2D背景;在three.js加载图片并设置为scene.b...
更多...