3d - CSDN

Open3D 均匀下采样
import open3d as o3d print("Load a pcd point cloud, pr
收起
python

抖音上很火的3D立体动态相册实现代码!

万次阅读 多人点赞 2019-11-26 13:30:32

圣诞节快到了，是不是要给女朋友或者正在追求的妹子一点小惊喜呢，今天这篇博客就分享下前端代码如何实现3D立体动态相册。赶紧学会了，来制作属于我们程序员的浪漫吧！先上效果图，来引起下你们的兴趣。正文： ...

前言： 
私信我，已经录制好操作视频，如果看文章不会操作的话！ 
圣诞节快到了，是不是要给女朋友或者正在追求的妹子一点小惊喜呢，今天这篇博客就分享下前端代码如何实现3D立体动态相册。赶紧学会了，来制作属于我们程序员的浪漫吧！先上效果图，来引起下你们的兴趣。 
 
 正文： 
一、新建一个index.html的文件，代码如下 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>纯CSS实现鼠标经过3D立体动态展示图片特效代码</title>
<link type="text/css" href="css/style.css" rel="stylesheet" />
</head>
<body>
<div class="box">
	<ul class="minbox">
		<li></li>
		<li></

收起

展开全文

css html html5

Open3D obj文件三维可视化
import open3d as o3d import numpy as np # obj面片显示 obj_mesh= o3d.io.read_triangle_mesh('pikaqiu.obj') print(obj_mesh) mesh_frame = o3d.geometry.TriangleMesh.create_coor
收起
python
Open3D 从mesh中采样点云
import open3d as o3d mesh = o3d.geometry.TriangleMesh.create_sphere() mesh.compute_vertex_normals
收起
shell
Open3D Python版本快速安装和使用
python -c "import open3d as o3d"
收起
c
程序员给女朋友做的精美3D相册
万次下载 热门讨论 2014-04-29 10:28:28
程序员给女朋友用HTML5制作的3D相册感觉挺漂亮。整理里一个自己可以换相片
收起
Open3D mesh 精细化处理（剖分）
import open3d as o3d mesh = o3d.io.read_triangle_mesh("UV.ply") mesh.compute_vertex_normals
收起
shell
Open3D 可视化(3)——自定义可视化
import open3d as o3d def custom_draw_geometry
收起
python
PCL 平面裁剪器(PlaneClipper3D)的使用
pcl::PlaneClipper3D< PointT >::PlaneClipper3D
收起
shell
Open3D 可视化(2)——绘制几何图形
import open3d as o3d print("绘制立方体") mesh_box = o3d.geometry.TriangleMesh.create_box(width=1.0
收起
python

三维地图下载，3D地图下载，谷歌地球三维地形图查看

万次阅读 多人点赞 2018-10-31 16:36:21

3D地球依据高程数据等对地表进行渲染，实现地表的起伏，模拟出真实的三维场景，让你有如身临其境般的感觉。（注：Bigemap 3D地球是一个三维地图浏览功能，是基于高程数据进行的实时渲染，无法进行下载标注等，如需...

更多示例代码：http://www.bigemap.com/offlinemaps/gl.html

bigemap3d地球

3D地球依据高程数据等对地表进行渲染，实现地表的起伏，模拟出真实的三维场景，让你有如身临其境般的感觉。

（注：Bigemap 3D地球是一个三维地图浏览功能，是基于高程数据进行的实时渲染，无法进行下载标注等，如需三维城市、创建三维地图模型等，可通过右侧【联系我们】进行咨询。另：3D地球浏览城市时无3D效果）

3D地球使用详解

1、打开Bigemap地图下载器，点击左下角【3D】地图小图标即可进入3D地球模式

切换3D.gif

2、进入3D模式后，滚动鼠标滚轮放大地球，找到自己想查看的区域，或使用【地名查找】功能输入地名进行查找

地点查找.gif

3、按住鼠标左键，拖动地图到野外有山的地方（注：城市无3D效果，如需三维城市、创建三维地图模型等，可通过右侧【联系我们】进行咨询），然后摁下鼠标滚轮并摁住不放，前后左右滑动鼠标就可以发现3D效果出来了，同时可以360°调整观察视角。

bigemap3d地球

4、在软件左上角区域，点击【地名查找】，可搜索全球任意地点进行浏览

bigemap3d地球

另外，你也可以试试无限缩小地球，如以下图↓↓

微信图片_20180802102837.gif

无限缩小之后你会发现星空开始向中间聚拢

微信图片_20180802103112.gif

缩放地球到一定大小并调整角度还能看到太阳月亮也出来了

微信图片_20180802103104.gif

微信图片_20180802103705.gif

注：Bigemap-3D地球是一个三维地图浏览功能，是基于高程数据进行的实时渲染，无法进行下载标注等，如需三维城市、创建三维地图模型等，可通过右侧【联系我们】进行咨询

收起

展开全文

用HTML+CSS代码制作3D旋转相册

万次阅读 多人点赞 2018-09-19 21:37:53

手打代码： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset=&...3D旋转&lt;/title&

 
 欢迎大家访问我的个人博客 http://www.spicyboy.cn 
 
对于很多小伙伴给我的留言问题，我详细总结一下 
一、我的项目文件目录 
 
 图片全部存放在images文件夹下，你把自己需要显示的图片放在images文件夹下就可以了，一共是11张图片，一张背景图
 我的图片命名为1.jpg,2.jpg……，可以自己更改图片名字，代码里也需要修改为自己的图片名字哦 
 
 
二、index文件代码如下：（最后有百度网盘链接） 
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>3D旋转</title>
    <style type="text/css">
        *{padding: 0;
        margin: 0;}
        body,html{height:100%;}
        /* 背景图片在这里设置 */
        body{background-image: url("images/beijing.jpg");background-size: 100% 100%;}
        #box{width: 280px;
            height: 400px;
            position: fixed;
            left: 0;
            right: 0;
            top:0;
            bottom: 0;
            margin: auto;
            transform-style: preserve-3d;
            transform: rotateX(0deg) rotateY(0deg);
            animation: go 45s linear infinite;
           }
        #box img{width: 280px;
                 height: 400px;
                 position: absolute;
                 left: 0;
                 top: 0;
        }
        #box img:nth-child(1){
            transform: rotateY(0deg) translateZ(650px);}
        #box img:nth-child(2){
            transform: rotateY(36deg) translateZ(650px);}
        #box img:nth-child(3){
            transform: rotateY(72deg) translateZ(650px);}
        #box img:nth-child(4){
            transform: rotateY(108deg) translateZ(650px);}
        #box img:nth-child(5){
            transform: rotateY(144deg) translateZ(650px);}
        #box img:nth-child(6){
            transform: rotateY(180deg) translateZ(650px);}
        #box img:nth-child(7){
            transform: rotateY(216deg) translateZ(650px);}
        #box img:nth-child(8){
            transform: rotateY(252deg) translateZ(650px);}
        #box img:nth-child(9){
            transform: rotateY(288deg) translateZ(650px);}
        #box img:nth-child(10){
            transform: rotateY(324deg) translateZ(650px);}
		@keyframes go {
		    0%{transform: rotateX(0deg) rotateY(0deg);}
		    25%{transform: rotateX(20deg) rotateY(180deg);}
		    50%{transform: rotateX(0deg) rotateY(360deg);}
		    75%{transform: rotateX(-20deg) rotateY(540deg);}
		    100%{transform: rotateX(0deg) rotateY(720deg);}
		
		}
    </style>
</head>
	<body>
		<div id="box">
		    <img src="images/1.jpg">
		    <img src="images/2.jpg">
		    <img src="images/3.jpg">
		    <img src="images/4.jpg">
		    <img src="images/5.jpg">
		    <img src="images/6.jpg">
		    <img src="images/7.jpg">
		    <img src="images/8.jpg">
		    <img src="images/9.jpg">
		    <img src="images/10.jpg">
		</div>
	</body>
</html>

 
三、运行效果图： 
 
四、打包运行： 
 
 有小伙伴想打包为APP的可以使用Hbuilder打包传到手机上，详细看下面教程
 https://blog.csdn.net/qq_42259469/article/details/84646570?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522158600294919195162559101%2522%252C%2522scm%2522%253A%252220140713.130056874…%2522%257D&request_id=158600294919195162559101&biz_id=0&utm_source=distribute.pc_search_result.none-task-blog-all_SOOPENSEARCH-1 
 
五、百度网盘下载 
 
 链接: https://pan.baidu.com/s/1KrmOu-DVCN4kOSy_pPmvUw 提取码: yef9

收起

展开全文

HTML CSS

开源我的3D库WxGL：40行代码将疫情地图变成三维地球模型

万次阅读 多人点赞 2020-02-07 17:36:44

在自己动手写3D库之前，我一直使用VisPy应对三维需求。这是一个高性能的可交互的2D/3D可视化函数库，但在后端显示上，我始终不能得心应手地驾驭它。2019年的元旦假期，我萌生了自己写3D应用库的念头，并立即付诸行动...



 文章目录
 1. 前言
2. 安装
3. 类和方法
4. 应用示例

 
1. 前言 
在自己动手写3D库之前，我一直使用VisPy应对三维需求。这是一个高性能的可交互的2D/3D可视化函数库，但在后端显示上，我始终不能得心应手地驾驭它。2019年的元旦假期，我萌生了自己写3D应用库的念头，并立即付诸行动。三周之后，WxGL诞生。WxGL是一个基于PyOpenGL的三维数据展示库，以wx为显示后端，以加速渲染为第一追求目标。借助于WxPython这个后端，WxGL可以很好的融合Matplotlib等其他数据展示技术。 
2. 安装 
我的GitHub上有WxGL模块的完整源码文件，也可以直接使用以下命令安装我已经打包好的whl安装文件，目前的版本是0.5.4，如有必要，我会继续更新。 
python -m pip install -i https://test.pypi.org/simple/ wxgl
 
WxGL依赖PyOpenGL，因此在安装WxGL之前，请先安装PyOpenGL。不过，如果直接使用pip安装的话，可能会有一些麻烦。当初我这样安装之后，运行 OpenGL 代码，得到了这样的错误信息： 
NullFunctionError: Attempt to call an undefined function glutInit, check for bool(glutInit) before calling
 
原来，pip 默认安装的是32位版本的PyOpenGL，而我的操作系统是64位的。建议点击这里下载适合自己的版本，直接安装.whl文件。最终我是这样安装的： 
pip install PyOpenGL-3.1.3b2-cp37-cp37m-win_amd64.whl
 
3. 类和方法 
WxGL的容器名为WxGLScene，我称其为场景。每个场景可以使用addRegion()生成多个WxGLRegion对象，我称其为视区。在视区内可以创建模型，每个模型由一个或多个组件构成——所谓组件，可以理解为子模型。WxGLRegion提供了以下方法创建模型或组件： 
WxGLRegion.drawText() 绘制文本
WxGLRegion.drawPoint() 绘制点
WxGLRegion.drawLine() 绘制线段
WxGLRegion.drawSurface() 绘制曲面
WxGLRegion.drawMesh() 绘制网格
WxGLRegion.drawVolume() 绘制体数据
WxGLRegion.drawAxes() 绘制坐标
WxGLRegion.drawColorBar() 绘制绘制colorBar 
4. 应用示例 
接下来，我们使用WxGL来演示一下，如何将下面这张全球等经纬投影模式的疫情地图，变成一个可以任意缩放和旋转的三维地球。全部代码，包括注释，刚刚40行。里面用到了一个矢量字库文件，请根据自己的运行环境修改路径。疫情地图，可以下载本文插图，也可以参考我的另一篇博文《Python实战：抓肺炎疫情实时数据，画2019-nCoV疫情地图》，自行生成更高分辨率的疫情地图。 
2019-nCoV疫情地图（全球等经纬投影模式）:
  
earth_2019nCoV.py 
# -*- coding: utf-8 -*-

import wx
import numpy as np
from PIL import Image

from wxgl.scene import *
from wxgl.colormap import *

class mainFrame(wx.Frame):
    '''程序主窗口类，继承自wx.Frame'''
    
    def __init__(self):
        wx.Frame.__init__(self, None, -1, '地球模型上的2019-nCoV疫情地图', style=wx.DEFAULT_FRAME_STYLE)
        self.Maximize()
        
        # 从等经纬地图上读取经纬度网格上的每一个格点的颜色
        c = np.array(Image.open('res/e0.jpg'))/255
        
        # 生成和等经纬地图分辨率一致的经纬度网格，计算经纬度网格上的每一个格点的空间坐标(x,y,z)
        lats, lons = np.mgrid[np.pi/2:-np.pi/2:complex(0,c.shape[0]), 0:2*np.pi:complex(0,c.shape[1])]
        x = np.cos(lats)*np.cos(lons)
        y = np.cos(lats)*np.sin(lons)
        z = np.sin(lats)
        
        self.scene = WxGLScene(self, r"C:\Windows\Fonts\simfang.ttf", bg=[0,0,0,0])
        self.scene.setPosture(elevation=0, azimuth=120, save=True)
        self.master = self.scene.addRegion((0,0,1,1))
        self.master.drawMesh('earth', x, y, z, c)
        self.master.update()
        
class mainApp(wx.App):
    def OnInit(self):
        self.Frame = mainFrame()
        self.Frame.Show()
        return True

if __name__ == "__main__":
    app = mainApp()
    app.MainLoop()
 
运行效果如下：
  
更为复杂的应用，请参考我的另一篇博文：《wxPython + pyOpenGL，打造三维数据分析的利器》

收起

展开全文

python PyOpenGL wxPython

Unity3d如何获取一个Cube的长宽高并打印？
2020-06-10 21:21:59
如标题。。。Unity3d如何获取一个Cube的长宽高并打印在控制台上？
收起
游戏程序
Open3D KDTree的使用
import open3d as o3d pcd = o3d.io.read_point_cloud("bunny.pcd") pcd.paint_uniform_color([0.5, 0.5, 0.5])#把所有点渲染为灰色（灰兔子） pcd_tree = o3d.geometry.KDTreeFlann(pcd)#建立KD树索引
收起
shell
【论文阅读】【综述】3D Object Detection 3D目标检测综述
万次阅读 多人点赞 2019-06-04 16:04:45
aaa3D Detection新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个...
收起
激光雷达计算机视觉
重回童年的经典系列☀️| 【坦克大战3D版】游戏制作+解析
万次阅读 多人点赞 2021-05-17 08:49:33
带你重回童年的经典系列——坦克大战3D版制作，感兴趣的可以看看呀~
收起
Open3D 点云变换
import open3d as o3d import numpy as np import copy mesh = o3d.geometry.TriangleMesh.create_coordinate_frame() mesh_s = copy.deepcopy(mesh).translate((2,0,0)) mesh_s.scale(0.5, center=mesh_s.get_...
收起
shell
Open3D 计算点云模型的表面积和体积
import open3d
收起
python
【Open3d】使用open3d可视化
万次阅读 热门讨论 2020-03-29 18:54:59
# 使用open3d可视化点云 def visualize(pointcloud): from open3d.open3d.geometry import PointCloud from open3d.open3d.utility import Vector3dVector from open3d.open3d.visualization import draw_ge...
收起
自动驾驶人工智能
Open3D Mesh读写可视化
import open3d as o3d import numpy as np print("Testing mesh in Open3D...") mesh = o3d.io.read_triangle_mesh("UV.ply") print(mesh) # 打印点数和三角面数 print('Vertices:') print(np.asarray(mesh.vertices...
收起
bash
理解3D CNN及3D卷积
万次阅读 多人点赞 2018-11-18 17:22:01
这篇博客主要详细介绍3D CNN框架结构的计算过程，我们都知道3D CNN 在视频分类，动作识别等领域发挥着巨大的优势，前两个星期看了这篇文章：3D Convolutional Neural Networks for Human Action Recognition，打算用...
收起
深度学习 3DCNN
PCL 3D-SIFT关键点检测(曲率不变特征约束)
万次阅读 2021-05-10 19:50:39
3D-SIFT关键点检测(基于曲率不变特征约束)
收起
算法计算机视觉机器学习
3D点云综述
万次阅读 多人点赞 2020-01-02 19:57:51
24页3D点云综述，共计214篇参考文献，涵盖3D形状分类，3D目标检测和跟踪，3D点云分割方向和大数据集。
收起
点云
深入理解 Matplotlib 3D 绘图函数 plot_surface 的 rstride 和 cstride 参数
万次阅读 多人点赞 2019-01-23 22:20:02
今晚开始接触 Matplotlib 的 3D 绘图函数 plot_surface，真的非常强大，图片质量可以达到出版级别，而且 3D 图像可以旋转，可以从不同角度来看某个 3D 立体图，但是我发现各大中文开源社区有关 3D 绘图的代码都是...
收起
matplotlib
unity3D开发
2020-11-13 14:39:14
现在需要开发一个3D场景和3D图形，本人不了解这块，麻烦知道的各位大大帮帮忙！项目简介项目显示场景简单，在一块空地上有人物在活动(活动的数据来自别的设备)。人物类型为普通人和伤员。要求： 1. 空地...
收起
游戏程序
基于FPGA系统合成两条视频流实现3D视频效果
万次阅读 多人点赞 2021-06-26 19:11:11
本文将概要讨论利用模拟或HDMI摄像机实现立体视觉(3D视频)的各种要求。文章将描述一个基于FPGA的系统，它将两个视频流结合成一个3D视频流，通过HDMI 1.4发射器进行传输，同时还要介绍一个基于DSP的系统，与通常需从...
收起
FPGA
Open3D绘制3D坐标，绘制点云
万次阅读 2019-10-10 10:18:02
Open3D绘制3D坐标，绘制点云 # -*-coding: utf-8 -*- """ @Project: PyKinect2-OpenCV @File : open3d_test.py @Author : panjq @E-mail : pan_jinquan@163.com @Date : 2019-10-10 09:49:27 ""...
收起

Open3D 均匀下采样

抖音上很火的3D立体动态相册实现代码!

前言：

正文：

Open3D obj文件三维可视化

Open3D 从mesh中采样点云

Open3D Python版本快速安装和使用

程序员给女朋友做的精美3D相册

Open3D mesh 精细化处理（剖分）

Open3D 可视化(3)——自定义可视化

PCL 平面裁剪器(PlaneClipper3D)的使用

Open3D 可视化(2)——绘制几何图形

三维地图下载，3D地图下载，谷歌地球三维地形图查看

用HTML+CSS代码制作3D旋转相册

对于很多小伙伴给我的留言问题，我详细总结一下

一、我的项目文件目录

二、index文件代码如下：（最后有百度网盘链接）

三、运行效果图：

四、打包运行：

五、百度网盘下载

开源我的3D库WxGL：40行代码将疫情地图变成三维地球模型

文章目录

1. 前言

2. 安装

3. 类和方法

4. 应用示例

Unity3d如何获取一个Cube的长宽高并打印？

Open3D KDTree的使用

【论文阅读】【综述】3D Object Detection 3D目标检测综述

重回童年的经典系列☀️| 【坦克大战3D版】游戏制作+解析

Open3D 点云变换

Open3D 计算点云模型的表面积和体积

【Open3d】使用open3d可视化

Open3D Mesh读写可视化

理解3D CNN及3D卷积

PCL 3D-SIFT关键点检测(曲率不变特征约束)

3D点云综述

深入理解 Matplotlib 3D 绘图函数 plot_surface 的 rstride 和 cstride 参数

unity3D开发

基于FPGA系统合成两条视频流实现3D视频效果

Open3D绘制3D坐标，绘制点云

3d