利用KeyshotXR通过HTML网页内嵌服务器制造WEB3D效果研究论

一次偶然的机会，需要利用web3d技术通过网页向客户展示产品效果，无奈web3d技术限制过多，特别是上传限制和贴图限制等等，什么限制？要交钱啊，AWSL！而且贴图大部分只能是UV展开图，加上各种小麻烦，于是机智的我突然想起来，ks好像就有类似的技术，不过好像是本地端，于是我去翻了翻资料，发现ks有两个这种360°展示工具，一个是软件内嵌的keyshotXR，另外一个就是单独下载的keyshot viewer，不过我发现两个基础功能都是在本地端完成的，也就是说就算你发给客户，客户也只能在电脑端查看，并不能实现多终端网页快捷查看。后来我研究发现期中一个工具：keyshotXR带有HTML代码内嵌功能，于是我大胆设想：这不就有可能实现网页展示效果吗？

说干就干：

研究工具：很好用的keyshot8一个，很好用的压缩工具一个，有点贵的云服务器一个（我的是腾讯云）

论外：

1.什么是web3d： 链接

2.为什么要用腾讯云：其实用什么都行，只是我阿里云已经注册过，没有优惠，而且腾讯云上的网站，对于在微信和企鹅传播有很大帮助，不会被恶意拦截。（尽量选择腾讯或者阿里，其他都不推荐）

首先第一步：购买腾讯云服务器CVM

1.如果你是学生的话，可以买学生优惠套餐，有1元的限量套餐，每天12点抢。如果抢不到也可以买长期优惠套餐，还是很划算的。

2.如果你不是学生的话，可以通过下面链接去购买，选择原则是：有特价优惠的买特价优惠的，没特价优惠的买最低配置的。 链接

3.购买的时候如果不懂怎么配就用快速配置吧，镜像选择操作系统，操作系统一定要选择 CentOS的。

4.我第一次是拿了免费的试用机器研究的，1核1G1Mbps，虽然成功了，可是加载很慢，是带宽的问题，有商业需要的朋友可以加大服务器配置和带宽，我目前是2核4G5Mbps，硬盘多大取决于素材多少，我目前很稳定。

第二步：域名

你需要购买一个域名，腾讯域名注册，只要你是新客户，有很多1块钱包年的域名，随便选，我的是.club域名。

第三步：网站备案

网站是需要备案的，不过我还没时间备案，需要备案的朋友请点击这里 链接

第四步：域名解析

买完域名之后在域名后面会有解析选项，点击进去按下图设置就行了：

主机IP可以进入控制台-云主机查看，注意要用的是公网IP。

第五步：安装控制面板

macos：

1.打开终端程序

2.然后在打开的终端页面输入如下代码：ssh root@服务器IP（同上一步的公网IP）地址（例如：ssh [email protected]）点击回车。

3.然后会要求输入需要登录的服务器密码，然后输入服务器密码就可以登录linux服务器了。

4.直接跳到Windows第六步，之后步骤一样。

Windows：

1.安装控制面板之前，我们需要先在自己电脑上安装xsell。（百度搜索PJ版有很多，这里不放链接了）

2.然后从腾讯云控制台拿到自己的公网IP和登录密码。（1）. 公网IP前面提过不再重复（2）. 如果之前是用快速配置购买的，登录密码会发送到你的站内信，如果觉得随机密码不好，可以去腾讯云服务器后台重新设置，重新设置后需要重启服务器才能生效。

3.打开XShell新建会话，在主机那输入公网IP，端口号22不变。

4.点击用户身份验证，用户名为root，输入自己的登录密码，点击确定。

5.选择刚建好的会话，点击连接。

6.当黑色界面上出现[root@*******（每台服务器都不一样） ~]#的时候就表示连接成功了。

7.在[root@******* ~]#后面一段一段的复制粘贴下面命令，并按回车后，就开始自动下载并安装面板了。

8.安装过程中会问你问题，是否马上安装，输入y，再回车后就开始安装了。

9.等待2分钟左右就安装成功了，记得记录一下登录网址，账号，密码。

10.在浏览器上打开网址，输入账号，密码，进入宝塔管理面板。

11.第一次进入面板，会让你选择安装套件，面板推荐的LNMP不好用，还是选择LAMP吧，虽然内存耗用高点，但是更适合WordPress博客，比较稳定，不容易出错。默认软件勾选不用改，点击一键安装就好。这些套件安装会有点久，大概需要半个小时，而且安装完才能进入下一步，所有干其他事等待下吧。

第六步：在服务器内设置域名

1.套件安装完成后，点击网站模块的“添加”。

2.填写网站基本配置信息。

域名建议填两个，带www的和不带的的，并且先填带www的。

FTP选择创建，用户名和密码可以默认，也可以自己修改。

数据库选择MySQL，数据库格式utf-8不变，用户名和密码可以默认，也可以自己修改。

PHP版本默认就好。

最后点击提交。

第七步：制作keyshotXR文件

1.打开keyshot，在下方找到keyshotXR，打开并选择需要的模式并点击前进。

2.选择旋转中心，根据需要选择便可，并点击前进。

3.选择视图，根据需要调试，并点击前进。

4.选择光滑度，其实就是各个轴方向渲染的帧数选择，帧数越高，XR效果越顺滑，根据需求选择并前进。

5.选择输出设置，文件位置和分辨率等，还能自定义图标，设置完就可以渲染了。

6.渲染完应该是有一个单帧文件夹和一个HTML文件的，把它们压缩好在一个文件夹里面，方便上传到服务器和管理。

第八步：上传文件

1.点击宝塔面板左侧导航下的文件模块，然后点击标题为你的域名的文件夹。

2.点击上传，并选择刚刚上一步压缩好的文件。

3.点击开始上传，等待显示“已上传成功”，点击关闭。

4.找到刚刚上传的文件，右侧点击解压，在弹出窗口继续点击解压 ，等待解压完成。

最后一步：在浏览器新建页面，输入你的域名后面加上的服务器上面的HTML文件地址。

格式：你的域名/解压出来的文件夹/html文件     例如：www.baidu.com/1234/1234.html     

大功告成，现在你就可以把这个链接发给你的客户啦，他就能在所有终端查看你的XR文件了！

（当然啦，如果你是打算发到PC，输出分辨率就要针对调整，移动端同理！）

如果有什么细节没写出来的，或者你们在尝试过程中有什么疑问的话，请在下面留言或者在二群里AT我，欢迎大家一起来研究讨论新玩法。