给3D设计师读的Verge3D入门指南
- 支持哪些三维软件?
- 如何使用Verge3D插件?
- 什么是拼图编程?
- 如何展示我的Verge3D应用?
原文:https://zjbcool.com/article/verge3d-guide-for-3d-artist.html
Verge3D是一套面向3D设计师的WebGL应用开发工具包。对于有三维软件经验的新手来说,使用Verge3D就是在三维软件上安装和使用一个插件,但是这个插件能提供强大的交互开发能力,设计师朋友几乎不用接触代码就能开发:3D产品展示、网页游戏、AR/VR应用等等。此外,Verge3D应用还能集成进微信小程序,桌面应用程序,安卓应用程序。
#支持哪些三维软件?
Verge3D应用开发大体分为三个部分:界面、3D资产、交互。其中,部分界面和全部3D资产都是在三维软件中完成的。Verge3D没有提供3D建模的功能,它是以插件方式,通过对行业里流行的三维软件提供支持来实现的。所以,从一开始你就已经掌握大部分技能了。
Verge3D直接支持Blender、3dsMax、Maya;另外Cinema4D等其它三维软件可以导出标准gltf格式,或通过FBX、OBJ等格式导入上述3个软件,实现间接支持。
Verge3D核心功能之一是提供了从三维软件本地材质系统向WebGL材质系统的转换,这项工作是比较耗时的,目前Verge3D对Blender材质系统的支持是最先进的。
#如何使用Verge3D插件?
如果是开发一个只有基础功能的3D产品展示,那么你只需要像开发网页游戏那样,按照通行的行业规范按部就班地完成建模、材质、灯光、动画,然后点击预览按钮就会在浏览器里打开一个可以360度查看的WebGL页面。
但是这只是上手而已。Verge3D最强大的地方是它的交互开发能力。这里,我们需要将3D场景导出为Verge3D的glTF格式,以用于下一步的交互开发。
#什么是拼图编程?
让设计师完成交互开发,需要提供一套友好的可视化开发工具。目前流行的是节点式编程,比如UE4,unity3d,Godot的可视化脚本。但是节点式编程可读性差、不易维护。Verge3D采用的是Google开源的Blockly方案,这是一种常见于少儿编程产品的拼图式(Puzzle)编程方案,优势是生成的JS代码可读性强,易维护,编程方式接近文本式编程,便于设计师向程序员过渡。
从拼图编辑器界面可以看到,基本上常用的功能都以拼图块的形式归纳到相应的分类下面,需要的时候拖拽出来就可以。拼图块的连接是镶嵌式的,不像节点式编程那样额外穿插各种方向的线条。
拼图,以及背后开发团队的设计思想,都是让JavaScript和Three.js更好用。你可以用文本编辑器打开visual_logic.js文件,这里面的代码就是你用拼图写的JS代码,它们和拼图长得很相似,也许以后你会直接写出这样的代码。
#如何展示我的Verge3D应用?
作为一名3D建模师,过去我要消耗大量时间用来渲染静帧图片。现在,耗时的渲染变成在浏览器中的实时渲染了,而且不再是单一角度的静帧,而是带动画,可以360度查看,可交互的网页!
你可以通过Verge3D网络(基于亚马逊云),或者自有网站发布自己的作品——仅需一个网址。
关于如何搭建网站,这是另外一个专门的话题,如果你了解不多,可以阅读《3D建站全流程指南》,这篇文章将通用的建站技术与Verge3D结合到了一起。
给3D设计师读的Verge3D入门指南相关推荐
- unity 3d网络游戏实战(全).pdf_“游戏开发入门指南——Unity+”的食用指南
虽然专栏的文章已在置顶中按内容分好类了([置顶]游戏开发入门指南专栏目录),但不排除仍然有初学者面对繁杂的内容感觉无从下手.因此额外带来一篇食用指南,旨在给想要通过本专栏学习游戏开发的同学一条相对容易 ...
- LWJGL入门指南:使用《我的世界》(Minecraft)同款游戏库开发一个超级“简单”的3D射击游戏
LWJGL系列文章 LWJGL入门指南:序章 LWJGL入门指南:安装LWJGL或生成maven或gradle依赖与第一行LWJGL代码 LWJGL入门指南:一个超级简单的3D射击游戏demo 前言 ...
- 【51单片机快速入门指南】2.3:GPIO读取矩阵键盘 8个IO读16键
目录 硬知识 矩阵键盘介绍 测试程序 Key_Board.c Key_Board.h main.c 实验现象 普中51-单核-A2 STC89C52 Keil uVision V5.29.0.0 PK ...
- 编程入门指南 v1.4
著作权归作者所有. 商业转载请联系作者获得授权,非商业转载请注明出处. 作者:Badger 链接:http://zhuanlan.zhihu.com/xiao-jing-mo/19959253 来源: ...
- 《转载》编程入门指南 v1.4
编程入门指南 v1.4 Badger · 8 个月前 作者:@萧井陌, @Badger 自由转载-非商用-非衍生-保持署名 | Creative Commons BY-NC-ND 3.0 CoCode ...
- [转载]编程入门指南
编程入门指南 作者:@萧井陌 @Badger 2015年03月03日 v1.1 更新 2015年02月18日 v1.0 更新 前言 如今编程成为了一个越来越重要的技能:作为设计师,懂一些编程可能会帮你 ...
- Ubuntu桌面入门指南(转载)
本文章转载于http://wiki.ubuntu.org.cn/Ubuntu%E6%A1%8C%E9%9D%A2%E5%85%A5%E9%97%A8%E6%8C%87%E5%8D%97#3.1.5-E ...
- Shader入门指南
Unity3D Shader入门指南(一) 分类: Unity3d2014-04-28 17:40 16人阅读 评论(0) 收藏 举报 unity3dShader3d渲染 目录(?)[+] 本文转载自 ...
- Unity3D Shader入门指南(二)
关于本系列 这是Unity3D Shader入门指南系列的第二篇,本系列面向的对象是新接触Shader开发的Unity3D使用者,因为我本身自己也是Shader初学者,因此可能会存在错误或者疏漏,如果 ...
最新文章
- python的class的__str__()和__repr__()函数
- 洛谷-P1896 [SCOI2005]互不侵犯
- CAD图纸文件中标注的尺寸如何进行隐藏?
- android下使用tcpdump抓包
- 抽象类和接口有什么区别?
- vim 改变当前工作路径和创建文件夹
- 查看和设置mysql字符集
- 两张趣图助你理解 HTTP 状态码
- 剑指Offer55-II题解-平衡二叉树
- Linux 给我的七个宝贵教训
- centos 6 mysql 5.7.13 编译安装_Centos 6.5系统下编译安装PHP 7.0.13的方法
- python referer伪造_php伪造Referer请求反盗链资源
- PS三种切图方式,干货满满,不看绝对后悔
- m基于迫零ZF准则的通信均衡器的matlab仿真
- SpringBoot:上传图片到Linux服务器
- 新浪微创投狩猎季:5家LP皆VC大佬 人气日渐高涨
- SRE(运维工程师)成长路上的十本书籍推荐
- Mat类型中的CV_8UC3、CV_32FC3以及对应的迭代器模板参数Vec3b,Vec3f的一点自己的理解
- 【转贴】英语如此简单
- 同济大学的计算机保研率,同济大学2020届保研率:27.7%
热门文章
- 计算机视觉课程第五讲-带你简单快速学习2021年春晚背后刘德华与背景分离切换到另一场景视觉算法(上集)
- 一起围观春晚“打工牛”,2021中国智能智造牛起来!
- python字符串前面加上'r'的作用
- python raise exception用法_python Exception raise
- Flutter 开发时,idevice_id 不能执行问题的解决
- CentOS7防火墙firewalld开放指定端口
- ASD控制的小球_EasyX教程作业
- 方法导论 | α、β收益及其策略构建
- DataAnalysis:基本概念,环境介绍,环境搭建,大数据问题
- caffe2(一)基本概念