计算机图形学 实验报告

实验报告

—计算机图形学实验大作业

课程名称计算机图形学

实验名称二维绘图与计算机动画

姓名贾梦洁

学号 201107010330

专业班级计1103班

成绩

指导教师爨莹

实验报告

课程名称计算机图形学实验名称计算机动画

姓名贾梦洁学号 201107010330 专业班级计1103

实验日期 2013 年 12 月 1 日成绩指导教师爨莹

一、实验目的

1.了解flash动画的特色及基本原理。

2.熟悉flash软件的基本功能。

3.掌握flash绘图工具的使用。

4.掌握flash动画的基本制作方法。

二、实验环境

Windows 7 旗舰版64位

Adobe Flash CS4

三、实验内容与步骤

1.选择题目：花季与花祭

2.设计思路：讲述身患白血病的女孩鲁若晴的经历。将她的照片以及表达自己乐观态度的微博内容截屏下来作为素材。并且配音朗读。使得flash的内容更加容易打动别人。

3.素材收集。从百度百科收集她的生平资料，从新浪微博上截取相关内容，找人根据素材进行配音。

4.素材编辑。

（1）使用Photoshop软件将图片拼接起来并进行一些合适flash的缩放。（2）使用Coolpro2软件将声音文件进行后期。做成一个音轨。

（1）建立一个场景，命名为“封面”，并且在封面中添加背景以及标题文字

（2）利用遮罩层制作文字逐字出现效果

（3）建立新场景，命名为“开场”，同样插入文字和素材

（4）使用补间动画做出图片旋转出现效果

（5）文字使用遮罩层以及补间动画做出淡出和逐字出现效果

输入文案以及使用遮罩层和补间动画制作文字效果

插入微博截图，进行排版，并且利用补间动画制作效果

补间动画是文字逐字出现。使用补间动画使图片自下而上缓慢移动。

（8）插入背景及最后总结文字

（9）先打出完整的“天堂里永远都是晴天”的文字。选中之后打散文字，直至不能打散为止。然后使用橡皮擦一点一点倒笔画擦除，毎擦除一点就插入一帧关键帧，直至全部擦完。然后选中，翻转帧。做出文字书写效果。每次文字擦除多少决定书写速度。

（10）制作最后结束页。同样使用遮罩层以及补间动画做出文字效果。

（11）在最后一个场景的最后一帧设置关键帧，并且添加动作“stop();”使整个flash最后结束停止在这里。

（12）最后在场景“封面”中添加新图层。导入背景音乐。

（13）测试影片并且导出swf

四、实验总结

当时在微博上看到一个名叫鲁若晴的女孩儿身患白血病，在生病治疗期间，女孩儿坚强的面对病魔，并且积极乐观的接受治疗。在微博上同步更新着自己每一天的经历。虽然她最后还是离开了这个世界，但是她的坚强和乐观却深深触动着我。所以便想到了做这个题目。

在制作过程中也遇到一些不会地方，因为flash是课本上所没有涉及到的部分，所以就一直在网上搜集相关的视频教程，一点一点的摸索，一步一步地跟着实践从而做出了文字逐字效果，图片浅出效果，文字书写效果等。

而配音在找朋友完成之后，音频的处理也是自己摸索实践而做出来的。将两个人的声轨一点一点分割最后融合在一起，加上背景音乐混缩成一个WAV文件。最后在添加到flash里后根据音频里的内容修改flash里文字出现的速度，图片停留的时间长度等。然后根据各方面的修缮最后完成了此次flash的作业。

实 验 报 告

课程名称 计算机图形学 实验名称 小型绘图系统 姓 名 贾梦洁 学 号 201107010330 专业班级 计1103 实验日期 2013 年 12 月 1 日 成绩 指导教师 爨莹

一.实验目的

1.设计和开发一个小型的二维绘图系统

2.通过图形软件的设计开发和上机实验，巩固所学图形学基本知识

3.掌握交互式图形系统的设计方法

4.熟悉并掌握有关图形图象编程语言、工具和类库的使用。

二.实验环境

Windows 7 旗舰版 64位 Microsoft Visual C++ 6.0

三.实验内容

1.绘制直线

（1）DDA 算法的原理

DDA 算法是根据直线的微分方程来计算Δx 或Δy 生成直线的扫描转换算法。

在一个坐标轴上以单位间隔对线段取样, 以决定另一个坐标轴方向上最靠近理想线段的整数值。

设(x 0, y 0)为直线段的始点, (x 1, y 1)为直线段的终点, 且端点坐标均为整数, 则直线的微分方程为

设|k |≤1, 则有

yi +1=kxi +1+b =k (xi +Δx )+b =yi +k Δx

上式表明, 若Δx =1, 则当x 每递增1时, y 递增k 。 扫描转换开始时, 取直线始点(x 0, y 0)作为初始坐标。

k x

y

x x y y =??=--0101

程序代码：

#include "stdafx.h"

#include "DDA.h"

#include "MainFrm.h"

#include "DDADoc.h"

#include "DDAView.h"

#ifdef _DEBUG

#define new DEBUG_NEW

#undef THIS_FILE

static char THIS_FILE[] = __FILE__;

#endif

BEGIN_MESSAGE_MAP(CDDAApp, CWinApp)

ON_COMMAND(ID_APP_ABOUT, OnAppAbout)

ON_COMMAND(ID_FILE_NEW, CWinApp::OnFileNew)

ON_COMMAND(ID_FILE_OPEN, CWinApp::OnFileOpen) END_MESSAGE_MAP()

CDDAApp::CDDAApp()

{

}

CDDAApp theApp;

BOOL CDDAApp::InitInstance()

{

AfxEnableControlContainer();

#ifdef _AFXDLL

Enable3dControls();

#else

Enable3dControlsStatic();

#endif

SetRegistryKey(_T("Local AppWizard-Generated Applications"));

LoadStdProfileSettings();

CSingleDocTemplate* pDocTemplate;

pDocTemplate = new CSingleDocTemplate(

IDR_MAINFRAME,

RUNTIME_CLASS(CDDADoc),

RUNTIME_CLASS(CMainFrame),

RUNTIME_CLASS(CDDAView));

AddDocTemplate(pDocTemplate);

CCommandLineInfo cmdInfo;

ParseCommandLine(cmdInfo);

if (!ProcessShellCommand(cmdInfo))

return FALSE;

m_pMainWnd->ShowWindow(SW_SHOW);

m_pMainWnd->UpdateWindow();

return TRUE;

}

class CAboutDlg : public CDialog

{

public:

CAboutDlg();

enum { IDD = IDD_ABOUTBOX };

protected:

virtual void DoDataExchange(CDataExchange* pDX); protected:

DECLARE_MESSAGE_MAP()

};

CAboutDlg::CAboutDlg() : CDialog(CAboutDlg::IDD)

{

}

void CAboutDlg::DoDataExchange(CDataExchange* pDX)

{

CDialog::DoDataExchange(pDX);

}

BEGIN_MESSAGE_MAP(CAboutDlg, CDialog)

END_MESSAGE_MAP()

void CDDAApp::OnAppAbout()

{

CAboutDlg aboutDlg;

aboutDlg.DoModal();

}

（2）Bresenham算法的原理

Bresenham画线算法与中点画线法有相似之处, 也是通过在每列像素中确定与理想直线最近的像素来进行直线的扫描转换的。为了讨论的方便,不妨也假定直线的斜率在0～1之间。如图所示, 过各行、各列像素中心构造一组虚拟网格线, 按直线从起点到终点的顺序计算直线与各垂直网格线的交点, 然后确定该列像素中与该交点最近的像素。

Bresenh a m算法误差项d的几何意义

程序代码：

#include "stdafx.h"

#include "BresenhamLine.h"

#include "MainFrm.h"

#include "BresenhamLineDoc.h"

#include "BresenhamLineView.h"

#ifdef _DEBUG

#define new DEBUG_NEW

#undef THIS_FILE

static char THIS_FILE[] = __FILE__;

#endif

BEGIN_MESSAGE_MAP(CBresenhamLineApp, CWinApp) ON_COMMAND(ID_APP_ABOUT, OnAppAbout)

ON_COMMAND(ID_FILE_NEW, CWinApp::OnFileNew)

ON_COMMAND(ID_FILE_OPEN, CWinApp::OnFileOpen) END_MESSAGE_MAP()

CBresenhamLineApp::CBresenhamLineApp()

{

}

CBresenhamLineApp theApp;

BOOL CBresenhamLineApp::InitInstance()

{

AfxEnableControlContainer();

#ifdef _AFXDLL

Enable3dControls();

#else

Enable3dControlsStatic();

#endif

SetRegistryKey(_T("Local AppWizard-Generated Applications"));

LoadStdProfileSettings();

CSingleDocTemplate* pDocTemplate;

pDocTemplate = new CSingleDocTemplate(

IDR_MAINFRAME,

RUNTIME_CLASS(CBresenhamLineDoc),

RUNTIME_CLASS(CMainFrame),

RUNTIME_CLASS(CBresenhamLineView));

AddDocTemplate(pDocTemplate);

CCommandLineInfo cmdInfo;

ParseCommandLine(cmdInfo);

if (!ProcessShellCommand(cmdInfo))

return FALSE;

m_pMainWnd->ShowWindow(SW_SHOW);

m_pMainWnd->UpdateWindow();

return TRUE;

}

class CAboutDlg : public CDialog

{

public:

CAboutDlg();

enum { IDD = IDD_ABOUTBOX };

protected:

virtual void DoDataExchange(CDataExchange* pDX); protected:

DECLARE_MESSAGE_MAP()

};

CAboutDlg::CAboutDlg() : CDialog(CAboutDlg::IDD)

{

}

void CAboutDlg::DoDataExchange(CDataExchange* pDX)

{

CDialog::DoDataExchange(pDX);

}

BEGIN_MESSAGE_MAP(CAboutDlg, CDialog)

END_MESSAGE_MAP()

void CBresenhamLineApp::OnAppAbout()

{

CAboutDlg aboutDlg;

aboutDlg.DoModal();

}

屏幕截图：