webgl
4篇文章 · 0订阅
  • Three.js 实现 360 度全景浏览的最简单方式
    什么是全景图？ 一般我们拍照都是拍一个方向，而全景图是拍上下左右前后 6 个方向，360 度，这样能够立体的记录所在的场景。 那全景图怎么浏览呢？ 全景图拍的是六个方向的图，放在一个平面看会很别扭，所
    前端 JavaScript three.js
    Three.js 实现 360 度全景浏览的最简单方式
  • 记一次用Three.js展示360°全景图的折腾
    Three.js展示全景图的官方示例在南极和北极有非常明显的形变。折腾了一段时间，最终解决了这个问题，本文将这一折腾过程记录了下来。
    WebGL three.js
  • 使用Three.js 95行代码实现一个全景视频播放器原型
    缘由 昨天晚上睡不着觉，突然从国外的视频网站VR视频里面得到灵感，花了40分钟写下了这个小小demo，和大家分享 效果图 原理 首先我们使用一个球体 将视频的每一帧生成一张纹理单元按照球体的uv在片元
    前端 three.js
    使用Three.js 95行代码实现一个全景视频播放器原型
  • Three.js 全景播放器（加载全景视频及全景图片，实现全景看房、360°观看视频）
    全景播放器实现流程及原理 原理 生成一个圆形球体并将相机置于球体内部，通过将全景图片映射到球体中并将图片朝向至球体内部这样就实现了全景图片的查看，全景视频是通过将视频的每一帧生成一张纹理单元按照球体的
    前端
    Three.js 全景播放器（加载全景视频及全景图片，实现全景看房、360°观看视频）