本仓库只开源gltf模型展示技术,技术好的朋友有这些代码就能帮助你解决很多问题了
如需要完整项目(基于若依框架开发的后端,AR能力前端)需另外付费赞助, 联系方式:QQ 790002517
微信公众号:时不待我
国内版ChatGPT
Three.js is a JavaScript 3D library.
There is a WeChat MiniProgram adapted version of Three.js.
- VisionKit
小程序也在基础库 2.20.0 版本开始提供了开发 AR 功能的能力。VisionKit 包含了 AR 在内的视觉算法,要想开发小程序的 AR 功能,我们需要先了解 VisionKit。
本小程序修复了花屏问题
微信扫码:
开源内容遵循MIT许可证
付费软件包是基于MIT 许可证提供的,但请勿将其用于分发目的。您可以将代码部署到您的服务器或存储库。但是,您不得公开其他文件,例如源代码、示例、文档等,因为这会抵消赞助软件策略。
项目 | 赞助金额 |
---|---|
技术支持 | ¥100 |
AR及后台代码(可直接运行) | ¥100 |
{
"createTime": "2023-03-10 18:06:05",
"updateTime": "2023-03-29 08:38:46",
"animalId": 3,
"animalName": "秋田犬",
"animalIntroduction": "<p style=\"text-indent: 2em;\">\r\n <span style=\"font-size: 14px;\">秋田犬(日语:秋田犬/あきたいぬ/アキタイヌ ),别名“大馆犬”,是日本犬的一种,是国家天然纪念物之六种日本犬中唯一的大型犬种。在日本,送秋田犬的雕像、图片代表着“祝你早日康复”。在日本是以对饲主忠诚闻名的家庭宠物犬,日本知名的忠犬八公即为秋田犬。</span>\r\n</p>",
"animalDetailed": "<p style=\"text-indent: 2em; text-align: left;\">\r\n <span style=\"font-size: 14px;\">秋田犬(日语:あきたいぬ/アキタイヌ)是原产于日本的一种大型狐狸犬种,也称日本秋田犬。该犬体型中等,公犬身高66.0~71.1厘米,母犬身高61.0~66.0厘米,尾巴向前卷曲紧贴于背上,竖耳;身体机构紧凑,有力,骨架结实;颜色多样,包括白色、有斑纹和花点的都有。该犬十分勇猛、感觉锐敏、忠诚且聪明。其发祥地为秋田县,该地区北部多山,而且冬季十分寒冷。</span>\r\n</p>\r\n<p style=\"text-align:center\">\r\n <span style=\"font-size: 14px;\"><img src=\"https://wechat-3d-1305513514.cos.ap-shanghai.myqcloud.com/model%2FAkita%2FAkita.jpg\"/></span>\r\n</p>\r\n<p style=\"text-indent: 2em; text-align: left;\">\r\n <span style=\"font-size: 14px;\">秋田犬是一种影响颇大的犬,它们在日本犬中占有**地位。过去,只有贵族可以驯养这种犬来捕猎野熊、鹿和日本黑熊;它们也曾充当斗犬。现代的秋田犬可充当警犬和军犬,也是种很好的护卫犬、家庭宠物犬。在日本,秋田犬是具有国家历史文物意义的犬,属国犬,因“忠犬八公”闻名于世,是日本指定的国家天然纪念物中唯一的大型犬。</span>\r\n</p>",
"animalType": null,
"animalImage": "动物图片链接.jpeg",
"animalGenus": "{\"性情\":\"Receptive,忠贞,沈着,固执,机智,忠诚,勇敢\",\"毛色\":\"布林达色,芝麻色,Red Fawn\",\"平均寿命\":\"10至12年\",\"原产地\":\"日本\"}",
"modelId": 13,
"sysModel": {
"createTime": "2023-03-10 18:06:05",
"updateTime": "2023-03-29 08:38:46",
"modelId": 13,
"modelName": "秋田犬",
"modelUrl": "gltf模型链接.gltf",
"sound": "1",
"modelSource": "google",
"soundUrl": "模型声音MP3链接.mp3",
"modelArSize": null,
"modelSize": "{\"x\":\"3.8\",\"y\":\"3.8\",\"z\":\"3.8\"}",
"modelPosition": "{\"x\": -0.2,\"y\": -2,\"z\": 0}",
"modelBearing": null,
"modelInteraction": "[1,2]",
"modelImage": "动物详情页模型动态视频.mp4",
"interactions": [
{
"createTime": "2023-03-11 15:10:38",
"updateTime": "2023-04-01 22:33:58",
"interactionId": 1,
"interactionPosition": "{\"x\":-2,\"y\":5,\"z\":0}",
"interactionW": "<p>\r\n 你是<strong style=\"color: #FFFC00;text-shadow: 0px 1px 1px rgb(0 0 0 / 25%);font-weight: normal;\">「嘿嘿嘿侦探社」</strong>的实习侦探 ,接到上级指派任务,到<strong style=\"color: #FFFC00;text-shadow: 0px 1px 1px rgb(0 0 0 / 25%);font-weight: normal;\">「甄开心小镇」</strong>调查市民<strong style=\"color: #FFFC00;text-shadow: 0px 1px 1px rgb(0 0 0 / 25%);font-weight: normal;\">「甄不戳」</strong>宝石 失窃案,根据线人<strong style=\"color: #FFFC00;text-shadow: 0px 1px 1px rgb(0 0 0 / 25%);font-weight: normal;\">「流浪汉老石」</strong>提供的线索,小偷就躲在小镇,快把他找出来,帮甄不戳寻回失窃的宝石吧!\r\n</p>",
"interactionSequence": "交互点图案1链接.png"
},
{
"createTime": "2023-03-11 15:11:03",
"updateTime": "2023-04-01 22:34:54",
"interactionId": 2,
"interactionPosition": "{\"x\":5,\"y\":5,\"z\":-5}",
"interactionW": "<p>\r\n 我是<strong style=\"color: #FFFC00;text-shadow: 0px 1px 1px rgb(0 0 0 / 25%);font-weight: normal;\">「动物知识派对小程序」</strong>的动物 ,更多信息等待后续开发吧!\r\n</p>",
"interactionSequence": "交互点图案2链接.png"
}
]
}
}
名称 | 类型 | 必选 | 约束 | 中文名 | 说明 |
---|---|---|---|---|---|
interactions | [创建SysInteraction的请求参数] | false | none | 交互点 | |
modelArSize | string | false | none | 模型AR大小 | |
modelBearing | string | false | none | 模型方位 | |
modelId | integer(int64) | false | none | 模型ID | |
modelImage | string | false | none | 模型图片URL | |
modelInteraction | string | false | none | 模型交互点数组 | |
modelName | string | false | none | 模型名字 | |
modelPosition | string | false | none | 模型位置 | |
modelSize | string | false | none | 模型大小 | |
modelSource | string | false | none | 模型来源 | |
modelUrl | string | false | none | 模型URL | |
sound | string | false | none | 模型URL(0表示无1表示有) | |
soundUrl | string | false | none | 模型声音URL |
{
"createTime": "2019-08-24T14:15:22Z",
"interactionId": 0,
"interactionPosition": "string",
"interactionSequence": "string",
"interactionW": "string",
"updateTime": "2019-08-24T14:15:22Z"
}
名称 | 类型 | 必选 | 约束 | 中文名 | 说明 |
---|---|---|---|---|---|
interactionId | integer(int64) | false | none | 交互ID | |
interactionPosition | string | false | none | 交互位置 | |
interactionSequence | string | false | none | 交互顺序 | |
interactionW | string | false | none | 交互文案 |
{
"animalDetailed": "string",
"animalGenus": "string",
"animalId": 0,
"animalImage": "string",
"animalIntroduction": "string",
"animalName": "string",
"animalType": "string",
"createTime": "2019-08-24T14:15:22Z",
"modelId": 0,
"sysModel": {
"createTime": "2019-08-24T14:15:22Z",
"interactions": [
{
"createTime": "2019-08-24T14:15:22Z",
"interactionId": 0,
"interactionPosition": "string",
"interactionSequence": "string",
"interactionW": "string",
"updateTime": "2019-08-24T14:15:22Z"
}
],
"modelArSize": "string",
"modelBearing": "string",
"modelId": 0,
"modelImage": "string",
"modelInteraction": "string",
"modelName": "string",
"modelPosition": "string",
"modelSize": "string",
"modelSource": "string",
"modelUrl": "string",
"sound": "string",
"soundUrl": "string",
"updateTime": "2019-08-24T14:15:22Z"
},
"updateTime": "2019-08-24T14:15:22Z"
}
名称 | 类型 | 必选 | 约束 | 中文名 | 说明 |
---|---|---|---|---|---|
animalDetailed | string | false | none | 动物详情 | |
animalGenus | string | false | none | 动物属科 | |
animalId | integer(int64) | false | none | 动物ID | |
animalImage | string | false | none | 动物图片 | |
animalIntroduction | string | false | none | 动物简介 | |
animalName | string | false | none | 动物名 | |
animalType | string | false | none | 动物类别 | |
modelId | integer(int64) | false | none | 模型ID | |
sysModel | 创建SysModel的请求参数 | false | none | 模型对象 |
链接: https://pan.baidu.com/s/1TqjHHweITVKBxhCi5geZVQ 提取码: 62kb
Only gltf models can be loaded
You can use the following tool to convert glb to gltf:
npm install -g gltf-import-export
Takes a .glb and exports to a .gltf or takes a .gltf and imports into a .glb.
Usage: gltf-import-export <file> [options]
Options:
--version Show version number [boolean]
--output, -o Output filename
--help, -h Show help [boolean]