［游戏demo一］：创建项目

之前有一篇博文总结linux下的git用法，今天根据最近的一个游戏demo，继续总结巩固一下。
原文链接：linux下的git常见操作整理

最近要做一个三维模型渲染的小游戏demo，主要是threejs实现，外部引入设计给的模型，做成例如https://moments.epic.net/#rabbit 的样子。

首先，用html实现了一版，此时由于需要引入外部模型（obj＋mtl）材料，所以只能用firefox调试，chrome由于跨域设置报错：

three.js:30870 Failed to load file:///Users/tony/Documents/h5/source/model2.mtl: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
load @ three.js:30870
load @ MTLLoader.js:36
init @ test1.html:98
(anonymous) @ test1.html:51
three.js:30870 Failed to load file:///Users/tony/Documents/h5/source/lighter.mtl: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

此后，使用express（由于后端没有程序代码，也可使用Apache等服务器），将代码发布到web服务器上，实现利用http:127.0.0.1:8081在chrome上预览。其中修改步骤如下

1. npm init 生成package.json文件；

2. npm install express –save, 安装express服务器；

3. 调整原来的资源文件目录到输出目录下（如设置输出为/pulic，此时应将外部js、图片、css等放置在/public文件夹下）

此时，代码的运行变成 node server.js（根据package.json，等同于 npm run start ），打开浏览器，输入http://127.0.0.1:8081即可。

为了后续代码调试方便，将代码托管到github上，需要配置git，操作如下：

• 添加.gitignore文件，无需上传某些大型文件, 并在文件中输入：

.idea
.idea/
.DS_Store
node_modules/
.project
npm-debug.log

• git init 创建git本地仓库
• git add -A 将本地所有代码及相关资源文件加入暂存区域中
• git commit -m ‘*’ 提交到本地仓库
• git remote add origin https://github.com/Tonyhzw/h5Game.git（github远程仓库地址） 添加远程仓库源
• git pull origin master 拉取远程仓库代码，若报错，fatal: refusing to merge unrelated histories,加入–allow-unrelated-histories
• git push origin master 将本地仓库代码提交到github远程仓库