sprites

background-position和雪碧图(CSS Sprites)用法 2021-03-23

background-position属性使用频率非常高，大量的网站为了减少http请求数，会将大量的图片图片合成一张雪碧图（Sprite）来使用。雪碧图的使用就是通过控制background-position属性值来确定图片呈现的位置，不得不说它的作用非常重要，当然除了在使用雪碧图的场景外，别的某些场景也常常会使用到这个属性，这次就总结下它的用法。还是那句话，工欲善其事必先利其器，只有真正的了解
猴逃逃·2023-06-24 11:25

canvas详解03-绘制图像和视频

可以用于动态的图像合成或者作为图形的背景，以及游戏界面（Sprites）等等。浏览器支持的任意格式的外部图片都可以使用，比如PNG、GIF或者JPEG。
_揽·2023-06-23 18:03

游戏开发日志15（技能树上）

(menuName="NewSkill",fileName="Skill")]publicclassSkillData:ScriptableObject{publicintSkillID;publicSpriteSkillSprite
J-SL·2023-06-23 16:20

Unity核心5——Tilemap

Tilemap一般称之为瓦片地图或者平铺地图，是Unity2017中新增的功能，主要用于快速编辑2D游戏中的场景，通过复用资源的形式提升地图多样性工作原理就是用一张张的小图排列组合为一张大地图它和SpriteShape
weixin_53163894·2023-06-19 20:41

Unity核心4——SpriteShape

SpriteShape是精灵形状的意思，它主要是方便我们以节约美术资源为前提，制作2D游戏场景地形或者背景的在Window-->PackageManager中搜索2D，选择2DSpriteShape，导入项目一
weixin_53163894·2023-06-19 20:11

2022-05-08 Unity核心5——Tilemap

TilemapTilemap一般称之为瓦片地图或者平铺地图，是Unity2017中新增的功能，主要用于快速编辑2D游戏中的场景，通过复用资源的形式提升地图多样性工作原理就是用一张张的小图排列组合为一张大地图它和SpriteShape
蔗理苦·2023-06-16 02:56

[Unity] Vector Graphics -使用 SVG矢量图

SVGImageUsingVectorGraphicsSVGimporterThispackageprovidesanSVGimporterthatreadsandinterpretsSVGdocumentsandgenerates2DspritesforuseinUni
Hunter_2020·2023-06-15 05:33

CSS sprites简单实例

关于雪碧图(csssprites)网上已经有非常详细的介绍，比如百度百科，最简单的来说，CSSsprite即把网页中比较小的一些小图片整合到一张图片文件中，再利用CSS的background-image
法海你懂不·2023-06-14 09:38

Unity入门学习——游戏对象创建与动画设置

一、游戏对象创建直接创建直接拖动游戏素材到Scene窗口中通过创建2DObject创建在Hierarchy视窗下右键选择2DObject，再选择Sprites，根据游戏对象图形选择Square、Circle
清决言·2023-06-13 21:34

pygame开发飞机大战

pygame开发飞机大战mainimportpygamefromplan_spritesimport*classPlaneGame(object):"""飞机大战主游戏"""def__init__(self
赵北北北北北·2023-06-12 04:28

18 11 08 游戏学习完成

pygame中最最后一步就是飞机大战中的碰撞检测pygame中的碰撞检测分成两种1pyagme.sprites.groupcollide(group1,group2,dokill1,dokill2)后两个是看对象会不会消失相对于两个精灵组的的碰撞检测对于
bangchela8451·2023-06-12 04:27

ios 常见性能优化

11.权衡渲染方法12.处理内存警告13.重用大开销的对象14.使用SpriteSheets
浪人残风·2023-06-10 18:36

精灵动画Sprite和SpriteSequence的基本使用

在QML当中也有一个控件可以实现这种精灵类动画的制作，主要使用到三个控件：Sprite和SpriteSequence和AnimatedSprite。
山间点烟雨·2023-06-09 16:31

unity加载sprite_Unity使用AssetBundle加载图集SpriteSheet

打包AssetBundleResource.load也可以读取资源，但是不能分包，所以每次更新都需要全量更新，不利于后续开发新版本，推荐使用AssetBundle打包方式。将需要打包的素材，选择一下AssetBundle名称，如果没有就new一个然后选择，我这里写的是datamodels，图片名为atlas。在Editor文件夹中新建脚本usingSystem.IO;usingUnityEdito
ying侨·2023-06-08 21:37

第一个Unity项目——Flappy Bird

2D/3D编辑器，同时又是一个游戏引擎游戏引擎：使用者只需要调用这些功能，而不需要重写实现这些功能第一步：资源导入与资源处理资源导入的方法：直接将资源拖入Project面板资源处理2D游戏总的来说是依靠Sprites
ht_game·2023-06-07 15:18

13 【精灵图 图标字体 CSS三角 鼠标样式 溢出省略号】

因此，为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了CSS精灵技术（也称CSSSprites、CSS雪碧）。
DSelegent·2023-04-20 02:37

【面试题】性能优化相关

2.CSSSprites（雪碧图）减少图片请求。3.图片地图（不推荐）把多张图片整合到一张图片中。虽然文件的总体大小不会改变，但是可以减少HTTP请求次数。
南慕瑶·2023-04-19 09:51

Unity3D脚本逐帧播放指定文件夹下的图片

publicclassGifPlayTest:MonoBehaviour{[SerializeField]privateImageimage;[Header("sprite渲染组件")]publicSprite[]sprites
鸡蛋绝缘体·2023-04-17 10:06

性能优化之《高性能网站建设指南》

总结一下，可能加了些我自己的YY……减少HTTP请求合并资源1.Csssprites2.合并js和css内联外部资源1.内联图片：base642.内联css和js：现在的前端mv*框架基本都是这样做的缓存机制
monvhh·2023-04-16 20:35

Unity 2D 游戏学习笔记（3）

官方教程网址：Ruby'sAdventure：2D初学者-UnityLearn一、创建主角首先按照教程指示，创建一个2D项目，将资源包下载后导入，并在官方教程中下载ruby的图像，存入项目文件Art-->Sprites
百年bd·2023-04-12 23:13

Unity 2D 游戏学习笔记（4）

首先在官方教程中下载所需的瓦片资源图片Tile，放入之前存放Ruby图片的Sprites文件夹中。
百年bd·2023-04-12 23:13

Three.js（十）—— 精灵模型和粒子系统

文章目录10、精灵模型和粒子系统10.1精灵模型SpriteSprite和SpriteMaterial.scale和.positionSprite用途10.2中国城市PM2.5可视化案例精灵模型Sprite
summer_du·2023-04-12 16:33

vue2&3自定义svg图标组件

可参考：未来必热：SVGSprites技术介绍懒人神器：svg-sprite-loader实现自己的Icon组件在Vue3项目中使用svg-sprite-loader前置知识在页面中，虽然可以通过如下的方式使用
ps酷教程·2023-04-09 04:01

Unity教程2D入门

建立角色：1.直接将角色文件拖拽至层级中2.在层级中创建2DObject-Sprites，再将角色拖拽至Sprites选项中给
未来的约定·2023-04-08 14:58

CSS 6 精灵图 字体图标 CSS三角 用户界面样式 vertical-align 溢出文字省略号 常见布局技巧

目录1.精灵图1.1为什么需要精灵图1.2精灵图（sprites）的使用1.3精灵图使用案例2.字体图标2.1字体图标的产生2.2字体图标的优点2.3字体图标的下载2.4字体图标的引用（以icomoon
bye952·2023-04-06 23:46

CSS 高级技巧

目录1.精灵图1.1为什么需要精灵图1.2精灵图（sprites）的使用2.字体图标2.1字体图标的产生2.2字体图标的优点2.3字体图标的下载2.4字体图标的引入2.5字体图标的追加1.精灵图1.1为什么需要精灵图一个网站往往回应用很多的小背景图像作为修饰
bit..·2023-04-06 23:16

CSS7day（精灵图，字体图标引入过程，CSS画三角形，CSS 用户界面样式，vertical-align 属性应用，溢出的文字省略号显示，常见布局技巧：css三角强化）

文章目录1.为什么需要精灵图1.1精灵图（sprites）的使用使用精灵图核心总结2.1字体图标的产生2.2字体图标的优点2.2字体图标的使用1.字体图标的下载2.字体图标的引入过程（引入到我们html
荻风溪畔·2023-04-06 23:38

css高级技巧(精灵图、字体图标、三角、vertical-align属性、溢出文字省略号等)

这张图就叫做精灵图(也称CSS精灵技术、CSSSprites
laizhenghua·2023-04-06 23:01

CSS第七天总结——精灵图、字体图标、CSS 三角、CSS 用户界面样式、vertical-align 属性应用、溢出的文字省略号显示 、常见布局技巧、CSS 初始化

为什么使用精灵图（目的）：为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了CSS精灵技术（也称CSSSprites、CSS雪碧）。
爱前端的杨同学·2023-04-06 23:01

【web前端】CSS高级技巧（精灵图，字体图标，CSS三角，CSS用户界面样式，文字与图片垂直对齐，溢出的文字省略号显示，常见布局技巧，CSS初始化）

使用课程是黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端前端视频教程_哔哩哔哩_bilibili目录一、精灵图1、为什么需要精灵图2、精灵图(sprites)的使用二
wo-yu·2023-04-06 23:06

【Unity Script Collection】Materials & Shading

ProjectsbyRM-wetsurface&skinshader.OceanCommunityNextGen-waterphysics/shader.FlowMapShader-flowmapshaderworkingwithsprites.VertexPaint-additionalvertexstreams.ShaderProject-shad
Jack Yan·2023-04-06 08:35

base64解析图片

我们正常所看到的网页上的图片，都是需要消耗一个http请求下载而来（所以才有了csssprites（雪碧图）技术的应运而生，但是csssprites有自身的局限性，下文会提到）。
素时年锦·2023-04-05 10:29

网址 链接 全部

spm=a313x.7781069.1998910419.2iconfont阿里图表库https://vuejs.org/vue官网https://www.npmjs.com/package/svg-spritesvg
刘松阳·2023-04-01 07:04

Python —— 给女儿写个雷霆战机

importrandomimportpygameSCREEN_PRO=pygame.Rect(0,0,512,768)#自定义派生精灵子类，继承pygame.sprite.SpriteclassGameSprites
程序猿知秋·2023-03-31 23:08

前端笔试题整理

2、csssprites是什么，怎么实现？
一颗脑袋·2023-03-31 08:35

05-CSS图片整合技术&文本溢出

图片整合技术已逐渐淘汰，了解即可作用：可以通过把很多小的图标整合到一张大的图片上，通过背景定位技术移动图片从而实现小图标位置别名：csssprites、精灵图、雪碧图background-position
echozz·2023-03-26 01:56

前端基础(一)

5.display:none与visibility:hidden的区别6.伪元素和伪类的区别和作用7.标准盒子和怪异盒子（IE盒子）8.对精灵图CSSSprites的理解9.单行、多行文本溢出隐藏10.
七小山·2023-03-25 14:27

图标方案

尤其是涉及比较多图标时字体方式利用阿里iconfont网站：通过上传svg格式的图标生成iconfont，支持ttf、woff、woff2和svg（也就是symbol方式），其中只有svg支持彩色svgspritesvgsprite
videring·2023-03-24 22:56

八.CSS高级技巧

因此，为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了CSS精灵技术（也称CSSSprites、CSS雪碧）。核心原理：将网页中的一些小背景图像整合到一张大图中，这样服务器只需要
西红柿君呐·2023-03-24 17:14

目前最全面总结，Web前端开发技术栈，欢迎补充

运行环境1-1浏览器浏览器兼容性csshackjavascript例如事件系统渐进增强优雅降级相应式布局web安全同源策略xss跨站点攻击csrf跨站点请求伪造点击劫持sql注入……性能优化压缩csssprites
科技塔·2023-03-23 22:57

Unity 骨骼动画 2D Animation 入门（1）

Unity从2018版本开始引入不少2D的新功能，在资源包里加入很多新功能，一定要开启预览模式可以看到新功能，2DAnimation，2DIK，2DPixelPerfect，2DSpriteShape等等
Colocasia·2023-03-21 11:42

[牛客网]错题本

capitalize是首字母大写text-transfrom:lowercase是全部字母为小写text-transfrom:uppercase是全部字母为大写font-weight:bold;字体为粗体CSSSprites
Bella不要偷懒·2023-03-20 05:11

关于网页性能优化

常见方法：合并多个CSS文件和js文件，利用CSSSprites整合图像，InlineImages(使用data：URLscheme在实际的页面嵌入图像数据)，合理设置HTTP缓存等减少DNS查找避免重定向使用
zhoulh_cn·2023-03-13 02:33

threejs 精灵材质(SpriteMaterial)与pointMaterial的学习

doc）:Aspriteisaplanethatalwaysfacestowardsthecamera,generallywithapartiallytransparenttextureapplied.Spritesdonotcastshadows
默茉·2023-02-28 15:31

threejs精灵Sprite。通过canvas创建2d和3d的模型材质

doc）:Aspriteisaplanethatalwaysfacestowardsthecamera,generallywithapartiallytransparenttextureapplied.Spritesdonotcastshadows
搬砖小田·2023-02-28 15:31

Python pygame 坦克大战

Pythonpygame坦克大战importpygame,time,randomfrompygame.spriteimportSpriteSCREEN_WIDTH=750SCREEN_HEIGHT=500BG_COLOR
酷酷的聪·2023-02-21 16:11

Scratch二次开发教程——2角色背景修改

backdrops.json背景costumes.json造型sprites.json角色sounds.json声音他们都是JSON文件，我们就可以
松露老师·2023-02-19 04:55

08-精灵图的利弊

CSSSprites、精灵图、雪碧图都是一个概念*我对精灵图的简单看法关于精灵图我简单的介绍一下：就是把多张小图片拼接成一张大图片，通过定位，设置X，Y轴坐标的值，并让超出部分隐藏，这样就可以显示图片的局部
_信仰zmh·2023-02-17 17:55

用python教大家做一个简单的飞机大战

做飞机大战之前，需要完成以下条件首先：需要安装pygame模块其次：一个编辑器，本人用的是sublime代码块精灵类---plane_spritesimportpygameimportrandom#定时器常量
嘿_man·2023-02-04 12:39

常见的前端开发面试题(附答案)

服务器端响应http请求，浏览器得到html代码e.浏览器解析html代码，并请求html代码中的资源f.浏览器对页面进行渲染呈现给用户2.谈谈你对前端性能优化的理解a.请求数量：合并脚本和样式表，CSSSprites
Dream_travelerly·2023-02-04 06:12
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他