![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
threejs
小新快跑123
这个作者很懒,什么都没留下…
展开
-
云图CAD——是怎么做出来的?
更新了许久的博客,今天想来讲一讲我正在做的一个三维设计软件。也算是国内第一代云端协同设计软件。这个过程非常不容易,我想讲给你听2019年初,我们正式开始了对「模谷云」(云图前身)的探索。,我们走过了一年。其中艰辛无数,但感谢所有周围人的帮助与陪伴,让我们成长。云图三维经历50余人的反复打磨与迭代,也为后来云图软件的高起点埋下了伏笔。带着对国产工业软件的恨铁不成钢,带着对高品质新体验CAD的目标,我们正式出发。云图是什么?「云图」(全称云图三维,cloudcad等,以下简称云图),是一款在线设计、原创 2020-12-19 20:27:31 · 4693 阅读 · 3 评论 -
5 gltf:buffer缓存、bufferView视窗、accesors访问器
总目录 >> threejs入门进阶到实战(目前已更新入门篇、基础篇和进阶篇)5 buffer缓存、bufferView视窗、accesors访问器buffer, bufferView,和 accessor 对象已经在**3、最小GLTF文件 **提到,本节将会详细解释它们的含义。Buffers 缓存缓冲区buffer表示原始二进制数据块,没有内在的结构或含义。缓冲区使用其u...原创 2020-04-07 18:28:17 · 1604 阅读 · 0 评论 -
4 gltf:scenes 和Nodes(场景和节点)
总目录 >> threejs入门进阶到实战(目前已更新入门篇、基础篇和进阶篇)4 scenes 和Nodes(场景和节点)原文:https://github.com/KhronosGroup/glTF-Tutorials/blob/master/gltfTutorial/gltfTutorial_004_ScenesNodes.md场景 scenes一个glTF文件中可能有多...原创 2020-04-07 18:24:40 · 1340 阅读 · 0 评论 -
3、最小GLTF文件
总目录 >> threejs入门进阶到实战(目前已更新入门篇、基础篇和进阶篇)3、最小GLTF文件下面是一个最小但完整的glTF文件,包含一个索引三角形。您可以将其复制并粘贴到gltf文件中,gltf的应用程序都应该能够加载和渲染它。本节将基于此示例解释glTF的基本概念。{ "scenes" : [ { "nodes" : [ 0 ] } ]...原创 2020-04-07 18:20:33 · 579 阅读 · 0 评论 -
2 glTF的基础结构
2 glTF的基础结构原文参考:https://github.com/KhronosGroup/glTF-Tutorials/blob/master/gltfTutorial/gltfTutorial_002_BasicGltfStructure.mdglTF的核心是JSON文件。此文件描述三维场景的全部内容。它包括了 场景(scene)结构本身,该描述由定义场景树(scene graph)的...原创 2020-04-04 20:25:29 · 586 阅读 · 0 评论 -
GLTF格式学习:glTF介绍( 基于WebGL
原文: https://github.com/KhronosGroup/glTF-Tutorials/blob/master/gltfTutorial/gltfTutorial_001_Introduction.md越来越多的应用程序和服务是基于3D内容的。在线商店提供具有3D预览的产品。博物馆通过三维扫描将其文物数字化,并允许游客在虚拟画廊中探索其收藏品。城市规划者使用三维城市模型进行城市规划...原创 2020-04-04 20:21:39 · 2919 阅读 · 0 评论 -
three.js小程序:概述
three.jsthree.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。https://github.com/mrdoob/three.js/小程序(mini program)小程序最初指的是微信小程序,目前qq小程序,头条小程序,百度小程序,支付宝小程序也在陆续开放。此处涉及到的小程序指的是微信小程序,目前也只有腾讯家开放了WebGL接口,(在2.7....原创 2019-11-13 14:39:06 · 1746 阅读 · 0 评论 -
threejs: buffergeometry/gltf的模型导入及格式解析(json后缀)
由occ转换后的web模型,可以是直通gpu api 的gltf格式,也可以是threejs的buffergeometry,(性能也还可以)两者的后缀均是json,但是所使用的loader不一样。1.buffergeometry(threejs)1 加载buffergeometry的json文件 loader = new THREE.BufferGeometryLoader();pho...原创 2019-06-13 22:33:19 · 5667 阅读 · 0 评论 -
threejs:遍历场景中的内容。
此处部分摘自:html5与webgl编程 潘征版 p152function processNodes(n){ if (n instanceof Three.Mesh) { n.material.overdraw=true; }}function handleSceneLoaded(data,parent){ // 将网格添加至分组中 parent.add(data.sce...原创 2019-08-25 16:58:54 · 2221 阅读 · 0 评论 -
threejs:从入门,进阶到实战
本教程的目的是实现网页端实现三维模型显示,绘制等…首先,这是threejs的官方例子(直接显示出来的例子.)https://threejs.org/examples/原创 2019-05-18 02:33:15 · 4323 阅读 · 3 评论 -
threejs:当物体转到一定角度,有些面消失了解决方案
使用:side: THREE.DoubleSide.例如:var rectShape = new THREE.Shape(); rectShape.moveTo( 0, 0 ); rectShape.lineTo( 0, rectWidth ); rectShape.lineTo( rectLength, rectWidth ); rectShape.lineT...原创 2019-05-18 00:43:14 · 6031 阅读 · 1 评论 -
threejs:二维绘图(基础点,线,不规则图形等)
占坑原创 2019-04-10 13:07:14 · 12591 阅读 · 0 评论 -
threejs:三维绘图(拉伸,旋转拉伸,等)
占坑原创 2019-04-10 13:08:23 · 3993 阅读 · 0 评论 -
three.js物体移动以及相机的移动(位置以及旋转方位)
之前trackballcontrols.js的所谓旋转缩小是指的,站在相机的角度上,我们围着物体转。物体在空间中的坐标是没有发生变化的。接下来的transform是指坐标变换,也就是移动后物体是在空间坐标系是改变了的。占坑...原创 2019-04-10 13:25:25 · 8537 阅读 · 0 评论 -
threejs:实现模型爆炸效果
参考文献:https://blog.csdn.net/qq_30621091/article/details/84585790占坑。。原创 2019-04-10 13:41:26 · 4210 阅读 · 0 评论 -
threejs:剖切图
占坑原创 2019-04-10 13:42:12 · 2683 阅读 · 0 评论 -
threejs测距:点到点,面到面,角度等
参考文章:https://blog.csdn.net/ALLENJIAO/article/details/81483073原创 2019-04-10 13:44:49 · 5113 阅读 · 1 评论 -
threejs:识别点线面并能够高亮显示
占坑。。。。原创 2019-04-10 13:48:02 · 3469 阅读 · 4 评论 -
threejs:模型轻量化
参考链接:https://blog.csdn.net/ALLENJIAO/article/details/80830700占坑,,原创 2019-04-10 14:06:40 · 2282 阅读 · 0 评论 -
threejs:中文字体的使用
此处的例子为:为一个平面添加中文字体。在这里学习添加中文字体:https://threejs.org/docs/#api/zh/geometries/TextBufferGeometryhttps://github.com/mrdoob/three.js/tree/dev/examples/fonts本处以免费开源可商用的字体为例子。首先下载思源ttf字体。http://www.diy...转载 2019-05-16 14:04:27 · 3110 阅读 · 0 评论 -
threejs:基础三维空间(可旋转放大互动,自动适配屏幕,透视变换,基础光线)
Three.js 是一款运行在浏览器中的 3D 引擎,可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象。我们在这里将会创建基础的三维空间,包括相机位置及方向设置,透视变换,光源设置,trackballcontroller的基础交互,再自动适配屏幕。...原创 2019-04-10 13:00:30 · 3009 阅读 · 1 评论