AR Face Doodle 项目使用教程
1. 项目的目录结构及介绍
AR Face Doodle 项目的目录结构如下:
ar-facedoodle/
├── assets/
├── doc/
├── src/
├── static/
├── style/
├── .gitignore
├── LICENSE
├── README.md
├── index.html
├── package-lock.json
├── package.json
目录介绍:
assets/
: 存放项目所需的静态资源文件。doc/
: 存放项目的文档文件。src/
: 存放项目的源代码文件。static/
: 存放静态文件。style/
: 存放样式文件。.gitignore
: Git 忽略文件配置。LICENSE
: 项目许可证文件。README.md
: 项目说明文档。index.html
: 项目的主页面文件。package-lock.json
: 锁定依赖包的版本。package.json
: 项目的配置文件。
2. 项目的启动文件介绍
项目的启动文件是 index.html
,它是项目的主页面文件。该文件包含了项目的 HTML 结构和基本的页面布局。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AR Face Doodle</title>
<link rel="stylesheet" href="style/main.scss">
</head>
<body>
<div id="app"></div>
<script src="src/main.js"></script>
</body>
</html>
3. 项目的配置文件介绍
项目的配置文件是 package.json
,它包含了项目的基本信息和依赖包的配置。
{
"name": "ar-facedoodle",
"version": "1.0.0",
"description": "Doodle AR masks right from the browser with tensorflow.js",
"main": "index.html",
"scripts": {
"start": "npm run serve",
"serve": "live-server --port=8080"
},
"dependencies": {
"tensorflow": "^0.11.7",
"three": "^0.117.1"
},
"devDependencies": {
"live-server": "^1.2.1"
},
"author": "Cyril Diagne",
"license": "MIT"
}
配置文件介绍:
name
: 项目名称。version
: 项目版本。description
: 项目描述。main
: 项目的主入口文件。scripts
: 项目的脚本命令。dependencies
: 项目依赖的包。devDependencies
: 开发环境依赖的包。author
: 项目作者。license
: 项目许可证。
以上是 AR Face Doodle 项目的目录结构、启动文件和配置文件的详细介绍。希望这份教程能帮助你更好地理解和使用该项目。