中B项目：Photoship

liuyi

本来呢，最早我们这个项目是：做自己的Photoshop
后来呢，有同学不小心打成了Photoship，还好还好是p不是t
最后呢，这个项目就名称就正式叫：Photoship，这个名字预示着未来还会有很多变化

先下载这个zip包，里面主要是有一些图片文件，我们先来做图片阅览器。

V1.0是个很简单的版本：按SPACE键看下一幅图。但是，也算是有基本功能了！

liuyi

liuyi

滤镜fillter是个特殊的分支版本，请一定做好版本管理

liuyi

liuyi

liuyi

首先new File，制作V2.1，请在文件开始出增加版本功能说明的注释，然后框架类定义的init中增加mousePos属性

在key_up和key_down后，增加mouse_up, mouse_down,  mouse_motion
注意在mouse_motion中记录了鼠标当前坐标
在mouse_down中，打印了当前鼠标的坐标。

在while True中也要增加到mouse的接口调用。

liuyi

V2.1a：做点好玩的

我们来尝试改变鼠标的造型


在框架的play函数里，增加4句，看看运行程序后是什么效果？（输入的时候就可以想象起来）

zip包里是弹坑图片，可以设置透明色color_key为(255,255,255)
然后请尝试：屏幕上留下shoot的弹坑
比如下图效果

liuyi

V2.1b dk



首先dk的类定义
为了能有“随机弹坑形状”，import random

framework类定义中增加的内容

dkList, dksound
在play中合适的位置绘制dkList



mouse_down的时候增加：按右键，在dkList中append新dk

OK了！

liuyi

photoship项目是从“看图工具”衍生而来，现在要做“导游系统”了，所以删除多余代码



GUIDE是FrameWork中的核心组件，作为container，所有元素都由它管理




请认真理解4个场景和Button的关系，是Button将不同的GUIDE连接

下面是正式V2.2代码

可以看到framework类定义中的多余代码已经没有了



这是Guide的类定义


这是Button的相关代码，可以看到event的传递：framework -> Guide -> Button


请仔细理解场景初始化代码，并与上面ppt中的结构图合起来理解

liuyi

首先是txt的类定义


然后是Guide里，要有txtList，draw里有txt，add_txt
在mouse event里不用处理，只是鼠标滑过，要显示
然后，运行程序，测量bot的face的rect，和打算显示txt的参数如下：

Boy face rect: (424, 447, 24, 20)
Txt pos: (368, 384), '我帅吗？'


请自己做这个txt的init