Sprite 第12页

手摸手，带你优雅的使用 icon

渐渐发现一个页面的请求资源中图片img占了大部分，所以为了优化有了imagesprite就是所谓的雪碧图，就是将多个图片合成一个图片，然后利用css的background-position定位显示不同的

涅槃快乐是金·2023-04-19 14:05

南慕瑶·2023-04-19 09:51

网络炸弹人克隆

这一小时你将学到什么:在真实的游戏中处理网络使用TileMap和TileSet工具创建一个地图结合Sprite和AnimationPlayer来制作动画。

不想打工·2023-04-19 00:53

一个简单小型的C#Socket网络通信库聊天室示例(五)

讲完了聊天消息了下面说两个主界面还有工具类这里懒得再转****Sprite直接用RawImage了他可以放Texture2D登录界面LoginPanel登录界面.png应该没啥说的就建这几个组件代码：usingUnityEngine

懒_开果·2023-04-17 11:53

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

usingUnityEngine.UI;publicclassGifPlayTest:MonoBehaviour{[SerializeField]privateImageimage;[Header("sprite

鸡蛋绝缘体·2023-04-17 10:06

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

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

monvhh·2023-04-16 20:35

Vue3中使用svg图标

Vue3+vite+ts-安装依赖npminstallsvg-sprite-loaderyarnaddsvg-sprite-loader创建需要使用到的文件（目录）这边我是在src目录下的components

陈桑·2023-04-16 11:00

自用命名规范

UI命名规范普通UI命名控件类型_ui名称node_mainlabel_namesprite_rolescrollview_listlayout_panelUI绑定脚本命名控件类型简称_ui绑定脚本名称

搬凳子游戏个人开发者·2023-04-16 09:52

iOS开源项目集合（三）

DemoappleSample-iOS苹果官方Demo合集，官方demo.iOS7-Sampler-整合了iOS7.0的一些十分有用的特性，比如：DynamicBehaviors、碰撞检测、语音合成、视图切换、图像滤镜、三维地图、SpriteKit

itlingmao·2023-04-14 13:27

Unity使用Texturepacker打包图集自动替换脚本

首先说一个我自己感觉Unity自带的spriteAtlas坑的地方，我们Prefab上面使用的图片如果是Unity自带的图集工具spriteAtlas打的图集的话，prefab对应的meta文件里面没有对图集的依赖

小1毅1·2023-04-14 04:48

icon解决方案

sprite好处：兼容性好缺点：1、改变颜色、大小、透明度不方便，需要使用ps手动替换2、需要对已有icon放大显示时,锯齿严重,需要再保存一份放大版的icon3、Sprite文件会随着时间越变越大,同时内容越来越乱

玉面小猿·2023-04-13 21:14

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

【Unity入门计划】制作RubyAdventure01-玩家的创建&移动

目录前期准备项目官方教程地址项目特点下载并导入项目1创建玩家1.1创建玩家和场景Unity中2D素材的使用1.2了解精灵渲染器SpriteRenderer1.3精灵的静态和动态2移动玩家2.1尝试创建一个移动脚本关于

九九345·2023-04-12 23:37

Unity学习笔记

瓦片地图物理系统禁用重力：找到GravityScale属性并将其设置为0碰撞去除旋转去除抖动：修改物体移动的脚本添加瓦片地图碰撞图层与碰撞触发器射线投射给物体添加生命值统计功能定义一个属性精灵渲染器(SpriteRenderer

油腻体在学·2023-04-12 23:06

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

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

summer_du·2023-04-12 16:33

unity2D学习（12）角色发射子弹

2子弹新建一个Sprite，并命名为Bullet（子弹）。然后为Bullet添加Rigidbody2D（刚体）、BoxCollider2D（碰撞器）、

魔法自动机·2023-04-12 13:21

我的Paper2D教程

背景图关键字：paper2D，Flipbook，Sprite，Input为什么有这篇文章？

闪电的蓝熊猫·2023-04-12 01:04

2023前端面试重点知识点总结【详细】css+js+vue+react+小程序+性能优化等等

如何做响应式布局或者如何适配csssprite(雪碧图或者精灵图)有什么优缺点？缺点：UI工作量加大。

薪薪代码·2023-04-11 22:25

CSS Sprite雪碧图

有些图片挂了，大家可直接看原文什么是雪碧图？雪碧图也叫CSS精灵，是一种CSS图像合成技术；通俗来说：将小图标合并在一起之后的图片称作雪碧图，每个小图标的使用配合background-position来获取。如下：如上雪碧图，background-position使用定位如下X和Y轴，注：原点0，0位置，之后X和Y轴均为负值，定位到图片左上侧起点后根据width和height截取小图标为什么应用雪

程宇寒·2023-04-11 00:55

css sprit雪碧图制作，使用教程

百度词条对雪碧图的解释是：CSS雪碧即CSSSprite，也有人叫它CSS精灵，是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。

OBKoro1·2023-04-11 00:23

【常见CSS扫盲雪碧图】从源码细看CSS雪碧图原理及实现，千字详解【附源码demo下载】

【写在前面】其实估计很多人都听过雪碧图，或者是CSS-Sprite，在很多门户网站就会经常有用到的，之所有引出雪碧图这个概念还得从前端加载多个图片时候页面闪了一下说起，这样给人的视觉效果体验很差，也就借此机会和大家说说

拄杖盲学轻声码·2023-04-11 00:17

unityP1笔记——Unity部分

目录Unity基本操作组件思想Transform组件GameObject组件预制体生命周期函数Invoke函数协程常用工具类Unity2DSprite和SpriteRender2D物理系统：刚体碰撞体触发

Haruka陈词·2023-04-11 00:08

UE4 Niagara 烟花制作工程

很明显会用到Ribbon让宽度从宽到窄让位置和颜色与第一个做的粒子一致，所以要将这两个Apply第二个粒子也制作完成生成炮弹拖尾的追尾粒子和第二个没什么不一样，把这个改成生成的粒子数为5将Ribbon改成Sprite

远离UE4·2023-04-10 17:33

three.js实现3d球体树状结构布局——树状结构的实现

目录系列文章安装依赖基本分析实体类场景相机渲染器辅助线环境光点光源球形几何体球形几何体的材质线几何体线几何体的材质物体文本轨道控制实现效果实现源码参考文档系列文章three.js实现3d球体树状结构布局——添加入场、出场、点击放大等动画安装依赖npmithreethree-spritetextthree.meshlinethree-spritetext

风舞红枫·2023-04-10 11:40

Laya Atlas

减少CPU运算：多个Sprite精灵渲染的是来自同一张图集图片时，这些Sprite可以使用

JunChow520·2023-04-10 02:43

雪碧图CSS Sprite的应用

CSS雪碧，即CSSSprite，也有人叫它CSS精灵，是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。

ColinLiu123·2023-04-09 22:15

在Vue3项目中使用svg-sprite-loader

Vue3+TypeScriptWebpack5+Vue-cli5svg写在前面本文基于Vue3+Typescript+Webpack5介绍svg-sprite-loader在项目中的使用方式,封装出一个

polaris_wrp·2023-04-09 04:07

vue3.0+ts+element-plus多页签应用模板：如何优雅地使用Svg图标

目录系列文章一、关于SVGSprite技术二、用到的插件1.svg-sprite-loader2.svgo-loader3.安装并配置插件三、封装SvgIcon组件系列文章vue3.0+ts+element-plus

W先生-SirW·2023-04-09 04:34

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面试题】css sprite优缺点

哦关注我总有一天变大牛。好，到这儿呢咱们来看这道题。他问的是css雪碧图是什么。那通常呢我们会把雪地图又被称为叫精灵图啊，就好比说张三一样，大名呢叫张三，小名叫狗蛋啊，我叫他张三答应我叫狗蛋，他也理我哎，就这意思。然后其次问问这东西它到底有什么样的优点以及缺点。好，在这呢咱们先来说第一个事情啊就是是什么？说白了，他就是把把多个小图标合并成一张大图片，啊这就是雪地图是什么。好，下面呢我给大家看一个

网创学长·2023-04-08 10:00

飞机大战model.py

importpygameimportrandomimporttimepygame.init()#定义常量SCREEN_SIZE=(520,854)SCREEN_RECT=pygame.Rect(0,0,*SCREEN_SIZE)classGameSprite

HHHHUA·2023-04-07 19:15

three.js 动态标签

使用材质制作标签使用材质制作标签的特点是它不会随着镜头旋转而跟随，也就是不会跟着镜头旋转，如下图：正面反面具体代码如下：letimg=newTHREE.TextureLoader().load("static/texture/sprite1

daozun·2023-04-07 18:48

如何在 vue 中使用 svg symbols

安装svg-sprite-loader插件npminstallsvg-sprite-loader-D或者yarnaddsvg-sprite-loader-D在vue.config.js中配置svg-sprite-loaderconstpath

韭伍後·2023-04-07 17:50

5、cocos2d-x纹理管理

我们在创建精灵时，cocos2d首先会根据文件名在TextureCache里面找有没有这个纹理，如果有，就直接使用，如果没有，就会加载这块纹理，然后保存在TextureCache里面，而使用createWithSpriteFrameName

鱼鸟fly·2023-04-07 09:35

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

2种Android图表的简单介绍+折线图、饼图的例子，字节跳动移动架构师学习笔记

findViewById(R.id.pie);//②输入数据//其中两个数字对应的分别是X轴Y轴list.add(newPieEntry(25,“Cola”));list.add(newPieEntry(10,“Sprite

m0_66264910·2023-04-06 13:14

cocos creator | 用摄像机实现残影幻影拖尾效果，camera 教学,【白玉无冰】每天进步一点点

创建显示画布在场景中添加多个sprite用于这个摄像机显示的画布。因为用摄像机会上下反转，要修改scaleY为-1。

白玉无冰 lamyoung·2023-04-06 12:10

【cocoscreator缩小原生包体积，将不需要的模块干掉】

模块如下：Core必选Canvas必选，画布Sprite必选，精灵Label文本控件Mask遮罩控件CCSpriteDistortion扭曲效果组件,用于改变SIMPLE类型sprite的渲染,只有当sprite

qq_19828279·2023-04-06 12:44

cocoscreator 项目设置模块设置

Core(必选)核心功能Canvas(必选)画布组件Sprite(必选)精灵组件Label(必选)文本组件Audio音频组件AudioSource音频源组件,能对音频剪辑Action动作列表,所有动作类型的基类

ccc攻城狮·2023-04-06 11:59

cocos creator | 用摄像机实现残影幻影拖尾效果