unity 移动端2k贴图

2024-11-03

【Unity技巧】调整画质（贴图）质量

写在前面当我们在Unity中,使用图片进行2D显示时,会发现显示出来的画面有明显的模糊或者锯齿,但是美术给的原图却十分清晰. 要改善这一状况实际上很简单. 造成这样的原因,是Unity在导入图片(或者纹理)时会自动进行压缩,以便减少运行时游戏的内存占用率,提供性能. 注意:下面实例使用的Unity版本为4.3.4.版本不同的话可能某些显示不完全相同,但关键点是一样的. 实现我们以下列背景图为例(大小为2048*640): 当我们把它作为背景显示时,在Game界面会看到下面的效果: 可以发现,

【转载】利用Unity自带的合图切割功能将合图切割成子图

虽然目前网上具有切割合图功能的工具不少,但大部分都是自动切割或者根据plist之类的合图文件切割的, 这种切割往往不可自己微调或者很难维调,导致效果不理想. 今天逛贴吧发现了一位网友写的切割合图插件很不错,就分享下, 利用的是Unity自带的合图切割功能,原生的切割功能虽然很方便而且很容易微调,但无法导出,这个网友将它们导出了, 来自:百度Unity3D贴吧的13471713164 链接:http://tieba.baidu.com/p/3217039693 using UnityEngine;

原生js实现简单移动端轮播图

最近项目不是很忙,自己就用原生js写了一个简单的移动端轮播图的小demo,可实现自动轮播和手势滑动轮播,然后就把它记录到个人博客里.还有很多不足的地方,希望多多指出,以便改进. 1.代码部分分为四个文件: slideshow.html slideshow.css base.js slideshow.js 1.1.slideshow.html <!DOCTYPE html> <html lang="en"> <head> <meta chars

Unity内存优化（贴图层面）

聊聊近况: 距离上一篇文章已经过了好久,主要原因是我懒了.公司项目也到了开始优化的阶段,上网找的资料,看过了就忘.还是想把它整理一下,写出来.其实我说的东西,网上都有,我只是搬运工而已. 贴图压缩: Android平台使用ETC1格式压缩. 目前主流的Android机型基本都支持ETC1格式压缩.但ETC1只能支持非Alpha通道的图片压缩. 所以一般把RGB和ALPHA分离出来,r值,g值,b值从RGB图获取,a值从Alpha图里获取. 随着OPENGL ES 3.0的发布,etc2也出了,支

移动端雪碧图sprite的实现

移动端适配的时候,通常是用rem作为长宽单位,因此,在不同的设备下,元素的实际宽高(px)是不一样的,如果是单张图片作为为背景图片的时候,最为方便,只要设置背景图片的属性background-size:contain|conver|100%;都能够将图片盖住整个div. 其次如果用雪碧图的话,那么得将背景图片的大小和位置改为rem单位.background-position:x.x rem y.y rem;background-size : xxrem yyrem;此处就是将按照设计稿的px

移动端轮播图vue-awesome-swiper

日常写设计文档,日常写Demo,写轮播图的时候觉得bootstrap不适合移动端,或者说不是轻量级的,于是换成Swiper,但是写的时候才发现怎么把这东西嵌到Vue里面啊? Σ( ° △ °|||)︴!? 果然基于Vue的插件还是很多的,于是就搜到了vue-awesome-swiper,是基于Vue和Swiper开发的轮播图插件,但是看API写出来的怎么总是报警告啊……还是自己研究研究吧…… 本文只适用于Vue脚手架中的使用,CDN引入和使用参考文章最后API链接. 安装 npm npm ins

Unity PC端发布失败解决办法

Unity的PC端有时候发布的时候报错.原因可能是你的游戏里面使用了NGUI的label,而且字体选择的是unity自带的字体.因为支持中文.在选择unity自带的字体时最好都选一样的字体.如果一个label选这个字体,一个label选另一个字体的话可能会报错.把字体统一就好了. 具体原因不清楚.

使用Doxygen + graphviz生成Unity 3d的UGUI类图

下载软件 1) Graphviz,下载地址:http://download.csdn.net/detail/u010953266/8591169 为什么不用官网?一是下载速度慢,二是下载到本地的文件貌似是有损坏的,每次安装都报错,后来直接放弃了,从其它地方搜到的: 2)Doxygen,下载地址:https://sourceforge.net/projects/doxygen/ 3)Unity UGUI的源码,下载地址:https://bitbucket.org/Unity-Technologie

[Unity移动端]Touch类

Touch类的信息只能在移动端(触摸屏)上能够获取,在编辑器上是不能获取到的.因此,为了方便测试,可以打包apk后在模拟器上跑: unity打包apk:https://www.jianshu.com/p/3c67fbfbb67c 一.常用api 1.Input.touches:返回上一帧中所有的触摸信息.每一条触摸信息代表着一只手指在屏幕上的触碰状态.因为是一帧的触摸信息,所以建议在Update中调用.长度为1时,表示1只手指在屏幕上,如此类推. 2.Input.GetTouch:返回指定的一条

Unity 移动端的复制这么写

游戏上线很久了,有些玩家慢慢就流失了,为了让刚流失的玩家再度回归所以做了召回功能!如果一个200级的玩家10天没上线且成功召回的,就会给予召回玩家丰厚的奖励! Q:那如何召回这个流失的玩家呢? A:召回肯定得有类似召回码的东东啊,是的.服务器根据玩家ID生成一定位数的字母和数字组合,发给客户端,客户端召回界面显示召回码 Q:不可能让玩家一个一个在聊天框输入吧?玩家肯定会骂:“什么傻逼设计,老子不玩了,,,” A:玩家是大爷,所以做复制召回吗功能还是很有必要的! 那么如何实现这个功能呢?Unity

告别组件之教你使用原生js和css写移动端轮播图

在工作中由于项目需要要写一个轮播图,本想使用组件直接调用实现快速开发,但是一想到自己经常使用组件但是让自己手写的话确实一点都不会. 一个不会手写组件的前端程序员不是一个好程序员!于是打算自己手写一个. 老规矩,首先看一下最终效果,这个最终可以实现定时自动播放,触摸滑动,手动修改下面横条效果等功能. 项目中使用到的HTML代码如下 <div class="banner"> <ul class="clearfix"> <li><

移动端轮播图实现方法（dGun.js）

本文章介绍在移动端无缝隙轮播图实现的原理,这个轮子比较简单,但可以方便刚刚入门的同学参考.最终效果是在移动端无缝隙无限滑动,可以自定义轮播的速度.支持手势左右滑动.最后会放上源码. HTML部分 <div class="outer" id="oneTest"> <div class="inner"> <div class="goIndex item" goUrl="https://www

Unity内生成深度贴图

https://qiita.com/bokkuri_orz/items/08cbaeae6a34fed7f903 https://www.cnblogs.com/sifenkesi/p/4721649.html https://docs.unity3d.com/Manual/SL-PlatformDifferences.html https://blog.csdn.net/puppet_master/article/details/52819874 https://www.jianshu.com

【Unity Shader学习笔记】Unity基础纹理-法线贴图

1 高度纹理使用一张纹理改变物体表面法线,为模型提供更多细节. 有两种主要方法: 1.高度映射:使用一张高度纹理(height map)来模拟表面位移(displacement).得到一个修改后的法线值. 2.法线映射:使用一张法线纹理直接存储表面法线. 1.1 高度纹理高度图中存储的是强度值(intensity).越浅越说明向外凸起,越深越向里凹. 缺点是计算复杂,消耗性能. 高度图也会与法线映射一起使用.给出表面凹凸的额外信息. 1.2 法线纹理法线纹理中存储的是法线方向.法线方向的范

Unity 移动端触摸屏操作

Unity 触屏操作当将Unity游戏运行到IOS或Android设备上时,桌面系统的鼠标左键可以自动变为手机屏幕上的触屏操作,但如多点触屏等操作却是无法利用鼠标操作进行的.Unity的Input类中不仅包含桌面系统的各种输入功能,也包含了针对移动设备触屏操作的各种功能,下面介绍一下Input类在触碰操作上的使用. 首先介绍一下Input.touches结构,这是一个触摸数组,每个记录代表着手指在屏幕上的触碰状态.每个手指触控都是通过Input.touches来描述的: fingerId 触摸

移动端rem切图

1.为什么用rem 根据屏幕大小,自动调整大小 2.如何使用rem 分以下几步 a.用ps把设置稿弄成640px或者750px的(记得等比例缩放) b.调试时记得把浏览器默认最小字体设置为最小.手机端是支持12px以下的字体的 c.引入meta头 <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui

移动端：UI图px单位转换rem单位的计算方法

简单说一下 em em 单位是相对于父元素字体大小来去定的.比方说: font-size:12px; 元素宽度是2em; 那么实际的宽度是 24px.(具体为什么,可以去查询资料,今天主讲rem) 简单说一下 rem rem 是相对于根元素(html)字体大小来确定的.比方说: 宽度字体手机A: 320px 14px 手机B: 460px ? 为了能达到可以同等比的放大缩小,那么,可以进行很简单的运算:?=14*460/320 得到:?=20.125px; UI图上的px转化成实际操作的re

原生JS实现移动端轮播图

功能描述: 自动无缝轮播图片,底部小圆点跟图片保持一致:手指左右移动轮播图,移动距离大于50px播放下一张(或上一张),小于50px则回弹具体功能实现: 1.定时器自动轮播图片先声明一个index=0用来存图片索引: 添加一个定时器,每隔两秒调用一次,每调用一次定时器(图片播放一次)index就加一: 通过transform(变形)属性和transition(过渡)属性实现图片的轮播. var index = 0; var timer = setInterval(function() {

关于Layui 响应式移动端轮播图的问题

用layui做轮播图,在手机上宽度异常, 可通过以下方法解决, 不喜欢layui的同学可以选择Swiper // 轮播图 layui.use('carousel', function () { var carousel = layui.carousel; carousel.render({ elem: '#banner', width: '100%', //设置容器宽度 height: '100%', arrow: 'always', //始终显示箭头 indicator: 'none', //

JS 移动端轮播图案例

body { margin:; } .hearder { width: 100%; height: 150px; position: relative; } ul { list-style: none; padding:; width: 500%; height: 100%; overflow: hidden; margin-left: -200%; } ul>li { width: 20%; height: 100%; display: inline-block; } ul>li { flo

PC 端轮播图的实现

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>轮播图</title> <style> ul

unity 移动端2k贴图

热门专题