现代智力七巧板海狮顶球怎么拼?
发布网友
发布时间：2022-04-21 19:46
共2个回答
懂视网
时间：2022-04-22 00:07
七巧板的由来
先来个科普吧，是我在查资料过程中看到的，感觉很有意思。
宋朝有个叫黄伯思的人，对几何图形很有研究，他热情好客，发明了一种用6张小桌子组成的“宴几”——请客吃饭的小桌子。后来有人把它改进为7张桌组成的宴几，可以根据吃饭人数的不同，把桌子拼成不同的形状，比如3人拼成三角形，4人拼成四方形，6人拼成六方形……这样用餐时人人方便，气氛更好。后来，有人把宴几缩小改变到只有七块板，用它拼图，演变成一种玩具。
因为它十分巧妙好玩，所以人们叫它“七巧板”。
今天，在世界上几乎没有人不知道七巧板和七巧图，它在国外被称为“唐图”（Tangram），意思是来自中国的拼图（不是唐代发明的图）。
纳尼，原来Tangram是咱们中国的，。。。
方案
看完了有趣的东西，该开始正题了，就是无论使用什么技术给我整出个七巧板来。。。（在前端页面里）
结合自己的知识体系，思考了下大概的思路：
- Canvas，万能的Cavans一定可以解决问题，加上之前做过Painter。灵活性+扩展性满足。
- CSS3，每个版子是一个dom元素，然后使用css3搞定。灵活性 扩展性不如canvas。
- svg，这个应该也可以吧，但自己对这方面的知识匮乏。
- 。。。暂时未想出。
考虑到时间成本（太紧了）和其他。。。原因，决定使用css3的方案。
开始想板子使用图片来做，但多亏自己以前写过一篇‘用CSS代码写出的各种形状图形的方法’，里面收录了使用CSS3制作20种图形的方法，有兴趣的同学可以看下，查了下可以满足所需的7种板子的形状。
用到属性
技术验证
开始之前先要验证下，所要用到的CSS3是否可以兼容所要需平台，这多亏http://caniuse.com/。
因为我要运行在移动端，查了下要用到的css3属性，在安卓2.3以上都支持，但需加前缀，所以可以放心使用。
编码实现
首先我们需要一个容器和起个元素用来表示七块板子。
其实我们总共用到的图形总共有三种，三角形、正方形行和平行四边形。这在上面提到的文章里面全有，这里涉及到的一点点数学的知识，就是这些板子之间是有一定大小关系的，只需一点点数学知识姐可以解决了。
至此板子的表示就不是问题了，其次还需把板子移动到指定位置才可以拼成好看的图形，这全靠css3的 transform搞定，可以实现平移、缩放、旋转、变形多种操作。
这里我们设置wap的position为relative。所有板子都为absolute。并设置top和left为零，这样初始化时所有的板子都位于左上角，然后将板子的transform-origin设为左上角，就实现了定位时的好计算，下面是css部分的代码。
.wrap{
position: relative;
width:300px;
height: 400px;
}
.t{
position: absolute;
top:0;
left:0;
width: 0;
height: 0;
transform-origin:0 0;
}
.t1{
border-top: 212.13203435596425732025330863145px solid red;
border-right: 212.13203435596425732025330863145px solid transparent;
transform: translate(150px, 150px) rotate(-135deg);
}
.t2{
border-top: 212.13203435596425732025330863145px solid #fdaf17;
border-right: 212.13203435596425732025330863145px solid transparent;
transform: translate(150px, 150px) rotate(135deg);
}
.t3{
width: 106.06601717798212866012665431573px;
height: 106.06601717798212866012665431573px;
background: #c3d946;
transform: translate(150px,150px) rotate(45deg);
}
.t4{
border-top: 106.06601717798212866012665431573px solid #00bdd0;
border-right: 106.06601717798212866012665431573px solid transparent;
transform: translate(150px,150px) rotate(-45deg);
}
.t5{
border-top: 106.06601717798212866012665431573px solid #5dbe79;
border-right: 106.06601717798212866012665431573px solid transparent;
transform: translate(75px,225px) rotate(45deg);
}
.t6{
width: 150px;
height: 75px;
transform: translate(300px) rotate(90deg) skew(45deg);
background: #ffdd01;
}
.t7{
border-top: 150px solid #0177bf;
border-right: 150px solid transparent;
transform: translate(300px,300px) rotate(180deg);
}
DEMO
好了，七巧板终于做好了让我们来看下效果吧。
留个jsfiddle的代码，博客园不能欠入，只能留个链接了http://jsfiddle.net/yanhaijing/3tf8ac6q/1/
提高
仅此而已了吗，当然不是，还有很多可考虑的东西，这里的css都是写死的，灵活性太差，如果用LESS的话（我用的就是less），我们可以设置一个基本长度变量（less支持变量和数学运算哦），然后其他的全部基于这个变量计算，这样只要改变这个变量，就能轻松改变整个七巧板的大小，可扩展性是不是有很大进步（实际上我就是这么做的，但jsfiddle不支持less语法，所以我就写了个css版的）。
其实还可以通过css3变化出多种图形，据说七巧板的可以拼出的图形多大几千种之多。。。快快开动你的脑筋来制作吧，做好了记得给博主留个链接啊。
进一步的提高就是通过CSS3的transtion，制作动画，在配合key-frame，可以制作七巧板变形的复杂动画，效果美轮美奂啊。
这里只贴一个图片吧，不提供代码了。。。
参考资料
CSS3动画详解（http://beiyuu.com/css3-animation/）
热心网友
时间：2022-04-21 21:15
________________________________________
项目内容
（一）项目概述
1、 项目名称：七巧板
2、 项目类别：室内/场地,团队.
3、 学员人数：拓展训练一个团队.
4、 总培训时间：85分钟
活动布置时间：5分钟
活动进行时间：40分钟
回顾总结时间：40分钟
5、 培训场地：
A、场地版：户外一块平整场地,最小4*4=16平米.
B、室内版：最小4*4=16平米可以用来进行项目.
6、 培训器材：
A、每组三把椅子,按照以下图位置摆好.
每个组之间距离1.5米,实际上七个组为一个正六边形的六个顶点和一个中心点.
1 6
2 7 5
3 4
B、五种颜色的七巧板,共7*5=35块.材料可以选择硬纸板、塑料板或者有机玻璃板.
制作方法：先选择五种颜色同种材料的正方形,边长可以为20cm.然后按照下图将正方形分成七块.这样五种不同颜色的正方形被分成35块七巧板.
C、任务书一至七各一张,共7张.
D、图一至图七（内容分别为：人,骑马的人,马,猫,鸟,鸭子,斧子）各一张,共7张.
E、按照记分表做好的大白纸一张或直接在白板上画好.
（二）培训目标
1、培养团队成员主动沟通的意识,体验有效的沟通渠道和沟通方法.
2、强调团队的信息与资源共享,通过加强资源的合理配置来提高整体价值.
3、体会团队之间加强合作的重要性,合理处理竞争关系,实现良性循环.
4、培养市场开拓意识,更新产品创新观念.
5、培养学员科学系统的思维方式,增强全局观念.
6、体会不同的领导风格对于团队完成任务的影响和重要作用.
（三）项目布置
1、把团队成员分为7个组.
2、把7个组成员分别带到摆好的椅子坐好.宣布七组的编号.
3、向所有成员宣布：这个项目叫“七巧板”.大家所坐的椅子是不得移动的.在项目进行过程中,所有人的身体不得离开你们所的椅子.所有七巧板和任务书只能由第7组传递.你们的任务写在任务书上,完成任务,会有积分,全队在规定的40分钟内,总分达到1000分,团队才算项目成功.
4、把混在一起的35块七巧板随机发给七组,每组5块.提醒学员在项目中使用七巧板时注意安全,只能手递手传递,严禁抛扔.
5、然后将图一至图七按顺序发给7个组,最后将任务书一至七按顺序发给七组.
6、向所有成员宣布：现在项目40分钟计时开始,请大家遵守规则,注意安全.
一组任务书
你们组的任务是：
1、用五种颜色的图形分别组成图一至图六,每完成一个图案将得到10分.
2、用同种颜色的图形组成图七,完成后将得到20分.
3、用三种颜色的七块图形组成一个长方形,完成后将得到30分.
每完成一个图案,请通知培训师,培训师确认后,将登记分数.
二组任务书
你们组的任务是：
1、用同种颜色的图形分别组成图一至图六,每完成一个图案将得到10分.
2、用五种颜色的图形组成图七,完成后将得到20分.
3、用三种颜色的七块图形组成一个长方形,完成后将得到30分.
每完成一个图案,请通知培训师,培训师确认后,将登记分数.
三组任务书
你们组的任务是：
1、用五种颜色的图形分别组成图一至图六,每完成一个图案将得到10分.
2、用同种颜色的图形组成图七,完成后将得到20分.
3、用三种颜色的七块图形组成一个长方形,完成后将得到30分.
每完成一个图案,请通知培训师,培训师确认后,将登记分数.
四组任务书
你们组的任务是：
1、用同种颜色的图形分别组成图一至图六,每完成一个图案将得到10分.
2、用五种颜色的图形组成图七,完成后将得到20分.
3、用三种颜色的七块图形组成一个长方形,完成后将得到30分.
每完成一个图案,请通知培训师,培训师确认后,将登记分数.
五组任务书
你们组的任务是：
1、用五种颜色的图形分别组成图一至图六,每完成一个图案将得到10分.
2、用同种颜色的图形组成图七,完成后将得到20分.
3、用三种颜色的七块图形组成一个长方形,完成后将得到30分.
每完成一个图案,请通知培训师,培训师确认后,将登记分数.
六组任务书
你们组的任务是：
1、用同种颜色的图形分别组成图一至图六,每完成一个图案将得到10分.
2、用五种颜色的图形组成图七,完成后将得到20分.
3、用三种颜色的七块图形组成一个长方形,完成后将得到30分.
每完成一个图案,请通知培训师,培训师确认后,将登记分数.
七组任务书
你们组的任务是：
1、领导团队在规定时间内完成任务,达到1000分的目标.
2、指挥其他各组成员,用所有的35块图形组成5个正方形,每个正方形必须由同种颜色的7块图形组成.每完成一个正方形,你将得到20分,组成正方形的那个组将得到40分.
3、支持其他各组成员,在规定时间内得到更多的分数,其他各组总分的10%将作为你的加分奖励.
（四）项目控制
1、注意要求学员不得移动椅子和身体不得离开所在的椅子.
2、学员组好图形后,请确认图形,符合要求的,在记分表上记分.
3、项目时间到40分钟时,结束项目,计算各组分数和团队总分.
4、记分完毕,收回所有35块七巧板.
5、回顾结束后,收回七张任务书和七张图.
记分表说明：
1、记分表要在培训前在大白纸或白板上画好.
2、项目进行过程中,培训师得到学员组好图形的示意后,到学员那确认学员的组好和所组的图形,然后把相应的得分记在记分表的相应位置.记分表第一行标的一至七分别对应图一至图七,八对应的是周围六组组的长方形,九对应的是周围六组组的正方形.第七组的第一个格记录的分数为周围六组总分的10%,第二个格记录的是周围六组组成的正方形数乘以5后的分数.注意,正方形只有五个有分,所以周围六组肯定有一组没有正方形的分数.
3、最后把团队总分算好,如果达到1000分,宣布项目成功,没有达到则项目失败.根据任务书的记分规则,如果所有图形在规定的时间内都组好了,总分应该是1046分.
________________________________________
七巧板回顾要点
七巧板项目所涉及的管理知识:
1、目标管理：
拓展训练的项目,一般要求团队在注意安全的前提下,在规定的时间内,遵守规则,完成任务.由此,在项目进行过程中,团队一般需要关注五个方面：团队、安全、时间、规则、任务.
团队需要明确如何达成目标,为了达成目标需要完成哪些任务,进而细化目标,进行任务分解.
2、沟通：
团队通常遇到的沟通障碍包括：任务马上要实施,才得到重要的信息,以至于措手不及,或者重复性劳动；任务实施后,重要信息没有反馈,或者延迟很长时间；截留或者被截留对其它团队成员有用的信息；遇到问题时,不愿意请求别人的帮助,也不愿意给别人提供建设性的反馈；相互抱怨对方态度不好；经常性的冲突与争论；反复讨论无法做出决定,或者对已经做出的决定反复提出质疑.
哈佛商学院工商管理学院教授Anne Donnellon博士在《团队沟通障碍》一书中,对于团队沟通障碍进行了分析,她指出,团队沟通障碍分为两个层面,个人与团队.
团队层面主要是机制障碍,影响团队沟通效果.团队需要解决的问题：相互信任；建立流程；跨越冲突；达成共识.
个人层面主要是沟通技巧不足,影响个体间沟通效果.个人需要解决的问题：沟通心态；表达技巧；倾听技巧；反馈技巧；沟通方式的选择.
3、PDCA的流程管理：
在此不再赘述.
4、领导力：
第七组的任务有三条：领导团队达成目标；指挥团队完成正方形的任务；支持团队获得更多分数.再加上第七组的地理位置,可以看出第七组是团队这个项目的领导.第七组作用的发挥对于团队目标的达成有重要的影响.
结合领导力的五种行为展开探讨领导力问题：以身作则、共启愿景、挑战现状、使众人行、激励人心.
5、资源配置：
七巧板项目中团队资源配置状况对团队成绩也有非常重要的影响.
（1） 认识资源,
（2） 对资源的进一步分析,任务重,需要群策群力,分清轻重缓急,明确进度,做好时间管理.
（3） 如何对资源进行合理配置：
6、团队结构
七巧板这个项目可以模拟一个团队的总部（第七组）和各个分支机构（第一至第六组）的关系.各组之间的联系对团队总体目标的达成有重要影响.这样的团队结构涉及的问题主要有：沟通、决策、信息共享、资源配置等等.
7、产品战略：
我们可以目标理解成一个由总部和6个分支机构组成的团队完成销售额.不同的产品成本,销售额都不同.团队的任务是,如何在规定的时间内,通过这四类产品的运营,实现目标销售额.这对于团队的产品战略是重要的考察.
8、高效团队：
我们在培训中经常发现,同一个单位的几个团队,分别进行七巧板这个项目,他们在人员组成上,应该说各个团队是处于同一水平线上,而且各个团队所分配到的资源也都一样,但为什么结果会有很多差距,甚至差距很大.那么差距在哪里?其实,可以说是在管理方面.成功的团队多是在沟通、决策、流程管理、资源配置等管理方面做得好；不成功的团队也多是在这些管理上存在着问题.那么什么样的团队是成功的高效团队呢,我们可以整理出一系列的标准,然后引导团队达成目标,提升绩效,打造高效团队.
十四.核危机
该项目有一定的危险性,在挑战的过程中要彼此关注一下队友的安全.场地上有三个圆圈,圆圈内模拟的是非常危险的环境,荆棘丛生,危急四伏,然后我们要共同完成取水的任务,怎么取水呢,大圆圈里边有小圆圈,小圆圈里给大家放了一瓶矿泉水,矿泉水上是没有盖盖子的,待会儿大家就有可能将里边的水给洒落出来,三个小组首先站在各自对应圆圈的外围,我们要做的就是要用我给大家提供的如下工具,资源一样,绳子都是四根,长度一样,你们的任务就是要将圆圈里那瓶水取出来.因为我说了,整个圆圈内荆棘密布,非常的危险,人和任何的物品都不能进入和接触到圆圈里的任何地面,如有接触,就算犯规,犯规第一次,无论是哪个小组我都将收掉一根绳子,犯规第二次,我将收掉两根绳子,第三次收第三根,每个小组要用你们的这几根绳子,在队友身体任何部位都不接触到大圆圈内部的情况下,将我们圆圈里的水瓶取出来,取出来还没有完,一组的水瓶必须运到二组的那个小圆圈里去,二组的水要移到三组的小圆圈里去,而三组的水要移动到一组的圆圈里去,最后我们看哪个小组的速度最快,用时最少,就取得本项目PK的胜利.
规则： 1、任何人以及任何的物品不能触及到大圆圈以内的地面.
2、在取水的过程中,绝对不能让水瓶里的水洒掉.如果洒掉,我将把你的水回放到你原来的圆圈当中,回到起点,所有小组的水都要循环回到自己的圆圈中.
3、拿水的过程一定是悬空拿出,悬空拿出之后也不能接触到外围的地面,直到将水安全的放到下一小组的小圆圈中才算任务完成.
接下来各小组成员围在本小组的圆圈周围,哨声响起,才能开始挑战.
1如果有一各小组的的水没有放到下一个小组的小圆圈中,你们知道后果是什么?后面的两个小组也别想完成任务.在工作中不能只看到自己的工作和任务,别人的任务和工作何能关系到你工作的成效,胸怀宽一点,眼光长一点,思维广一点.
2、团队精神的第一大内涵是当别人有困难的时候,你是否愿意伸出援助之手.
3、当你自己有困难的时候,你是否主动而坦然的去接受别人的帮助,是否去要求过别人来支持你一把.
4、工作流程的每一个环节都关系到整个团队的成功,彼此牵连,不可孤立.
企业的发展始终伴随着风险.对于企业来说,最大的风险就是没有危机意识.他们有的只看到企业发展的有利因素,而忽视了潜在的风险；有的只看到对手的弱点,却没看到自身的不足.如果缺少应有的忧患意识和危机意识,不努力提高自身的整体素质和竞争能力,那么在与*公司的竞争中我们将处于十分不利的地位.
