元宇宙共95篇 第6页
一步步带你实现web全景看房——three.js-卡咪卡咪哈-一个博客

一步步带你实现web全景看房——three.js

canvas画2d相信大家都很熟悉了,但3d世界更加炫酷。我们直接从three.js入手。下面我们从0开始来摸索一下3d世界1. 基本概念 在THREEjs中,渲染一个3d世界的必要因素是场景(scene)、相机(camer...
虾画怪谈的头像-卡咪卡咪哈-一个博客虾画怪谈1年前
0696
Three.js 实现 360 度全景浏览的最简单方式-卡咪卡咪哈-一个博客

Three.js 实现 360 度全景浏览的最简单方式

什么是全景图? 一般我们拍照都是拍一个方向,而全景图是拍上下左右前后 6 个方向,360 度,这样能够立体的记录所在的场景。 那全景图怎么浏览呢? 全景图拍的是六个方向的图,放在一个平面看会...
虾画怪谈的头像-卡咪卡咪哈-一个博客虾画怪谈1年前
07011
如何用Three.js快速实现全景图-卡咪卡咪哈-一个博客

如何用Three.js快速实现全景图

封面图 by Thư Anh on Unsplash去年全景图在微博上很是火爆了一阵,正好我也做过一点全景相关的项目,这些天抽空写下这一篇用Three.js来实现全景图的文章,和大家一起探讨。真的是抛砖引玉,还...
虾画怪谈的头像-卡咪卡咪哈-一个博客虾画怪谈1年前
0739
Three.js开发基础和3D全景(一)-卡咪卡咪哈-一个博客

Three.js开发基础和3D全景(一)

引子 最近在搞web3D全景图,技术上选用了Three.js作为基础,所以写几篇文章跟大家分享一下,主要介绍Three.js的开发基础和基本原理,以及如何实现3D全景图。想在web端实现3D全景图的效果,除了...
虾画怪谈的头像-卡咪卡咪哈-一个博客虾画怪谈1年前
0666
第三课threejs全景预览房间案例-卡咪卡咪哈-一个博客

第三课threejs全景预览房间案例

> 背景: 如何在网页中预览房间每个角度? 如全景看房 ## 功能实现思路 1. 创建threejs场景 2. 创建球体 3. 创建鱼眼全景图片 4. 翻转球体将鱼眼图贴在球体内部 5. 相机设置在球体中心,循环...
虾画怪谈的头像-卡咪卡咪哈-一个博客虾画怪谈1年前
07512
通过Three.js,宜享花带你走进3D的世界-卡咪卡咪哈-一个博客

通过Three.js,宜享花带你走进3D的世界

随着人们对用户体验越来越重视,Web开发已经不满足于2D效果的实现,而把目标放到了更加炫酷的3D效果上。Three.js是用于实现web端3D效果的JS库,它的出现让3D应用开发更简单,宜享花将通过Three....
虾画怪谈的头像-卡咪卡咪哈-一个博客虾画怪谈1年前
0506