零基础Unity做一个中秋诗词鉴赏网页，提前祝您中秋快乐！（DoTween动画 WebGL视频 大文件上传GitHub）_unity怎么开发网页端

选择“WebGL Build Support”，点击完成，等待安装完成即可。

---

二，开发项目

2.1 导入插件

将下载的DoTween插件导入到Unity（直接拖拽到工程目录即可），勾选下图画框的文件夹，然后点击Import按钮导入即可：

2.2 项目搭建

在Asset右键 --> Create --> Render Texture 命名为"MoveRenderTexture":

设置尺寸:

在Hierarchy面板右键创建Camera --> 设置TargetTexture 为创建的“MoveRenderTexture”:

右键创建RawImage并添加Video Player 面板设置如下：

右键创建Text 内容、字体、字号设置如下：（有几首诗词，就复制几份）

2.3 逻辑处理

播放视频逻辑：

使用DoTween插件处理文本动画：

PS：项目中使用诗句和视频素材找自己喜欢的就好~

---

三，打包WebGl

3.1 打包WebGL设置

打开“Build Settings…” 面板，禁用压缩格式，Compression Format设置为Disable

然后回到点击“Build Settings…” 面板，”Build“，选择打包路径，然后等待打包完成即可：

打包成功后，会在刚刚指定的目录得到如下文件：

此时双击”index.html“就可以在浏览器中玩耍了。

3.2 打开本地文件问题

打开提示：

释义：

看起来你的浏览器不支持运行Unity WebGL内容从文件:// url。请将它上传到http服务器，或尝试不同的浏览器。

PS：若你的浏览器可以打开”index.html“这个本地网页，那么可以忽略这个问题，若不能打开，推荐使用”火狐浏览器“试试，不过即使打不开也没有关系，反正我们后面要传到GitHub上面。

---

四，将仓库转为网页

4.1 上传GitHub

步骤：创建远程仓库 （要设置为Public哦~）–> 将上打包出的WebGl文件上传 --> 刷新网页验证创建完成即可：

4.2 设置Pages

在GitHub上选择“Settings” --> 左侧标签栏选择“Pages” --> 然后将"Source"设置为“master” --> 最后点击右侧“Save”保存，等网页刷新完成，即可看到下图带颜色背景框部分的URL，点击此URL，即可访问。

设置成功后即可进行访问了。

PS：有时候会有些延时，刷新不出来就稍等会再试下（一般不会超过3分钟）。

---

五，遇到的问题

5.1 单个文件太大上传失败问题

报错信息：

remote: error: File unityweb is 176.17 MB; this exceeds GitHub’s file size limit of 100.00 MB

解决方案：

1. 先运行如下命令，将本地需要上传的大文件删除：

git rm --cached YOR-GIANT-FILE
git commit --amend -CHEAD

2. 下载：Git Large Filehttps://git-lfs.github.com/
3. 打开git-bash，在项目目录下，执行以下命令：

git lfs install

4. 然后添加选择您希望Git LFS管理的文件类型，这一步成功后会生成一个gitattributes文件，之后也可以选择在这个文件内部直接进行编辑。

git lfs track "*.大文件的扩展名"

一、Python所有方向的学习路线

Python所有方向的技术点做的整理，形成各个领域的知识点汇总，它的用处就在于，你可以按照下面的知识点去找对应的学习资源，保证自己学得较为全面。

二、Python必备开发工具

工具都帮大家整理好了，安装就可直接上手！

三、最新Python学习笔记

当我学到一定基础，有自己的理解能力的时候，会去阅读一些前辈整理的书籍或者手写的笔记资料，这些笔记详细记载了他们对一些技术点的理解，这些理解是比较独到，可以学到不一样的思路。

四、Python视频合集

观看全面零基础学习视频，看视频学习是最快捷也是最有效果的方式，跟着视频中老师的思路，从基础到深入，还是很容易入门的。

五、实战案例

纸上得来终觉浅，要学会跟着视频一起敲，要动手实操，才能将自己的所学运用到实际当中去，这时候可以搞点实战案例来学习。

六、面试宝典

简历模板

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里无偿获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！