喜牛牛与刀疤狮

参加公司一个比赛写的，很有意思，故发之。

项目分三阶段
1.第一阶段
1）
项目主角：喜牛牛
环境：牛村和它的小伙伴。村外为草原。
反派角色：刀疤狮，参考《狮子王》刀疤，
主要矛盾：喜牛牛和它的小伙伴们建立奶粉工厂生产品牌罐装奶粉生产销售给远方城市的人类。刀疤狮以牛为食物，并打劫吞食奶粉。
2）第一阶段任务
品牌奶粉赞助商负责，提供广告条幅，拉拉队，赞助费，带奶粉广告的战队队服。
战队负责，制作牛村和喜牛牛生活和生产奶粉各个环节展示的与品牌奶粉挂钩的推广页面。
可制作的小游戏举例：baby换衣服 ，冲奶粉，换尿布。
3）第一阶段后期
战队负责对公司内推广该品牌奶粉，并代理销售单


2.第二阶段
1）引入刀疤狮，狮穿着印刷三氯氰胺等字样的服装
2）制作一集围绕主要矛盾的小动画
3）制作一个围绕牛狮对抗的小游戏
4）对外开展推广活动，例如第100个玩，第1000个玩或看，第10000个玩和看的能获得一箱奶粉的代金卷。
5）赞助商负责提供制作费用，推广费用
6）第一集如果播放到达百万，则可以在公司立项，制作10集左右的动画片，争取销售给互联网视频公司和电视台。


3.第三阶段
参考喜羊羊与灰太狼的发展继续

第一阶段开发预案

1.首页
元素，奶牛场，牛牛，XX奶粉工厂
奶牛村里的人物 
唱牛牛 性格，喜欢唱歌，行为，没事就会唱几个段子
爱牛牛 性格，富有爱心 ，好奇心，行为：对什么都关注，对敌人也富有爱心
书牛牛，性格，喜欢读书，行为，手上什么时候都有本书
智牛牛，性格，喜欢计算，精通传统易学 行为，手上拿着罗盘
喜牛牛，性格，外向乐观，行为，什么时候都能设法开心
牛花花，参考美羊羊
牛哄哄，自大，轻狂，爱吹牛
慢牛牛 参考懒羊羊
村长 老顽牛  为老不尊，参考龟仙人


其中第一期首页页面只出现， 
唱牛牛 性格，喜欢唱歌，行为，没事就会唱几个段子
爱牛牛 性格，富有爱心 ，好奇心，行为：对什么都关注，对敌人也富有爱心
喜牛牛，性格，外向乐观，行为，什么时候都能设法开心
奶牛场
围栏，风车，设有大礼堂、肥牛学校院、
牛B医务室，实验室
牛牛的家，大门，瞭望塔。竞技场，大礼堂，幼儿园 


其中第一期首页页面只出现， 
围栏，风车，  幼儿园 【点击幼儿园进入儿童游戏页面】
牛牛的家，大门，瞭望塔。各个元素均会印制xx奶粉的品牌标记 
XX奶粉工厂
从网上随意搜索的生产工艺显示有如下环节生产出奶粉
【1）奶源 2）过滤器 3）净奶瓶 4）储料罐 5）杀菌器 6）浓缩设备 7）过滤器 8）喷雾设备 9）分离器 10）储粉器 11）包装器】
这些设备会玩偶化为大的设备，以撑满整个工厂。


互动行为。
1）点击大门，闪现你是多少位访问牛村的同学
2）点击瞭望塔，将出现调查你希望要男孩还是女孩，你是否打算今年要孩子。
2.牛牛的家
点击 
牛牛的家，会看到
左边是饲料仓库，右边是奶牛
可以拿左边的饲料喂给右边的奶牛吃，奶牛边吃边吐出赞字
下面是奶牛成长的解说 


3.XX奶粉工厂
左边是奶瓶 右边是幼儿
可以拿左边的奶瓶 喂给右边的幼儿喝，幼儿边喝边身上的心形图案发光
下面是奶粉制作的过程，及XX奶粉的优势
  


4.儿童游戏页面




丢丢球游戏
篮球框左右移动，孩子点击发送发出球，到达篮球框的加分


过家家小游戏，把指定的各种过家家工具摆到空白家中。
家是一张底图
把10多种过家家的工具放到右边。
通过js拖动摆放。
摆放位置正确则给给小朋友一个答对了的提示。


详细开发时间计划
1.首页
1)参考喜羊羊制作 唱牛牛 爱牛牛 喜牛牛  1小时 前端+产品制作
2)参考羊村制作 围栏，风车，  幼儿园  牛牛的家，大门，瞭望塔。  1-2小时 前端+产品制作




3）一个技术人员制作大门点击计数器 1小时 【靠后，如果时间不足可放弃】
4）一个技术制作瞭望塔ajax点击调查【靠后，如果时间不足可放弃】
互动行为。
1）点击大门，闪现你是多少位访问牛村的同学
2）点击瞭望塔，将出现调查你希望要男孩还是女孩，你是否打算今年要孩子。
2.牛牛的家
1）寻找饲料和奶牛图片
2）制作牛吃草的gif
3）制作页面，左边放数堆草，右边是牛，使用js从左边拉到右边，此时影响把牛的图更改为牛吃草的gif
4）制作牛身上显示并隐藏的赞字
一个技术4小时内完成
3.XX奶粉工厂
1）寻找奶瓶和婴儿图片
2）制作婴儿喝奶的gif
3）制作页面，左边放数瓶奶，右边是婴儿，使用js从左边拉到右边，此时影响把婴儿的图更改为婴儿喝奶的gif
4）制作婴儿身上浮现开心的字，字四处飘荡
 
 4.儿童游戏页面


过家家小游戏，
把10多种过家家的工具放到左边。把指定的各种过家家工具摆到右边空白家中。
家是一张底图，里面有淡淡的各种家具形象【干脆就3种吧】


通过js拖动摆放。
摆放位置正确则给给小朋友一个答对了的提示。
1)找一个过家家图片
2）灰度处理后当底图
3）把过家家器具摆放右边，全部是浮动的div
4）把左边器具往右拉动到正确位置的时候，图片的div位置变为指定的位置即可，并弹窗答对了。


一个技术4小时内完成