zjbcool-CSDN博客

原创给3D设计师读的Verge3D入门指南

支持哪些三维软件？如何使用Verge3D插件？什么是拼图编程？如何展示我的Verge3D应用？原文：https://zjbcool.com/article/verge3d-guide-for-3d-artist.htmlVerge3D是一套面向3D设计师的WebGL应用开发工具包。对于有三维软件经验的新手来说，使用Verge3D就是在三维软件上安装和使用一个插件，但是这个插件能提供强大的交互开发能力，设计师朋友几乎不用接触代码就能开发：3D产品展示、网页游戏、AR/VR应用等等。此外，Ve

2020-07-30 19:53:54 2129

原创开源全景图查看器-360player_v3.0更新

360player是由宅家呗开发的一个免费的全景图查看器，基于Verge3D和three.js开发，今天很高兴地宣布该程序升级到3.0版本，版本不重要，重要的是更新一个新功能，现在支持WebVR了。现在在右侧功能菜单中增加了一个VR的按钮，点击进入即可开启VR模式，目前在支持webvr的设备上可以开启该功能。关于支持的设备，请到这里查看：https://webvr.info/如果你是...

2020-01-13 08:49:52 7096

原创 360player免费全景图播放器更新-附开发教程-20200101

介绍全景图查看器360player，是基于浏览器的全景图查看工具，可以很容易地部署到网站上，然后以自己网站的地址分享自己的全景图，无需借助第三方平台。更新20200101更新由于Chrome 79已经默认集成WebXR，360player现在使用WebXR实现VR功能。增加截图功能。更换了按钮图标。更换了加载器。20191201更新更新了核心v3d.js模块，...

2020-01-03 10:51:19 1071

原创 Verge3D宣布开始支持Maya，并发布Alpha版！

最新消息，Verge3D开发团队刚刚发布了Maya版Verge3D！Maya用户现在可以将三维模型一键发布到浏览器器了，并且不需要模型师去学习three.js，不需要写代码。请看官方公告——我们认为是时候拥抱Autodesk Maya了，从而进一步扩展我们的社区，Autodesk Maya是一款强大的3D创作工具，专门用于创建视频游戏和交互式应用程序的内容。我们打算最...

2019-12-05 19:06:15 407

原创 3D动画在线播放工具-3dplayer功能演示

视频演示：3D动画在线播放工具-3dplayer功能演示一、简介3dplayer能够加载.gltf格式的三维模型，通过配置脚本控制动画的播放，它可以让三维动画不经过渲染，直接将模型、动画导出，以在线或本地的方式实时播放。可用于3D微课、工艺流程演示、动画预览等。该程序适合3D模型师、动画师快速生成3D演示程序，而不需要任何编码。程序演示：https://zjbcool.c...

2019-08-27 22:51:15 2102

原创 Web3D配置器-自定义纹理&LOGO的技术实现

本程序允许用户上传PNG格式的图片，映射到模型表面，并能调节变换参数。另外，本程序还支持文字输入，同样可以将文字作为贴图调节各项参数。实现效果如下：程序演示地址：https://zjbcool.com/app/customLogo/customLogo.html作者：宅家呗宅家呗网提供Web3D教学和技术咨询服务。...

2019-08-26 20:43:42 351

原创 Unity,Sketchfab和Verge3D对比

译注：此类对比文章容易引战，作者会站在对自己有利的角度去做对比，从而宣传自家产品，这是难免的。但是对于我们用户来说，这是一个站在开发者角度理解产品最好的机会，是学习的好机会。如何理解，看你自己。文章译自：https://www.soft8soft.com/comparing-unity-sketchfab-and-verge3d/作者：Alexander Kovelenov作者介绍：S...

2019-06-25 13:32:30 2409

原创 Verge3D和Three.js之异同

可能很多对verge3d没有深入了解的人会认为这是一个新的webGL框架，但是实际上，Verge3D并不是一个新的框架，它和three.js、babylon.js不同，它是一套webGL的解决方案或者开发工具。原因有两个：Verge3D封装了three.js、tween.js等库，three.js代码可以直接运行在Verge3D项目中，所以Verge3D并不是新造了个轮子； Verge3D提...

2019-06-25 13:30:34 6876

原创 360player全景图播放器-附源码

开发了一个全景图播放器，自带全景展示、背景音乐、重力感应等功能，不用写代码，通过配置文件就可以展示全景图片。360plyaer使用说明1.360player是基于浏览器的全景图播放器，浏览器需要支持webGL；2.全景图尺寸要求是2的N次方，宽高比为2：1，如2048*1024，格式为.jpg .png；3.修改全景图需要将要展示的图片上传至360player文件夹下，打开list...

2018-10-11 11:08:52 6099 2

原创 UtoVR Player免费360VR视频播放器

本文作者已经自行开发了一套360player播放器，免费开源，地址。想找一个H5的360视频播放器，免费的，找了好几个，包括国外的，都是做平台的，免费入场，服务收费。UtoVR是一家国内的VR软件厂商，据官网介绍，UtoVR 一站式软件集成开发工具(SDK)是国内第一款自主研发的VR视频软件开发包，可以帮助您在自己的应用中，快速实现VR视频的播放效果。全面支持硬件解码，可与手机移动端PC...

2018-08-17 10:47:06 7954 1

原创 web3d-手机产品展示_onePlus6

花了几天时间制作了一加6手机的3D产品展示，在blender中创建模型，共2.5万个三角面，灯光和材质比较简单，用了适合产品展示的那种工作室灯光。材质上面发现了一个小BUG，verge3d的PBR材质在2.5版中报错，不能正常使用。由于时间限制，没有细琢磨问题出在什么地方，果断手动连PBR材质。工业产品讲究完美的线条，制作过程中，遇到的挑战主要是要大量使用布尔，还要同时保证线条光滑，就导致模型...

2018-08-16 23:09:43 964

原创【verge3D】为web3D开启陀螺仪功能

我想要实现在v3d中通过陀螺仪控制相机的方向，在v3d的示例中，我找到了misc_controls_deviceorientation.html，这是官方实现这个功能的示例。示例在SDK中，由于v3d是基于three.js的，在three.js官网的示例中有对应的演示：https://threejs.org/examples/#misc_controls_deviceorientation...

2018-08-16 23:06:39 1381

原创 facebook支持3D发贴

前两天在头条上看到一篇关于facebook支持上传gltf格式的3D内容，正好我熟悉这种3D格式，于是重新注册了一个FB账号做一个测试。步骤：1.使用blender和verge3d制作并导出glb格式的3D内容。2.打开FB，点发贴，直接把导出的glb格式文件拖拽进去即可。3.效果。https://www.facebook.com/zjbcool...

2018-03-06 15:27:21 328

原创 web3D技术实现3D思维导图

这是一个为我的博客做的思维导图式的3D导航http://zjbcool.com/static/assets/mind/mind.html

2018-03-06 10:43:04 6805 4

原创 web3d技术实现虚拟购物程序

程序演示见文末。1、这是什么？这是个产品展示类应用，名字叫《宅男房间》，利用webGL技术在网页上呈现三维交互内容，展示了一个迷恋二次元的宅男的房间，你可以旋转视角观看房间里的任何角落。2、有哪些功能？最直观的就是房间里的布置，除了漫画和手办，还有一些互动。点击桌面、台灯、平板、红包可以切换视角；台灯可以开关，箭头能控制旋转；平板上捧着月饼的妹子那是送祝福呢，点击播放会有小惊喜；最后别忘了打开红包...

2018-03-06 10:29:09 3460 3

zjbcool