本章内容不需要太深的代码基础。完成之后，您就能够掌握使用fractal3D api在网页上渲染一个简单的obj/gltf/fbx/dae/3mf/gcode等文件的方法。
假设您已经创建好一个html文件
在html文件的开头引入fractal 3d脚本地址，当网页启动之后，浏览器将会自动向分形三维服务器请求这个脚本文件
<head>
<script src="@v4.2.5.js" defer="" data-nscript="beforeInteractive"></script>
</head>向页面中添加 fractal 3D 组件，并根据您的需要调整渲染窗口的长宽
<ever-3d id="hello" width="800px" height='600px' />window.EverAPI.login('<APP_ID>', '<APP_KEY>');请注意；此处的 APP_ID 与 APP_KEY是一组密钥， 需要提前向分形三维 申请。
假设你有一个名为asset的obj文件，并且放在和html文件同层的一个名为assets的文件夹下，形如：
instance.openFiles([{filename:"asset.obj",url:"assets/asset.obj"}])<!DOCTYPE html>
<html><head><meta charset="utf-8"><script src='@v4.2.5.js'></script>
</head><body><!-- filename中需要正确的文件后缀名 --><!-- 这里把文件放到和index.html同一个文件夹中，然后把文件名（包括后缀）同时填入 filename 和 url 中即可 --><!-- 例如这里，我的文件夹中有一个 asset.obj 文件，所以我填入的是 assets/asset.obj --><!-- 其他不用改，我们就可以在网页显示 3d 文件了 --><ever-3d id="hello" width="800px" height='600px' /><script>let instance = InstanceById('hello');// 此处的 appid 与 appkey 需要填入你在 fractal 3d 申请得到的// 下面的 appid 与 appkey 只在 localhost:9000 可用window.EverAPI.login('<APP_ID>', '<APP_KEY>');instance.openFiles([{ filename: "asset.obj", url: "assets/asset.obj" }]);</script>
</body></html>在html文件所在的路径下，打开命令行工具，执行以下命令
http-server -p 9000我们推荐大家使用Node.js中的http-server模块。Mac/Linux上安装Node.js的方法请参考这里。
当命令行界面出现类似的信息，就说明启动成功了
打开浏览器，在地址栏中输入“localhost:9000"，敲击回车就可以看到模型浏览界面了
windows系统安装Node.js比较复杂，为了方便大家快速体验demo，我们为大家提供了一个http-server的可执行程序。&#）
在html文件所在的路径下，运行powershell/CMD/windows terminal，并执行以下命令
. -i -p 9000其余的操作和Mac/Linux一致 如果想改用自己的模型文件，使用文本编辑器打开 index.html, 将文件名和url替换为您的文件就可以了。
参考Demos中的simple-singlefile.html
本文发布于:2024-02-04 20:01:31，感谢您对本站的认可！
本文链接：https://www.4u4v.net/it/170715392659151.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
| 留言与评论（共有 0 条评论） |
