51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#sprite
CSS3与页面布局学习总结(五)——Web Font与Sprite
webfont是应用在web中的一种字体技术,在CSS中使用font-face定义新的字体。先了解操作系统中的字体:a)、安装好操作系统后,会默认安装一些字体,这些字体文件描述了每一个文字的形态,一般中文文件大,英文文件小,因为中文字符数多;在控制面板中可以找到文字文件夹,在C:WindowsFonts下也可以直接找到...
代码星球
·
2021-02-12
CSS3
页面
布局
学习
总结
CSS 图像精灵怎么用(css sprites定位技术) 图标定位
CSS图像精灵怎么用(csssprites定位技术)...
代码星球
·
2021-02-11
定位
CSS
图像
精灵
怎么
css sprites介绍
一、CSSSprites简介通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSSSprites并不是一门新技术,目前它已经在网页开发中发展得较为成熟,CSSSprites并不是什么金科玉律,但在很多情况下,它有着一定的优势,最重要的是它可以减轻服务器的负载,提高网页加载速度。CSSSprites允许你将一个页面涉...
代码星球
·
2021-02-06
css
sprites
介绍
Sprite Kit编程指南(1)-深入Sprite Kit
学习SpriteKit最好的方法是在实践中观察它。此示例创建一对场景和各自的动画内容。通过这个例子,你将学习使用SpriteKit内容的一些基础技术,包括:· 场景在一个基于SpriteKit的游戏中的角色。· ...
代码星球
·
2020-10-21
Sprite
Kit
编程
指南
深入
SpriteKit改变Node锚点其物理对象位置不对的解决
在创建Node的物理对象后,默认情况下物理对象和Node的实际边界相应的非常好,由于此时Node的默认锚点是当中心位置即(0.5,0.5),只是假设我们改变了Node的锚点,就会发现其物理边界还是保持原来的位置,这可不是我们想要的结果:letbouncer=SKSpriteNode(imageNamed:"bounce...
代码星球
·
2020-08-28
SpriteKit
改变
Node
锚点
物理
Edge Animate使用SPRITESHEET创建动画(三)
在Flash动画制作中,使用SpriteSheet制作动画元素是一个常见和普遍的方法。在EdgeAnimate中,我们也可以利用SpriteSheet来制作HTML5动画。本文将从一个示例出发,介绍在EdgeAnimate中如何使用SpriteSheet。一、示例分析项目网盘地址:demo 通过这个示例我们可以学...
代码星球
·
2020-07-24
Edge
Animate
使用
SPRITESHEET
创建
REM+SVG Sprite,web app案例
REM+SVGSprite,构建新时代webapp<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><html><head><metahttp-equiv="Content-Type"content="text/ht...
代码星球
·
2020-07-24
REM+SVG
Sprite
web
app
案例
吴裕雄--天生自然python学习笔记:python 用pygame模块角色类(Sprite)移动与碰撞
角色类(Sprite)Pygame游戏中有许多组件会重复用到,比如射击宇宙飞船的游戏中,外星宇宙飞船可能多达数十艘,通过创建“角色类”,可以生成多个相同的对象。Pygame角色类是游戏设计者最喜爱的功能,它不但能复制多个对象,还能进行动画给制、碰撞侦测等。创建角色类的基本语法为: &n...
代码星球
·
2020-05-23
python
吴裕雄
天生
自然
学习
CSS sprite 圆角——源代码
所需图片: &nb...
代码星球
·
2020-04-09
CSS
sprite
圆角
源代码
利用 CSS animation 和 CSS sprite 制作动画
CSS3大大强化了制作动画的能力,但是如果要做出图案比较复杂的动画,选择GIF依然是一个不错的选择。今天给大家介绍一个使用CSSanimation配合雪碧图(CSSsprite)来制作动画的方法,可以做出类似于GIF动画的效果。首先看看,CSS3animation的兼容性。可以看到基本上主流浏览器都支持了animati...
代码星球
·
2020-04-08
CSS
利用
animation
sprite
制作
pygame-KidsCanCode系列jumpy-part9-使用spritesheet
做过前端的兄弟应该都知道csssprite(也称css精灵),这是一种常用的减少http请求次数的优化手段。把很多小图拼成一张大图,只加载1次,然后用css定位到不区的区域,从而展示不同的图片。游戏中也是类似的道理,如下图:每一个小图片,都有自己的x,y,width,height信息,通常会放在一个xml中,类似:1&...
代码星球
·
2020-04-06
pygame-KidsCanCode
系列
jumpy-part9-
使用
spritesheet
pygame-KidsCanCode系列jumpy-part0-使用sprite
油管(youtube)上有一个号称"史上最好的pygame教程"(传送门:https://www.youtube.com/watch?v=VO8rTszcW4s&list=PLsk-HSGFjnaH5yghzu7PcOzm9NhsW0Urw),作者思路很清晰,循序渐进,很适合大人学会了,然后指导孩子入门。作者还...
代码星球
·
2020-04-06
pygame-KidsCanCode
系列
jumpy-part0-
使用
sprite
CSS中background-image【CSS Sprites,base64编码】
CSS中,background可以设置对象的背景样式。如颜色或者使用一张图片代替,今天我要多说两句的就是使用一张图片的参数:image。准确的来说应该是background-image。我们可以这样用它:body{  ...
代码星球
·
2020-04-03
CSS
background-image
Sprites
base64
编码
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他