首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏计算机图形学 前端可视化 WebGL

    WebGL 单通道wireframe渲染

    如果要把一个对象的线框绘制出来,一般的方法是先绘制实体对象,然后通过gl.LINES的模式再绘制一遍模型,此时模型的线框就会被绘制出来。

    1.1K20发布于 2019-05-28
  • 来自专栏计算机图形学 前端可视化 WebGL

    webgl实现发光线框(glow wireframe)效果 要实现发光的效果

    在之前这篇文章, WebGL 单通道wireframe渲染 我们介绍了webgl如何实现单通道wireframe的效果。 本篇文章就是在此技术原理基础之上,来实现发光的wireframe效果。 其实wireframe本身就是在两种颜色之间进行渐变,从代码也可以看出: gl_FragColor.rgb = mix(vec3(.0,.0,.0), vec3(1.0,1.0,1.0),edgeFactor3

    2K20发布于 2020-08-10
  • 来自专栏无原型不设计

    16款值得一用的iPhone线框图模板 (PSD & Sketch)

    iPhone 6 线框模板 1. iPhone 6 Plus and iPhone 6 Wireframe 设计师:Andrea Ripamonti 格式:AI 价格:免费 ? 下载地址 4. iPhone 7 wireframe template 设计师:Mockplus 格式:- 价格:免费 ? Free iPhone X wireframe template 设计师:Fedza Miralem 格式:Sketch 价格:免费 ? 下载地址 4. iPhone X Wireframe & Mockup 设计师:Valentin Ciobanu 格式:PSD 价格:免费 ? 下载地址 3.UIXO iOS 11 Wireframe Kit for iPhone X 设计师:Designmodo 格式:Sketch PSD 价格:$36 ?

    2.4K20发布于 2019-01-24
  • 来自专栏大宇笔记

    一个高质量老虎

    wireframe: guiData.fillShapesWireframe, }); //SVGLoader创建形状 const shapes = SVGLoader.createShapes path.userData.style.strokeOpacity, transparent: true, side: THREE.DoubleSide, depthWrite: false, wireframe wireframe 还有一个问题就是 wireframe,材质的是干什么的呢? .wireframe : Boolean 将几何体渲染为线框。默认值为false(即渲染为平面多边形)。 看下基础材质的例子就明白了,传送门 wireframe 设置为false: wireframe 设置为true:

    71840编辑于 2022-03-09
  • 来自专栏深度学习和计算机视觉

    基于深度学习的直线检测算法

    opencv中,除此以外opencv还包含了一些其他的传统直线检测算法,具体可以参考这篇博文:opencv直线检测算法汇总 直线检测算法汇总 深度学习算法 神经网络离不开数据支持,直线检测网络的发展离不开wireframe wireframe数据集 有了数据集的支持,近些年有不少直线检测顶会论文发表。 Wireframe 【CVPR 18】 wireframe是随数据集提出的直线检测网络。 wireframe架构 对于端点,需要注意其所对应的直线不一定只有一条,(如矩形顶点都对应两条边)。对此,wireframe首先将可能的方向分为K份,每份360/K度,作为一个bin。 另一方面,对于直线像素的分割,wireframe采用级联沙漏网络(Stacked Hourglass Networks)作为backbone。 wireframe网络并非端到端的网络,其需要后处理来将分割结果和端点检测结果进行融合,才能得到最终检测结果。之后提到的几篇文章都是端到端的检测网络。

    83710编辑于 2024-05-09
  • 来自专栏前端漫步

    Threejs入门之七:Threejs中的几何体

    注意这里的分段数代表这个几何体可以分为几段,如果 widthSegments 设置为2,则代表这个几何体在宽度方向上分为两段,可能这个分段数不好理解,我们可以借助MeshLambertMaterial中的一个属性wireframe 进行理解,wireframe属性是一个布尔值,开启wireframe属性可将几何体渲染为线框。 我们在材质中添加wireframe属性为true,可以看到三维图形变成了线框组成的立体图形const material = new THREE.MeshLambertMaterial({ color: 0x00ffff,//设置颜色 wireframe:true,//线条模式渲染mesh对应的三角形数据}) 观察图形发现,这个立方体的每一个面都是有两个三角形组成的,如果我们把widthSegments THREE.CircleGeometry( 100, 32 ); const material = new THREE.MeshLambertMaterial({ color:0x00ffff,//设置颜色 wireframe

    2.3K30编辑于 2023-05-19
  • 来自专栏历史专栏

    【愚公系列】2023年08月 Three.js专题-光源

    : { getValue: item => item.wireframe, setValue: (item, value) => item.wireframe = value, }, ', 'visible'], MeshDepthMaterial: ['wireframe', 'cameraNear', 'cameraFar'], MeshNormalMaterial: [ 'opacity', 'transparent', 'wireframe', 'visible', 'side'], MeshLambertMaterial: ['opacity', 'transparent ', 'wireframe', 'visible', 'side', 'ambient', 'emissive', 'color'], MeshPhongMaterial: ['opacity', 'transparent', 'wireframe', 'visible', 'side', 'ambient', 'emissive', 'color', 'specular', 'shininess

    30200编辑于 2025-05-28
  • 来自专栏深度学习

    【深度学习】 Python 和 NumPy 系列教程(十五):Matplotlib详解:2、3d绘图类型(1):线框图(Wireframe Plot)

    线框图(Wireframe Plot) 用于可视化三维数据,通过绘制连接数据点的线来显示数据的分布和形状。 函数生成一个曲面 # 创建一个三维坐标系 fig = plt.figure() ax = fig.add_subplot(111, projection='3d') # 绘制线框图 ax.plot_wireframe 创建了一个三维坐标系,并使用ax.plot_wireframe函数绘制线框图,该函数接受三个参数:X、Y和Z,分别表示网格点的x、y、z坐标。

    68010编辑于 2024-07-29
  • 来自专栏韩曙亮的移动开发专栏

    【Unity3D】网格 Mesh ( 网格概念 | 网格示例 | Unity 中 3D 物体渲染模式 | 着色模式 | 线框模式 | 线框着色模式 )

    Unity 编辑器中 3D 物体的 渲染模式 : 着色模式 线框模式 线框着色模式 1、着色模式 着色模式 : Shaded 模式 , 只显示 表面的渲染材质 ; 2、线框模式 线框模式 : Wireframe 模式 , 只显示 表面的网格 Mesh ; 3、线框着色模式 线框着色模式 : Shaded Wireframe 模式 , 既显示材质 , 又显示网格 ; 4、切换渲染模式 在 Unity 编辑器的 Scene 场景窗口 中 , 默认显示 3D 物体的材质 , 在窗口左上角显示的 Shaded 材质选项 ; 点击 Shaded 选项 , 会弹出菜单 , 选择其中第二项 Wireframe

    4.1K20编辑于 2023-03-30
  • 来自专栏腾讯社交用户体验设计

    Merry Christmas with QQfamily

    Wireframe Animatics With wireframe animatics, we checked and adjusted the overall image flow before rendering

    52960发布于 2018-06-29
  • 来自专栏历史专栏

    【愚公系列】2023年08月 Three.js专题-基本概念和使用

    THREE.BoxGeometry(2, 2, 2); // 创建材质 const cubeMaterial = new THREE.MeshBasicMaterial({ color: 0xff0000, wireframe THREE.SphereGeometry(1,10,10); const sphereMaterial = new THREE.MeshBasicMaterial({ color: 0xff0000, wireframe THREE.SphereGeometry(1,10,10); const sphereMaterial = new THREE.MeshLambertMaterial({ color: 0x00ff00, wireframe THREE.SphereGeometry(1,10,10); const sphereMaterial = new THREE.MeshLambertMaterial({ color: 0x00ff00, wireframe THREE.SphereGeometry(1,10,10); const sphereMaterial = new THREE.MeshLambertMaterial({ color: 0x00ff00, wireframe

    42610编辑于 2025-05-28
  • 来自专栏数据 学术 商业 新闻

    推荐!超赞的3D可视化图表绘制工具大汇总~~

    = seq(0, 1, by = 0.05), y = seq(0, 1, by = 0.05)) grid$z <- with(grid, x + y) wireframe (z ~ x + y, data = grid, scales = list(arrows = FALSE), panel.3d.wireframe = panel <- with(grid, 1 + 0.01 * x + 0.05 * y - 0.5 * x * y - 0.5 * x^2 - 0.2 * y^2) wireframe scales = list(arrows = FALSE), zlim = extendrange(grid$z, f = 0.5), panel.3d.wireframe <- with(grid, 1 + 0.01 * x + 0.05 * y - 0.5 * x * y - 0.5 * x^2 - 0.2 * y^2) wireframe

    2.4K20编辑于 2022-05-24
  • 来自专栏用户4822892的专栏

    How to make a Web Application step by step?

    Sketch out the wireframe of your web applications UI - it shouldn't be precise - this is just a sketch perfect chance to turn those portrayals and that newly found perception of your web application into a wireframe You can show/wireframe using the going with mechanical assemblies: Sketch (macOS) InVision Studio (macOS Advance validation It's an extraordinary chance to show your great wireframe to the world.

    69310发布于 2019-11-26
  • 来自专栏历史专栏

    【愚公系列】2023年08月 Three.js专题-几何体

    = new THREE.MeshLambertMaterial({ color: 0xff0000 }) const basic = new THREE.MeshBasicMaterial({ wireframe = new THREE.MeshLambertMaterial({ color: 0xff0000 }) const basic = new THREE.MeshBasicMaterial({ wireframe = new THREE.MeshLambertMaterial({ color: 0xff0000 }) const basic = new THREE.MeshBasicMaterial({ wireframe = new THREE.MeshLambertMaterial({ color: 0xff0000 }) const basic = new THREE.MeshBasicMaterial({ wireframe = new THREE.MeshLambertMaterial({ color: 0xff0000 }) const basic = new THREE.MeshBasicMaterial({ wireframe

    30400编辑于 2025-05-28
  • 来自专栏MixLab科技+设计实验室

    LayoutVAE 和LayoutGAN

    LayoutVAE Stochastic Scene Layout Generation From a Label Set LayoutGAN generating graphic layouts with wireframe - LayoutGAN generating graphic layouts with wireframe discriminators 传统的GAN会在像素级别上合成布局,从而无法获取不同元素之间的依存关系

    1.2K20发布于 2020-01-13
  • 来自专栏深度学习

    【中秋节快乐】Matplotlib:3d绘图合集

    matplotlib.rcParams['font.sans-serif'] = ['SimHei'] # 设置中文字体为黑体 若不进行该设置,会报错字体缺失 1. 3D线框图(3D Wireframe 函数生成一个曲面 # 创建一个三维坐标系 fig = plt.figure() ax = fig.add_subplot(111, projection='3d') # 绘制线框图 ax.plot_wireframe 的子图布局 fig, axs = plt.subplots(2, 4, figsize=(16, 8), subplot_kw={'projection': '3d'}) # 1. 3D线框图(3D Wireframe Plot) axs[0, 0].plot_wireframe(X, Y, Z) axs[0, 0].set_title("3D Wireframe Plot") # 2. 3D散点图(3D Scatter

    78910编辑于 2024-07-30
  • 来自专栏各类技术文章~

    Matplotlib三维绘图,这一篇就够了

    ax.set_xlabel('X Label') ax.set_ylabel('Y Label') ax.set_zlabel('Z Label') plt.show() # 线框图 def wireframe 绿色、‘r’ red 红色、‘c’ cyan 兰青色 # ‘m’ magenta 紫色、‘y’ yellow 黄色、‘k’ black 黑色、‘w’white 白色 ax.plot_wireframe fig.add_subplot(projection='3d') # 获取测试数据 X, Y, Z = axes3d.get_test_data(0.05) # 绘制基本的线框图 ax.plot_wireframe plt.show() # 3D线图 line_3d() # 3D散点图 scatter_3d() # 3D随机颜色散点图 scatter_random_color_3d() # 线框图 wireframe

    1.7K00发布于 2021-10-25
  • 来自专栏数据 学术 商业 新闻

    超强的3D交互工具!!怒赞~~

    np.meshgrid(a, a) X = U Y = V Z = X*Y**2 ipv.figure() ipv.plot_surface(X, Z, Y, color="orange") ipv.plot_wireframe as ipv x, y, z, u, v = ipv.examples.klein_bottle(draw=False) ipv.figure() m = ipv.plot_mesh(x, y, z, wireframe

    83430编辑于 2022-04-11
  • 来自专栏一点人工一点智能

    免费领取 | 11篇 3DV2022论文

    video, and supplementary material are publicly available at mias.group/SDA-SNE. 03 HoW-3D: Holistic 3D Wireframe Project Page: https://github.com/Wenchao-M/HoW-3D Abstract: This paper studies the problem of holistic 3D wireframe CAD models sourced from the ABC-dataset with 12k single-view images and the corresponding holistic 3D wireframe Compared with the strong baseline methods, our DSG model outperforms the previous wireframe detectors

    1.3K50编辑于 2022-12-27
  • 来自专栏python前行者

    Mayavi 入门

    ) y = r*cos(phi) z = r*sin(phi)*sin(theta) s = mlab.mesh(x, y, z, line_width=1.0)#,representation="wireframe 通过传递一个关键字参数representation给mesh函数,可以指定绘制的表现形式: surface : 缺省值,绘制曲面 wireframe : 绘制边线,将dphi, dtheta的改为较大值 ,例如pi/20之后,调用 : s = mlab.mesh(x, y, z, representation=“wireframe”, line_width=1.0 ) 得到如下结果: ?

    2.3K40发布于 2019-03-25
领券