哈佛有只”精灵球“，唯有它能温柔收放深海的软体精灵 |Science Robotics

几何栗 发自 凹非寺 量子位 出品 | 公众号 QbitAI △ “我的家，在海洋” 唯有温柔的精灵球，才能收住软体精灵。 ? 这美如晶体的五角星，其实是一只温柔的机器人。 △ 这比喻果然有点恰当 介绍一下，哈佛“精灵球”是登上了Science Robotics的选手。 优雅的几何 精灵球的名字叫RAD取样器，三个字母代表旋转驱动十二面体。 再后来，有了我们今天看到的精灵球。 ? △ 644米深处，水母无恙 它已经在加州下了海，最远到过664米深的地方，一直收放自如。 不过，这并不是它的极限。团队说，机器人能接受的深度，超过1000米。 为今后神秘的旅途，替精灵球激动一秒。 可是，它只有“抓放”这么简约的技能么？ 水下实验室 团队成员David Gruber说，以后可能把精灵球做成一个水下实验室。 ? 这些手指和精灵球一样，出生在哈佛Wyss研究所，那里的人类要接受生物学的启迪，然后做出工程领域的突破。

使用Pygame做一个乒乓球游戏(2)使用精灵重构

本节没有添加新的功能，而是将前面的功能使用精灵类(pygame.sprite.Sprite[1]) 重构。 顺便使用图片美化了一下程序。 • Ball(Block)：球。 • Opponent(Block)： 对手。 • GameManager： 绘制/更新元素。我们将游戏的主要逻辑移到了这个类中。 在主程序中，需要创建pygame.sprite.Group()，并将精灵加入其中。

CSS3 实现宝可梦剑盾精灵球 Loading 效果(带源码)

图片实现效果：图片做静态的一个精灵球要实现这个效果，第一步先要做一个静态的精灵球。 精灵球图案不复杂，拆分下来就是几个图层背景的叠加：第一层是线性渐变背景，上半部分 46% 的面积是红色(色值：#cb0905)，中间 8% 的部分是黑色(色值：#000000)，下半部分 50% 的面积是白色 -- 精灵球元素 -->

Python之pygame学习精灵碰撞做一个躲避球游戏（13）

pygame学习精灵碰撞做一个躲避球 ✕ 碰撞球，这次真的是碰撞球了。！！ ? ? 这里设置的碰撞次数是2次。 我们来学习两种检测碰撞的的方法： 精灵组与精灵组： 这里有个坑，有个坑，有个坑！ 精灵与精灵组： pygame.sprite.spritecollideany（） 如果精灵与组中的任何内容相交，则进行简单测试。 pygame.draw.rect(screen,(0,255,0),[self.rect.x, self.rect.y, self.rect.w, self.rect.h],1) # 绘制球 pygame.mouse.get_focused(): # 获取光标位置,2个值 self.rect.center = pygame.mouse.get_pos() # 限制球不能半身跑到边框上 pygame.draw.rect(screen,(0,255,0),[self.rect.x, self.rect.y, self.rect.w, self.rect.h],1) # 画个球

Day2-球球

【球球要回家】— 解锁图块密码

今天继续讲解【球球要回家】微信小游戏项目源码，该源码目前已经得到有7位伙伴在的鼎力支持。同时有伙伴问：“能否将小球变英雄，终点站个美女，在限制时间内实现一个英雄救美的玩法，当然没问题的！” ? ?

精灵图

精灵图 什么是精灵图： css精灵(CSS sprites),是一种网页图片应用处理技术。 主要是指将网页中需要的零星的小图片集成到一个大的图片中 应用的原因： 1.减少对浏览器的请求次数，避免网页的延迟 2.方便小图标的统一管理 精灵图的制作： 1.软件：ps 2.制作方法： 新建透明图层 添加参考线将画布划分，将小图标放入划分好的格子中 精灵图的使用： css精灵图需要配合背景的图片和背景定位 1.引入精灵图 .basic{ background-image:url(

Python之pygame学习精灵及精灵组（10）

pygame学习精灵及精灵组 ✕ 精灵也就是我们的类操作，定义一个类型的对象，而且pygame封装好了一些对应的操作，方便我们的调用。 ? ? pygame中pygame.sprite.Sprite封装了精灵的操作，我们可以直接继承这个类，来方便的构建我们的精灵！ 精灵的使用分为以下步骤： 定义精灵类： class 类名(pygame.sprite.Sprite): 初始化继承类方法 super().__init__() # 一定要调用！ 设置精灵更新操作 可选设置精灵死亡操作 创建精灵 jj = Jl() 创建精灵组 jlz2 = pygame.sprite.Group(填入我们创建的精灵，可以多个) 在循环事件调用精灵组更新事件 jlz.update 完成以上步骤，我们就可以使用精灵组了。 下面代码使用精灵来创建多个反弹球，并且设置精灵的死亡操作！ 最后复习一下绘制字体，跟图片。 注意自己要准备个图片！！！

【CSS】CSS 精灵技术 Sprite ( 精灵技术需求 | CSS 精灵技术简介 | 代码示例 )

一、精灵技术需求 在浏览器中输入网址 , 向服务器发送请求显示某个网页 , 服务器接受请求 , 将网页数据传递给浏览器 ; 用户访问网站时 , 网页中每张图片都要经过单独请求 , 服务器一次只能传递一张图片给用户浏览器 , 如果网页图像很多 , 服务器与浏览器会频繁地进行请求和响应 , 这样极大的降低了网页的加载速度 ; CSS 精灵技术 , 可以有效提高网页加载技术 ; 二、CSS 精灵技术 ---- CSS 精灵技术 可以 将网页中的 背景图片 合成到一张 精灵图 中 , 网页元素 显示 精灵图 中的某个部位的小图 ; 建议使用 Firework 或者 Photoshop 精确测量精灵图的尺寸与其中小图片的元素位置 ; CSS 精灵技术 的核心就是利用了 背景设置中的 background-position 样式 可以 精确定位要显示图片的位置 ; 设置显示位置 : 设置背景图片显示位置 , 可以从指定 x , ---- 使用下面的图片作为精灵图片 ; 在网页中 , 显示 " 下载游戏 " 按钮 ; 将该 精灵图片 拖到 Fireworks 中 , 使用切片工具选中其中的 下载游戏 按钮 , 先使用切片工具

精灵图

把多个小图标放在一张图片上，减少浏览器加载图片的时间，通过代码控制显示哪一个小图标

精灵图

什么是精灵图？ 就是将几张较小的图片放在一张大图上 为什么要有精灵图？ 而将多张小图放到一张大图上的操作就叫做精灵图，也可以叫做雪碧技术 也叫做css sprite 精灵图的使用 一张大的图片上有很多小的图片，那么如何将这个小的图片拿出来呢？ 1.如果我们需要的一张图片在精灵图上，必须要了解这个图片的大小以及在精灵图上的位置 比如：新浪网上的搜索按钮，首先得到它的宽高和位置 2.在页面上将这个图片显示出来，在显示的时候一定要注意我们容器的大小一定要和这个图标的大小一样 比如：我们要html页面上放一个div，宽高为图片的搜索按钮的宽高 3.将精灵图设置为容器的背景图片，并且根据图片所在的位置将背景图片进行平移 制作精灵图 1.精灵图必须是一些小的图片 2.精灵图的多个小图之间一定要留有足够的间隙 3.精灵图的大小一定要大于所有图片中最大的那个 4.完成精灵图以后一定要在精灵图下方留有足够的空隙，方便将来再次添加其它的精灵图 5.如果是页面上一个像素的背景图片不要放在精灵图上面 Iconfont

芯片测试有球无球定方案：芯片有球无锡球测试的特点、测试座适配应用

1.有球测试：以锡球为核心的“面接触”测试有球测试特指针对带有完整锡球阵列的IC芯片开展的电气性能测试，常见于芯片封装完成后、焊接前的品质校验环节。 2.无锡球测试：以PAD为目标的“点精准”测试无锡球测试针对未植球或锡球脱落的IC芯片，测试对象为芯片封装表面裸露的金属焊盘（PAD），多用于芯片封装前的晶圆级测试、锡球修复后的二次验证，或LGA等本身无锡球封装的芯片测试 1.有球测试：适配“锡球连接型”封装此类封装以锡球作为芯片与PCB板的连接桥梁，锡球的完整性直接影响最终焊接质量，因此测试需重点验证锡球与芯片内部电路的导通性。 核心适配封装包括：BGA（球栅阵列封装）：锡球呈阵列式分布于封装底部，是有球测试的最典型场景。 FBGA（细间距球栅阵列封装）：锡球间距≤0.5mm，属于高密度有球封装，测试易出现相邻锡球短路风险。

球球，别在sql里格式化数据

在shigen之前的文章《为什么我们总是被追赶着走》这篇文章中提到了很多的设计乱象，设计的恶心之处至今让我呕吐。其中的sql我说了动辄上百行，而一些略长的部分竟然就是为了一件事——格式化。我直接一个ca，格式化不能用一个VO去处理吗？后来人改代码，也只能在sql上堆了。

关于精灵图

之前就发现一些网站把所有的小图标拼接在一张图片中，但是一直不知道这是怎么做到的，今天特地了解了一下，才知道这种用法叫做精灵图。

精灵图定位

url(…/images/sprite-search.png) no-repeat; } .search em:hover{ background-position: -30px 0; /* 精灵图第一个值是 X轴的值 第二个值是Y轴的值，基本上都是负的多少多少 */ } 精灵图本质： 用一张大图包含所有小图，最关键的地方在于使用backgrond-postion属性精确定位 发布者：全栈程序员栈长，转载请注明出处

Python——动画精灵

下面就要介绍这一篇的主角——动画精灵，pygame有一个特殊的模块来处理动画精灵。 一. 什么是动画精灵 动画精灵表示一个单位来移动和显示一组像素，这是一种图形对象。 “动画精灵”这个词是从老式计算机和游戏机流传下来的。这些老式游戏机不能很快地绘制和擦除图形来保证游戏正常工作。这些游戏机有一些特殊的硬件，专门用来处理需要快速移动的游戏对象。 这些对象就称为“动画精灵”。它们有一些特殊的限制，不过可以非常快地绘制和更新……如今，一般来讲，计算机的速度已经足够快了，不需要专门的硬件也可以很好地处理类似动画精灵的对象。 不过‘动画精灵’这个词仍用来便是二维游戏中的所有动画对象。 可以把动画精灵想成一个小图片——一种可以在屏幕上移动的图形对象，并且可以与其他图形对象交互。 二. Sprite类 Pygame的sprite模块提供了一个动画精灵基类，名为sprite。

精灵图 详解

精灵图技术 why? 1.减少请求次数，提高界面加载速度 what? 1.确定显示小图片的那个盒子的宽高 2.以背景的方式插入精灵图 background-image：url(); 3.移动图片的定位位置 background-position：xpx ypx 向上移动以及向左移动 位置肯定是负值 注：background-position： 水平/px 垂直/px 打开PS,打开所要用的精灵图。 /资料/精灵图应用_看图王.png); background-repeat: no-repeat; background-position: -303px -13px； !

精灵之息

因为菜单列表里的那篇精灵之息是之前版本的，所以重新发一篇 ? 如果精灵之息把所有规则摊开了讲，大概要10-20分钟，但是，现在第一章的内容还不到20分钟……这样太糟糕了。 精灵之息目前属于后者。 其实我比较担心会得到『游戏做一半就拿来上架』的评价。 但…… 总之，现阶段的精灵之息是『体验版』的感觉，但是我也只能这么发了，后续会一章一章的更新。

学习 PixiJS — 精灵状态

如果要开始使用精灵状态，首先需要一个状态播放器。状态播放器用于控制精灵状态。 ，这个动画精灵会内置了一个状态播放器。 第二个参数 xPosition 和 第三个参数 yPosition 表示创建的精灵的 x 和 y 坐标。 什么是精灵状态？ 这个雪碧图中实际上有八个精灵状态：四个静态状态和四个动画状态。让我们看看这些状态是什么以及如何定义它们。 静态状态 精灵的静态状态定义精灵在不移动时的四个位置。 首先，创建精灵，以下代码展示了如何使用 sprite 方法创建精灵。

CSS Sprites（精灵图）

使用精灵图 通过定义我们知道，css精灵其实就是将网页中的一些背景图像整合到一张大图中，我们需使用精灵图里面的某个小图片就需要通过css的background-image(引入精灵图)，background-repeat (指定不重复)， background-position(确定小图在精灵图中的位置，必须精确定位) 接下来看一下一些大型网页是否使用了精灵图 如淘宝页面 通过审查元素，查看右边小图标是否使用了精灵图 1.将精灵图用ps打开 为了避免改变精灵图的位置，我们第一次打开时需将图层锁定 通过选取工具，选取我们需要的图片得到其大小位置信息，图片的信息在“窗口”---“信息”。 制作精灵图就是将小图标放图一个大的背景中即可，这里就不一一阐述，精灵图制作遵循一下原则 1.精灵图必须为透明背景 2.精灵图中个各个小图应该有一定的间距 3.精灵图底部应该预留位置方便以后添加 4.精灵图存储为png格式