-我们打算先做一个模板，内容就宣传我们自己实验室。实验室有两组，游戏和动画。我做的这部分也跟纸媒的设计有很大关系，因为最终的展示是扫描宣传册上的图片，再出现我做的东西，所以我需要知道宣传册的设计都分成了哪些模块才好给它配图。我觉得宣传册应该划分的模块有实验室简介、动画组成员介绍和作品展示、游戏组成员介绍和作品展示、实验室的日常、正在研究的项目、学长学姐寄语差不多这几个方面。这些还要跟做纸媒的王鑫同学一起商量下。在展示形式上，我目前想到的有H5、MG动画、小影片拍摄、MAYA建模做三维动画等等。需要用到的软件有Adobe After Effect 、Adobe Premier 、Maya 、Photoshop 、Flash 等。其中我对AE、PS、PR已经有一些了解，这次我很想尝试做H5和MG动画。我在网易云课堂上已经找到了Maya的建模教程，我们专业也有开设课程，我觉得简单的模型我还是可以尝试一下的。做三维动画用到的技术除了建模还有贴图、绑骨、蒙皮、动画、渲染很多方面。
-今天初步了解一下HTML5 我看了知乎上的一些说法，明白了“H5”这个说法其实是不准确的。我们所说的，啊或者说我们这些外行对H5的印象都是从大概一年前腾讯淘宝等等制作的炫酷的宣传小页面开始的。那时候因为大家都这么叫自己也跟着这么说了。所以我们现在说H5其实就是想指动效酷炫的小页面。今天了解一下之后明白了HTML5是HTML的第五代版本，跟之前相比添加了更丰富的功能，加上各大浏览器的支持，也就有了更广泛的应用。
我在W3C上学习了HTML5的几个标签
1. 视频
<!DOCTYPE HTML>
<html>
<body>
<video width="220" height="240" controls="controls">
<source src="/i/movie.ogg" type="video/ogg">
<source src="/i/movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</body>
</html>Video标签常用的几个属性除了src、width、height、还有controls对用户可见播放控件，preload预加载视频。Video可用的格式有ogg \ mpeg4 \ WebM这三种。
2. 音频
Audio跟video差不多不多赘述
3. 画布
HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法
canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成：
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.fillStyle="#FF0000";
cxt.fillRect(0,0,150,75);
</script>JavaScript 使用 id 来寻找 canvas 元素：
var c=document.getElementById("myCanvas");然后，创建 context 对象：
var cxt=c.getContext("2d"); getContext(“2d”) 对象是内建的 HTML5 对象，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
画布的使用很广泛，接下来会进行更深入的学习。
470
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
