sprite 第12页

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 | 用摄像机实现残影幻影拖尾效果

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

晓衡的成长日记·2023-04-06 11:46

【Unity Script Collection】Materials & Shading

ProjectsbyRM-wetsurface&skinshader.OceanCommunityNextGen-waterphysics/shader.FlowMapShader-flowmapshaderworkingwithsprites.VertexPaint-additionalvertexstreams.ShaderProject-shad

Jack Yan·2023-04-06 08:35

Egret矢量绘图与遮罩

一些显示对象（如Shape和Sprite）中已经包含了绘图方法。

PaulLuv·2023-04-05 14:41

base64解析图片

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

素时年锦·2023-04-05 10:29

使用canvas 图片加载异步变成同步代码

{cxt.drawImage(img,0,0)//把canvas作为纹理vartexture=newTHREE.Texture(canvas);texture.needsUpdate=true;varspritematerial

quitv·2023-04-04 22:41

Vue2中使用svg图标

vue-cli3第一次使用成功就是根据这篇文章，为了防止链接找不到，记录一份使用这种方式，图标可以更容易维护安装依赖npminstallsvg-sprite-loader-Dvue.config.js中添加配置

陈桑·2023-04-04 11:56

Vue项目中使用svg图标

npminstallsvg-sprite-loader--save-dev2,配置项目中找到build文件夹中的webpack.base.conf.js在module.rules里添加下面画红线的代码image.png3

崇尚自由的猿·2023-04-04 10:42

unity 图片导入及其使用方法

material->picture(png)放上去然后作为贴图贴上去贴图（Texture）和精灵（Sprite）。我们可以简单的理解为3D（模型使用的）图片和2D（UI使用的）图片。

qiaoqiao123·2023-04-04 10:13

怎么解决页面中图片很多时导致页面加载过慢？

1.图片为css图片：可以使用：CSSsprite，SVGsprite，Iconfont，Base64（精灵图，小图标…）。

Asrty-毒殇·2023-04-04 05:24

Webpack配置svg-sprite-loader处理svg图片

在components新建SvgIcon.vueexportdefault{name:'SvgIcon',props:{iconClass:{type:String,required:true},className:{type:String,default:''}},computed:{iconName(){return`#icon-${this.iconClass}`},svgClass(){i

key君·2023-04-04 04:00

前端基础：优化前端网页性能

减少http请求网页响应时间大多数花在下载网页内容（images，stylesheets，javascript，scripts等），减少https请求来缩短响应时间，我们可以优化页面设计来提高性能CSSSprite

番茄炒西红柿L·2023-04-03 19:10

Python-项目实战--飞机大战-碰撞检测（8）

目标了解碰撞检测方法碰撞实现1.了解碰撞检测方法pygame提供了两个非常方便的方法可以实现碰撞检测：pygame.sprite.groupcollide()两个精灵组中所有的精灵的碰撞检测groupcollide

天寒心亦热·2023-04-03 01:49

cocos 3.6.1 实现排名列表

创建完显示这样scrollBar是滚动条view是可视的区域content是放列表数据的区域块item是每一条数据（注意这个后续要封装成prefab）然后把滚动条隐藏，将ScrollView属性的图片Sprite

上优·2023-04-02 18:12

【Python】【进阶篇】十一、Pygame的精灵和碰撞检测

十一、Pygame的精灵和碰撞检测精灵（英文译为Sprite），其实在一个游戏程序中，精灵本质指的是一张张小尺寸的图片，比如游戏中的各种道具、人物、场景装饰等，它们都可以看做成一张张小的“精灵”图。

deepboat·2023-04-02 06:48

从不同层面看cocos2d-x

我从这几个方面分别探讨下cocos2dX的优缺点以及我们在项目中是如何用到的（1）渲染：渲染这块，他的渲染数据跟Sprite进行了绑定，然后对于openGl也是直接进行了调用，而不是采用策略或

阳光下的·2023-04-02 03:00

coco2dx c++ 到 Lua 的具体解析

在C++中是这样调用的：12345//Sprite*sprite=Sprite::create();sprite->setPosition(Vec2(100,100));this->addChild(sprite

cocosNODE·2023-04-02 03:33

推荐频道

sprite