three-vrm实现在线打开本地vrm模型预览示例代码

代码语言:html

所属分类:三维

代码描述:three-vrm实现在线打开本地vrm模型预览示例代码

代码标签: three-vrm 在线 打开 本地 vrm 模型 预览 示例 代码

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
   
<meta charset="UTF-8">
   
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
</head>
<body>
   
<input type="file" id="fileInput" accept=".vrm">
   
<script type="importmap">
     
{
       
"imports": {
         
"three": "//repo.bfw.wiki/bfwrepo/js/module/three/build/164/three.module.js",
         
"three/addons/": "//repo.bfw.wiki/bfwrepo/js/module/three/examples/164/jsm/",
         
"@pixiv/three-vrm": "//repo.bfw.wiki/bfwrepo/js/three-vrm.module.3.0.0.js"
       
}
     
}
   
</script>

   
<script type="module">
      import * as THREE from 'three';
      import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js'.........完整代码请登录后点击上方下载按钮下载查看

网友评论0