3D

本篇文章介绍了 Web 3D 世界的渲染原理，以及如何通过 Three.js 搭建一个 3D 场景并添加必要组件，在文章的最后，我们甚至还通过动画和变换属性得到了一个不断旋转的立方体！ 欢迎关注「前端乱步」公众号，我会在此分享 Web 开发技术，前沿科技与互联网资讯。 0. 系列文章 »

    在机器视觉领域，相机标定是不可或缺的一步，而张氏标定法，因其灵活性，是各种标定方法中最有影响力的一种，称其为相机标定的 "奥林匹斯山" 并不为过     张正友 99年发表的论文 "Flexible Camera Calibration by Viewing a Plane from Unk »

在 3D 引擎中，场景通常被描述为三维空间中的模型或对象，每个模型对象由许多三维顶点组成。最终，这些模型对象将在平面屏幕上呈现和显示。 渲染场景始终相对于摄像机，因此，还必须相对于摄像机的视图定义场景的顶点。了解一下这个转换过程是相当有必要的。 上图中，point为正方体的一个顶点point. 一 »

目录 Model类 场景加载 场景配置文件 递归处理场景模型 加载独立模型 动画 结语 Model类 之前的引擎介绍文章中有人留言想了解如何通过引擎加载自定义的模型场景，这篇文章将详细介绍如何加载场景及场景配置文件的说明～ 场景加载 加载场景主要使用引擎中的model类来实 »

目录 Model类 场景加载 场景配置文件 递归处理场景模型 加载独立模型 动画 结语 Model类 之前的引擎介绍文章中有人留言想了解如何通过引擎加载自定义的模型场景，这篇文章将详细介绍如何加载场景及场景配置文件的说明～ 场景加载 加载场景主要使用引擎中的model类来实 »

大家好，我现在开始写书了，书名为：《3D编程模式》 我会在本系列博文中记录写书的整个过程，感谢大家支持！ 大家好，我现在开始写书了，书名为：《3D编程模式》 我会在本系列博文中记录写书的整个过程，感谢大家支持！ 这里是所有的的写书记录：《3D编程模式》写书记录 为什么写书 去年我突发奇想 »

目录 一.话不多，看效果 二.实现（附完整代码） 1.定义标签： 2.定义外层盒子css： 3.定义盒子6个面分别的样式： 一.话不多，看效果 二.实现（附完整代码） 1.定义标签： <div class="container"> <div »

目录 前言 一、先看效果 二、实现步骤 总结 前言 用css的transform属性做一个3D相册~~~值translate表示偏移；scale表示缩放；rotate就是转动。 一、先看效果 二、实现步骤 1.我们知道一个正方体有6个面，所以定义一个父亲元素然后定义6个子 »

Unity 实现3D物体遮挡血条 前言：在游戏开发中，我们经常会遇到UI和3D物体的层级遮挡问题，最常见的比如血条跟随敌人的时候，多个敌人的血条会遮挡住玩家或者3D物体，去网上查了一下也没有很好的解决方案，自己尝试了一下，发现还是很简单的 UI血条的制作 利用Unity自带的UI组件Scrollba »

Unity 实现3D物体遮挡血条 前言：在游戏开发中，我们经常会遇到UI和3D物体的层级遮挡问题，最常见的比如血条跟随敌人的时候，多个敌人的血条会遮挡住玩家或者3D物体，去网上查了一下也没有很好的解决方案，自己尝试了一下，发现还是很简单的 UI血条的制作 利用Unity自带的UI组件Scrollba »

目录 效果图：（移动上去也会有效果的那种哦） 第一步：vue中安装echarts和echarts-gl 第二步：在vue文件中引入 第三步：实现具体代码（完整的） 第四：我想说一下注意事项哈 总结  效果图：（移动上去也会有效果的那种哦） 第一步：vue中安装echarts和ec »

目录 效果图：（移动上去也会有效果的那种哦） 第一步：vue中安装echarts和echarts-gl 第二步：在vue文件中引入 第三步：实现具体代码（完整的） 第四：我想说一下注意事项哈 总结  效果图：（移动上去也会有效果的那种哦） 第一步：vue中安装echarts和ec »

本次铝型材挤压产线案例，图扑软件利用 Web 3D 技术搭建基于实际厂区的虚拟可视化铝型材制造工厂，厂区内有办公楼、挤压车间、休息区、体育场、综合厂房等建筑，辅以厂区内绿植、道路、路灯、停车场、篮球场、湖泊等周边设施，通过图扑软件自研引擎，并结合 PBR 物理渲染材质系统，渲染出真实厂区的环境效果。 »

本次铝型材挤压产线案例，图扑软件利用 Web 3D 技术搭建基于实际厂区的虚拟可视化铝型材制造工厂，厂区内有办公楼、挤压车间、休息区、体育场、综合厂房等建筑，辅以厂区内绿植、道路、路灯、停车场、篮球场、湖泊等周边设施，通过图扑软件自研引擎，并结合 PBR 物理渲染材质系统，渲染出真实厂区的环境效果。 »

目录 1、介绍 2、程序 3、结论 点云生成 3D 网格的最快方法 已经用 Python 编写了几个实现来从点云中获取网格。它们中的大多数的问题在于它们意味着设置许多难以调整的参数，尤其是在不是 3D 数据处理专家的情况下。在这个简短的指南中，我想展示从点云生成网格的最快和最简单的过程。 »

目录 摘要 效果 原理 React-Three-Fiber 特点 生态系统 安装 第一个场景 实现 〇 搭建页面基本结构 ① 场景初始化 ② 添加辅助工具 ③ 创建乒乓球和球拍 创建物理世界 创建乒乓球 创建球拍 颠球计数 ④ 页面装饰 音效 光照 提示语 总结 »

目录 摘要 效果 原理 React-Three-Fiber 特点 生态系统 安装 第一个场景 实现 〇 搭建页面基本结构 ① 场景初始化 ② 添加辅助工具 ③ 创建乒乓球和球拍 创建物理世界 创建乒乓球 创建球拍 颠球计数 ④ 页面装饰 音效 光照 提示语 总结 »

本文将使用技术栈 React Three Fiber 和 Cannon.js 来实现一个具有物理特性的乒乓球小游戏，通过本文的阅读，你将学习到的知识点包括：了解什么是 React Three Fiber 及它的相关生态、使用 React Three Fiber 搭建基础三维场景、如何使用新技术栈给场 »

本文将使用技术栈 React Three Fiber 和 Cannon.js 来实现一个具有物理特性的乒乓球小游戏，通过本文的阅读，你将学习到的知识点包括：了解什么是 React Three Fiber 及它的相关生态、使用 React Three Fiber 搭建基础三维场景、如何使用新技术栈给场 »

目录 关键概念 视口 相机 光源 材质 3D对象 命中测试（鼠标交互） 3D对象中2D控件渲染 外部导入3D模型 WPF的3D功能可以在不编写任何c#代码的情况下进行绘制，只需要使用xaml即可完成3D图形的渲染。本文主要讲述了WPF-3D中的关键概念， 以及常用到的命中测试、2d控 »