3d - CSDN

程序员给女朋友做的精美3D相册
万次下载 热门讨论 2014-04-29 10:28:28
程序员给女朋友用HTML5制作的3D相册感觉挺漂亮。整理里一个自己可以换相片
收起

抖音上很火的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></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>
	<ol class="maxbox">
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ol>
</div>
</body>
</html>

二、css样式的代码

@charset "utf-8";
*{
	margin:0;
	padding:0;
}
body{
	max-width: 100%;
	min-width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:100% 100%;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
}
li{
	list-style: none;
}
.box{
	width:200px;
	height:200px;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:100% 100%;
	position: absolute;
	margin-left: 42%;
	margin-top: 22%;
	-webkit-transform-style:preserve-3d;
	-webkit-transform:rotateX(13deg);
	-webkit-animation:move 5s linear infinite;
}
.minbox{
	width:100px;
	height:100px;
	position: absolute;
	left:50px;
	top:30px;
	-webkit-transform-style:preserve-3d;
}
.minbox li{
	width:100px;
	height:100px;
	position: absolute;
	left:0;
	top:0;
}
.minbox li:nth-child(1){
	background: url(../img/01.png) no-repeat 0 0;
	-webkit-transform:translateZ(50px);
}
.minbox li:nth-child(2){
	background: url(../img/02.png) no-repeat 0 0;
	-webkit-transform:rotateX(180deg) translateZ(50px);
}
.minbox li:nth-child(3){
	background: url(../img/03.png) no-repeat 0 0;
	-webkit-transform:rotateX(-90deg) translateZ(50px);
}
.minbox li:nth-child(4){
	background: url(../img/04.png) no-repeat 0 0;
	-webkit-transform:rotateX(90deg) translateZ(50px);
}
.minbox li:nth-child(5){
	background: url(../img/05.png) no-repeat 0 0;
	-webkit-transform:rotateY(-90deg) translateZ(50px);
}
.minbox li:nth-child(6){
	background: url(../img/06.png) no-repeat 0 0;
	-webkit-transform:rotateY(90deg) translateZ(50px);
}
.maxbox li:nth-child(1){
	background: url(../img/1.png) no-repeat 0 0;
	-webkit-transform:translateZ(50px);
}
.maxbox li:nth-child(2){
	background: url(../img/2.png) no-repeat 0 0;
	-webkit-transform:translateZ(50px);
}
.maxbox li:nth-child(3){
	background: url(../img/3.png) no-repeat 0 0;
	-webkit-transform:rotateX(-90deg) translateZ(50px);
}
.maxbox li:nth-child(4){
	background: url(../img/4.png) no-repeat 0 0;
	-webkit-transform:rotateX(90deg) translateZ(50px);
}
.maxbox li:nth-child(5){
	background: url(../img/5.png) no-repeat 0 0;
	-webkit-transform:rotateY(-90deg) translateZ(50px);
}
.maxbox li:nth-child(6){
	background: url(../img/6.png) no-repeat 0 0;
	-webkit-transform:rotateY(90deg) translateZ(50px);
}
.maxbox{
	width: 800px;
	height: 400px;
	position: absolute;
	left: 0;
	top: -20px;
	-webkit-transform-style: preserve-3d;
	
}
.maxbox li{
	width: 200px;
	height: 200px;
	background: #fff;
	border:1px solid #ccc;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.2;
	-webkit-transition:all 1s ease;
}
.maxbox li:nth-child(1){
	-webkit-transform:translateZ(100px);
}
.maxbox li:nth-child(2){
	-webkit-transform:rotateX(180deg) translateZ(100px);
}
.maxbox li:nth-child(3){
	-webkit-transform:rotateX(-90deg) translateZ(100px);
}
.maxbox li:nth-child(4){
	-webkit-transform:rotateX(90deg) translateZ(100px);
}
.maxbox li:nth-child(5){
	-webkit-transform:rotateY(-90deg) translateZ(100px);
}
.maxbox li:nth-child(6){
	-webkit-transform:rotateY(90deg) translateZ(100px);
}
.box:hover ol li:nth-child(1){
	-webkit-transform:translateZ(300px);
	width: 400px;
	height: 400px;
	opacity: 0.8;
	left: -100px;
	top: -100px;
}
.box:hover ol li:nth-child(2){
	-webkit-transform:rotateX(180deg) translateZ(300px);
	width: 400px;
	height: 400px;
	opacity: 0.8;
	left: -100px;
	top: -100px;
}
.box:hover ol li:nth-child(3){
	-webkit-transform:rotateX(-90deg) translateZ(300px);
	width: 400px;
	height: 400px;
	opacity: 0.8;
	left: -100px;
	top: -100px;
}
.box:hover ol li:nth-child(4){
	-webkit-transform:rotateX(90deg) translateZ(300px);
	width: 400px;
	height: 400px;
	opacity: 0.8;
	left: -100px;
	top: -100px;
}
.box:hover ol li:nth-child(5){
	-webkit-transform:rotateY(-90deg) translateZ(300px);
	width: 400px;
	height: 400px;
	opacity: 0.8;
	left: -100px;
	top: -100px;
}
.box:hover ol li:nth-child(6){
	-webkit-transform:rotateY(90deg) translateZ(300px);
	width: 400px;
	height: 400px;
	opacity: 0.8;
	left: -100px;
	top: -100px;
}
@keyframes move{
	0%{
		-webkit-transform: rotateX(13deg) rotateY(0deg);
	}
	100%{
		-webkit-transform:rotateX(13deg) rotateY(360deg);
	}
}


三、文件的目录结构，把css文件放到css文件夹里，图片放到img文件夹里。



四、图片尺寸不会修改的，可以选择使用美图秀秀网页版很简单



五、容易出现的问题 ，图片展示不全或展示的方向不对



1.图片尺寸需要修改 （解决展示不全的情况）

上图是我的图片文件夹里放的图片 ，首先01-06编号命名的图片尺寸是100x100px的大小的，1-6编号是400x400px，如果效果想展示最佳，100x100px的图片是以头部特写的照片最好，因为01-06是立体照片内部小正方体的照片，1-6编号是外部正方体的照片。

2.图片的方向需要修改（解决头朝下的问题）

修改的方向如上图展示所示，比如第三张头就应该朝下，否则形成的效果图像会出现头是倒着的情况。

六、放一下动态效果图



总结：

 生活虽然总有辛酸，但是我们不应该减少去创造生活的乐趣，不断寻找属于自己的那份快乐，才应该是我们生活的态度。如果是非技术的朋友看到这篇博客，发现不会弄，可以直接留言要代码包，自己替换下图片就可以啦。

我是阿达，一名喜欢分享知识的程序员，时不时的也会荒腔走板的聊一聊电影、电视剧、音乐、漫画，这里已经有723位小伙伴在等你们啦，感兴趣的就赶紧来点击关注我把，哪里有不明白或有不同观点的地方欢迎留言！

3D代码包的下载地址：https://pan.baidu.com/s/1euEWolHt8aFxi0xLhoYwJA

提取码请关注公众号，回复3D相册代码获取提取码：

收起

展开全文

开源我的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

用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&

对于很多小伙伴给我的留言问题，我详细总结一下
一、我的项目文件目录

图片全部存放在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游戏引擎？
2020-06-30 17:58:17
本人需要做一个3D引擎的ActiveX控件或者C#控件（实际就是能够用C++或者C#调用的控件），需要的D显示等处理性能不高，能够显示3D画面和导入3DMax等画面就行，然后还能够显示几个中文文字就行，最好是开源的软件，求...
收起
c# 游戏引擎

3D-MAX真实三维地形制作过程

万次阅读 多人点赞 2016-09-13 11:43:51

3DMAX三维地形图效果演示工具准备 1、BIGEMAP地图下载器 2、3DMAX软件 3、global mapper Global mepper下载地址：http://www.bigemap.com/Home/Product/index.html 资料准备下载你需要区域的DEM数据...

3DMAX三维地形图效果演示

下载：全国路网数据、全国水系矢量行政区划边界（省市区县）、行政地名矢量数据

其他教程： Arcgis制作三维地形图教程

工具准备

1、BIGEMAP地图下载器

2、3DMAX软件

3、global mapper

Global mepper 下载地址：http://www.bigemap.com/Home/Product/index.html

资料准备

下载你需要区域的DEM数据和卫星影像数据。

影像须使用BIGEMAP地图下载器中Google Earth无偏移影像，并具有无Google小水印、免封IP、影像更新更快等特点。

首先在图源列表中选中Google Earth图源，只有此图源可实现高清卫星图像下载和高程等高线下载。在此通过矩形区域选择下载边界（当然你也可以选折对应的行政区域下载或者多边形框下载）（如图 1所示），以下载重庆的某块区域为例加以演示：

下载卫星图像

选定一个区域，下载卫星图像，如下图：

注意：红色箭头的地方。

下载高程数据

同一个矩形区域，再次双击，选择高程，选择级别，开始下载，如下图：

（注：下载的高程和卫星图像可以选择不一样的对应级别，不需要两个的级别都选择一样，建议：高程下载16级或者17级，卫星图像级别越高，生成的三维越清晰，越详细。）

下载完成之后,由于是经纬度坐标信息的需要转成大地坐标系的，方便高程海拔高度显示。本案例以转换成UTM(WGS84)为例子。转换步骤如下图：

启动安装好的Global Mapper软件，启动中文版在安装好的目录下有个chs或则chinese的启动图标，如下图所示：

将下载好的高程数据（下载目录下的后缀为tiff格式）拖入到global mapper中，如下图所示：

点击【设置】，如下图：

选择【投影】，在投影的下拉列表框中选择【UTM】，其他默认不变，点击【确定】，之后保存为DEM，如下图：

选择【输出海拔网格格式】，在弹出的对话框中选择【DEM】，如下图：

高程的预处理已经完成，同样的方式将卫星图像也处理成UTM投影方式，如下图：

将下载好的卫星图像（下载目录下的后缀为tiff格式）拖入到global mapper中，如下图所示：

设置完成后开始保存，保存格式选择【JPG】，如下图：

接下来打开3DMAX软件,导入经过Global Mapper 处理过后保存的DEM数据，如下图：

然后，保存DEM为OBJ格式，如下图：

关闭3DMAX中的DEM文件，然后再打开OBJ的文件，如下图：

打开之后，就是3D模型，需要为该模型贴上材质，也就是下载高清卫星图像，如下图：

最后生成的三维效果如下图：

收起

展开全文

地形模型

【3D Machine Learning】3D Machine Learning 3D Models
万次阅读 2019-12-14 19:14:56
3D Models Princeton Shape Benchmark (2003) [Link] 1,814 models collected from the web in .OFF format. Used to evaluating shape-based retrieval and analysis algorithms. Dataset for IKEA 3D models and ...
收起
理解3D CNN及3D卷积
万次阅读 多人点赞 2018-11-18 17:22:01
这篇博客主要详细介绍3D CNN框架结构的计算过程，我们都知道3D CNN 在视频分类，动作识别等领域发挥着巨大的优势，前两个星期看了这篇文章：3D Convolutional Neural Networks for Human Action Recognition，打算用...
收起
深度学习
【3D Machine Learning】3D Pose Estimation
万次阅读 2019-12-14 19:14:46
3D Pose Estimation Category-Specific Object Reconstruction from a Single Image (2014) [Paper] Viewpoints and Keypoints (2015) [Paper] Render for CNN: Viewpoint Estimation in Images Using CNNs Traine...
收起
【3D Machine Learning】3D Model Synthesis/Reconstruction
万次阅读 2019-12-14 19:14:26
3D Model Synthesis/Reconstruction Parametric Morphable Model-based methods A Morphable Model For The Synthesis Of 3D Faces (1999) [Paper][Code] The Space of Human Body Shapes: Reconstruction and Par...
收起
【3D Machine Learning】3D Scenes
万次阅读 2019-12-14 19:14:46
3D Scenes NYU Depth Dataset V2 (2012) [Link] 1449 densely labeled pairs of aligned RGB and depth images from Kinect video sequences for a variety of indoor scenes. SUNRGB-D 3D Object Detection Challe...
收起
深入浅出Unity3D——第一篇
万人学习 2015-02-05 09:58:48
Unity3D基础知识、游戏算法一网打尽。
收起
3D图形理论
万人学习 2017-01-15 21:10:20
课程实现一套软3D，即不依赖任何第三方API（OpenGL，D3D，GDI）等。课程从建立建立颜色缓冲区，绘制点，绘制线，绘制面，绘制图片，建立纹理，作图形的旋转，图像的混合，建立三维坐标系，实现模型矩阵，投影矩阵...
收起
OpenGL 数学
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 ""...
收起
使用Cocos2d-x 开发3D游戏
万人学习 2015-08-12 14:34:10
由CSDN知名博客讲师火云红孩儿创建的火云开发课堂正式开始讲授新的Cocos2d-x v3.7版本中的3D引擎功能模块！
收起
java手游开发手游辅助开发安卓2d手游开发
WPF3D切换例子_TimeZoneDaemonApp(3D)
千次下载 热门讨论 2015-01-30 08:59:29
一个关于WPF窗体3D切换的例子 WPF3D切换例子_TimeZoneDaemonApp(3D)
收起
Smart3D软件基本操作步骤
万次阅读 多人点赞 2017-10-27 15:08:09
1、打开smart3D的ContextCapture Center Master软件，界面如下： 2、点击新建工程，依次填入工程名称、工程目录后点击ok： 3、选择Photos选项卡，然后点击Add photos按钮，添加要建模的照片： 4、...
收起
软件
3D点云综述
千次阅读 多人点赞 2020-01-02 19:57:51
24页3D点云综述，共计214篇参考文献，涵盖3D形状分类，3D目标检测和跟踪，3D点云分割方向和大数据集。
收起
【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...
收起
3D卷积
千次阅读 2019-05-17 16:40:58
3D卷积方法是把视频划分成很多固定长度的片段(clip)，相比2D卷积，3D卷积可以提取连续帧之间的运动信息。即，3D卷积将视频多帧进行融合 1. C3D paper: D. Tran, et al. Learning spatio-temporal features ...
收起
使用echarts生成漂亮的3D地图
万次阅读 热门讨论 2018-10-09 15:45:59
使用echarts生成漂亮的3D地图 echarts是非常好用的图表插件，本文使用echarts来生成一个漂亮的3D地图效果准备资料第三方插件 <script type="text/javascript" src="...
收起
echarts 世界地图图表
css3D
万次阅读 2019-08-10 15:40:29
在写3D的时候总是搞不清楚轴在哪，那个是哪个轴其实3D在身边，我们自己就生活在3D空间中 X轴就是我们站直了之后左右平移的效果 Y轴就是我们坐电梯上下的效果 Z轴就是我们前进后退的效果沿轴翻转沿着X轴翻转就是你...
收起
css
【论文整理】DNN-Face-Recognition-Papers 3D Face Recognition
万次阅读 2019-12-14 16:22:23
3D Face Recognition: Deep 3D Face Identification [Donghyun Kim al., 2017] Learning from Millions of 3D Scans for Large-scale 3D Face Recognition [S. Z. Gilani al.,2018]
收起
视觉SLAM笔记（38） 3D-3D: ICP
万次阅读 2019-10-17 21:20:47
3D-3D 的位姿估计问题、迭代最近点（Iterative Closest Point, ICP）、SVD 方法、非线性优化方法BA
收起
python画图3d柱状图，3d直方图 ax.bar3d
千次阅读 2020-02-12 11:48:40
根据三维数据，画一个柱状图网上的很多代码，都有点含混不清，而且百度又不好用，无奈自己动手试了一...from mpl_toolkits.mplot3d import Axes3D # 绘图设置 fig = plt.figure() ax = fig.gca(projection='3d')...
收起
python3D绘图Axes3D函数详解
万次阅读 2018-04-22 09:24:52
Axes3D对象与使用projection ='3d'关键字的任何其他轴一样创建。创建一个新的matplotlib.figure.Figure并为其添加一个类型为Axes3D的新轴：比如如下方法创建aximport matplotlib.pyplot as pltfrom mpl_toolkits....
收起
3D CNN
千次阅读 2019-08-01 09:01:59
本文主要针对3D CNN结构与原理进行详细讲解，对于其应用背景（Human Action Recognition）不作阐述。如果你现在对卷积还存在疑问，请参考这篇博客彻底弄懂卷积的内涵再继续看下文。论文地址：...
收起
ContextCapture生成3D模型
万次阅读 多人点赞 2018-07-09 21:50:20
本篇博客主要介绍如何使用ContextCapture生成3D模型。在ContextCapture中，Control Points用于精确指定经纬度，Tie Points用于指定几张图像中相同的点，Scale用于指定大小（指定为多少最后建模出来的结果就是多少...
收起
3dmax2018下载3dmax2018下载安装详细教程3dmax2018下载方法
千次阅读 多人点赞 2019-03-16 16:50:52
Autodesk 3dmax2018软件下载3dmax2018安装激活教程（中文完整版）这是我自己安装好注册激活之后用了几天，发现无论是界面、功能、使用效果都非常方便，这么好的方便，不能藏着掖着，所以我决定分享出来，你可以和我...
收起
PnP（3D-2D）、ICP（3D-3D）
千次阅读 2019-03-19 15:48:26
前言：之前学习总结《视觉SLAM十四讲》总结过： 7：VO—— 3D-2D：PnP+...2、ICP（3D-3D）利用n 对特征点在不同相机坐标系下的三维坐标，估计相机之间的相对位姿，适用于RGB-D SLAM和激光SLAM（从原理上来说）。 ...
收起

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

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

前言：

正文：

总结：

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

文章目录

1. 前言

2. 安装

3. 类和方法

4. 应用示例

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

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

一、我的项目文件目录

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

三、运行效果图：

四、打包运行：

五、百度网盘下载

求大家推荐一款开源简单的3D游戏引擎？

3D-MAX真实三维地形制作过程

下载：全国路网数据、全国水系矢量 行政区划边界（省市区县）、行政地名 矢量数据

【3D Machine Learning】3D Machine Learning 3D Models

理解3D CNN及3D卷积

【3D Machine Learning】3D Pose Estimation

【3D Machine Learning】3D Model Synthesis/Reconstruction

【3D Machine Learning】3D Scenes

深入浅出Unity3D——第一篇

3D图形理论

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

使用Cocos2d-x 开发3D游戏

WPF3D切换例子_TimeZoneDaemonApp(3D)

Smart3D软件基本操作步骤

3D点云综述

【Open3d】使用open3d可视化

3D卷积

使用echarts生成漂亮的3D地图

css3D

【论文整理】DNN-Face-Recognition-Papers 3D Face Recognition

视觉SLAM笔记（38） 3D-3D: ICP

python画图3d柱状图，3d直方图 ax.bar3d

python3D绘图Axes3D函数详解

3D CNN

ContextCapture生成3D模型

3dmax2018下载3dmax2018下载安装详细教程3dmax2018下载方法

PnP（3D-2D）、ICP（3D-3D）

3d

轻巧建模之需求篇(一）

Window 中杀死指定端口 cmd 命令行 taskkill

北航2系电子电路2（模电2）2020-2021期末试题.pdf

BisikletKlinigi：BisikletKliniğiadlıişletmeiçinhazırladığımız网站上的项目-源码

PaintsNow：适用于现代平台和lagacy平台的轻量级脚本驱动图形引擎-源码

节点-源码

实现 MySQL 读写分离的利器 mysql-proxy

Armbian_5.8.8_Onecloud_emmc.7z

在线考试系统-源码

Samba 服务配置与管理

一致性hash的原理

全新PHP运动步数卡密版

用微服务spring cloud架构打造物联网云平台

libFuzzer视频教程

MySQL 四类管理日志（详解及高阶配置）

2021年C证(安全员)报名考试及C证(安全员)考试试卷

sqlite3代码重构.zip

每周计划1-源码

Linux已挂载的硬盘无法访问

Ubuntu16.04中neo4j安装与使用

下载：全国路网数据、全国水系矢量行政区划边界（省市区县）、行政地名矢量数据