人物头像的制作: 在场景中添加人物模型和环境模型 设置人物的layer为Player 在主摄像机的基础上,新建一个次摄像机并将摄像机镜头对准人物面部,调整至合适大小. 设置次摄像机 culling mask中只渲染Player层,修改背景色,将次摄像机设置为人物的子物体,这样次摄像机可以跟随人物持续渲染人物头像动画. 在project中创建一个render texture文件,将次摄像机的target texture指定为此render texture. 使用NGUI在2D模式下创建panel层…
本篇教程用CorelDRAW快速制作苹果手机照片小图标,在实现的过程中主要使用了旋转复制的方法,加之一些常用工具的用法处理,最后加上透明效果下的合并模式就好了,现在跟小编一起来看看详细的操作吧! 1. 使用“矩形工具”绘制矩形,用“形状工具”拖动任意节点到最大圆角半径,如图所示. 2. 双击圆角矩形,把旋转中心点拉到底部位置,如下图所示,执行“窗口>泊坞窗>变换>旋转”命令,打开“变换”泊坞窗,设置角度为45度,在“副本”为72. 3. 设置完毕点击应用,现在就能看出效果了. 4. 填充…
昨天朋友圈被「请给我一面国旗@微信官方」刷屏,虽然知道是假的,但是从另一个角度来看,弄清楚如何实现更有趣. 1.canvas 这就不得不提到小程序中的 API canvas,H5 中也是有 canvas 的,不过之前也一直没有机会用,这次正好乘机试试水. 晚上回家看了下官方文档,网上搜了一些类似的功能实现,最后写好了一个 demo,基本上是能初步绘制国旗头像了. 当然以后如果想要绘制其他带挂件的头像,只需要更改挂件素材即可,提前预约帮你们定做今年的圣诞帽. 2.代码来了 实现过程主要分为以下几个…
这里是利用skinnedMeshRenderer原理做的 所以脚本需要挂在带这个组件的模型上 模型shader 必须要有个_Color参数属性,并且这个值可以调节颜色,会改变人物整体的透明度 [代码下载] AfterImageEffects (qq微云) 打开开关即可使用Open After Image [转载自]http://www.manew.com/thread-100418-1-1.html 不过他的代码list没有写下标,需要自己添加…
在 reactjs 项目中是所有小图标目前主要分为两类使用方式,第一类通过 CSS 引入的方式使用,第二类使用 JS 的方式引入使用. 注册-登录-建立项目-选中图标添加到购物车-添加至项目-下载到本地,当然亦能上传制作的自定义小图标.下面正式代码部分. 下载到本地解压后有如下几个文件: 其中第一种 CSS 引入使用的方案需要使用的文件如下图红线标记: 在如上图中找到 iconfont.css 打开后更改路径(一般如图中所示)在红线标记的位置: 修改完成后保存,一般会项目入口的 CSS 文件中引…
上一次用Unity摄像机方式实现了地图的制作,现在介绍另一种实现地图的方式: 自己通过代码实现小地图NCP图标的显示和隐藏 制作地图的步骤: 1. 根据游戏人物的3D坐标转换成2D平面坐标,根据距离显示和隐藏游戏的坐标 2. 怪物实时判断与玩家的距离,小于到移动范围,就在小地图上创建Icon的显示 注意事项: 1. 人物移动前进和后退是(x,z)轴, 我们从游戏界面看到的图标是(x,y)轴 代码: 小地图类: using UnityEngine; using System.Collections…
随着圣诞的到来,想给给自己的头像加上一顶圣诞帽.如果不是头像,就加一个圣诞老人陪伴.   用Python给头像加上圣诞帽,看了下大概也都是来自2017年大神的文章:https://zhuanlan.zhihu.com/p/32283641 主要流程素材准备人脸检测与人脸关键点检测调整大小,添加帽子 用dlib的正脸检测器进行人脸检测,用dlib提供的模型提取人脸的五个关键点 # dlib人脸关键点检测器 predictor_path = "shape_predictor_5_face_landm…
有人也许会好奇,有的网址前面有个漂亮的小图标而且有的网站图标还会动,这是怎么做到的呢? 如下图所示: 那个小图标有个名字叫favicon.ico,网站图标虽小但可以起到很好的点缀作用,尤其是当浏览者将你的网站放入收藏夹之后,网站图标的作用就出来了,它可以使你的站点在众多网址中突出显示,对于用户体验起到很好的作用,好了,废话不多说,现在来告诉大家怎么做favicon.ico这个网站图标文件. 虽然现在有很多在线制作网站图标的网站,但制作出来的图标实在是差强人意,而且不支持透明样式的ico,这非常糟…
一般一个网页上面,或多或少都会用到一些小图标,展示这些小图标的方法有很多种.最简单的做法就是将UI图上面的每个小图标都保存为图片,一个小图标就一张图片.但这也是比较笨的方法,因为浏览器同一时间最多加载的资源是有限的,例如IE7是2个,IE8是6个,chrome是6个,火狐是8个.如果网页上面有很多张零碎的小图片,导致请求的次数太多,等待加载状态中的资源会很多,明显影响性能.因此,一个改进的办法是使用sprites图,将多张小图放在一张大图,然后限定展示区域的大小,同时改变图片的显示位置backg…
<王者荣耀>这种现象级手机游戏是如何制作出来的呢?本文以<王者荣耀>MOBO类型的多人在线战术竞技游戏为入口,覆盖Unity游戏制作开发前端与Node.js服务器端的开发必备知识与技巧. 目录├─01.Unity与C#语言基础│ 1.Unity软件安装│ 10.数据类型转换│ 11.程序更加优雅│ 12.表达式与运算符│ 13.运算符优先级│ 14.选择语句(if-else)│ 15.选择语句(switch-case)│ 16.循环语句│ 17.循环嵌套│ 18.中断循环│ 19.…
一个交互比较多的UI图里面可能会有很多小图标,一般可用sprites图将多个小图标弄成一张大图,或者其它的办法,各种方法的比较可参见博主的另外一篇博客使用css3新属性clip-path制作小图标,本文深入讨论使用icon-font的的制作方法:在PS里面导出svg,制作字体图标.这种方法既有sprites图不需要浏览器发多次请求的优点,也有使用clip-path/svg矢量无损的优点,并且支持IE6及以上. 使用sprites图可以自行用PS将多个小图标放至一张图: sprites图的缺点是不…
1. 引言 网页小图标到处可见,如果一个网页都是干巴巴的文字和图片,而没有小图标,会显得非常简陋.下面的小图标,你是不是会经常用到? 你可能说——“我们用的都是彩色的,不是黑白的”——别着急,下面会讲到.因为它们也可以变为彩色的. 黑白的也好,彩色的也罢,如果用传统的“css + 图片”的方式来制作这些icon,我估计你至少得雇佣一个专业的设计师吧.一般的程序猿,包括前端程序猿,估计只能去搜索了,不会自己拿ps画.例如,我 之前经常去一个叫做“懒人图库”的网站去找资源,现在那个网站还存在. 但是…
1. 引言 网页小图标到处可见,如果一个网页都是干巴巴的文字和图片,而没有小图标,会显得非常简陋.下面的小图标,你是不是会经常用到? 你可能说——“我们用的都是彩色的,不是黑白的”——别着急,下面会讲到.因为它们也可以变为彩色的. 黑白的也好,彩色的也罢,如果用传统的“css + 图片”的方式来制作这些icon,我估计你至少得雇佣一个专业的设计师吧.一般的程序猿,包括前端程序猿,估计只能去搜索了,不会自己拿ps画.例如,我之前经常去一个叫做“懒人图库”的网站去找资源,现在那个网站还存在. 但是问…
引言 奥森图标(Font Awesome)提供丰富的矢量字体图标—通过CSS可以任意控制所有图标的大小 ,颜色,阴影. 网页小图标到处可见,如果一个网页都是干巴巴的文字和图片,而没有小图标,会显得非常简陋.下面的小图标,你也可能经常会看到的,如图所示: 你可能说——“我们用的都是彩色的,不是黑白的”——别着急,下面会讲到.因为它们也可以变为彩色的. 黑白的也好,彩色的也罢,如果用传统的“css + 图片”的方式来制作这些icon,我估计你至少得雇佣一个专业的设计师吧.一般的程序猿,包括前端程序猿…
前言 移动网络带宽的快慢直接影响webapp应用体验效果的优差,其中加载图片是很耗流量的,所以对这一方面的性能优化是很需要的.一般对于那些小而多的图片(图标)都会采用sprite合并成一张图片来减少http的请求次数.而CSS3的出现,无疑在移动端对图标的优化有着比较大的帮助.为此,自己也琢磨使用CSS3来制作一些常用的图标.有句话这么说:能用CSS3就不用图片! 正题 于是用了一天的时间,我制作了72个相对比较常用的图标,图标效果图整理如下: PS:在线地址查看效果:http://www.jr…
如何给界面添加logo?就像百度的首页出现的图标. 1.准备一个ICO格式的小图标. 2.将制作好的ICO文件放到tomcat下的“D:\apache-tomcat-6.0.16\webapps\ROOT”.并将该ico文件放到项目的根目录,也就是与index.jsp相同的目录. 3.在JSP界面中调用“<link rel="shortcut icon" href="favicon.ico" /> ”  写在<head>标签中…
转自:http://gamerboom.com/archives/75593 作者:Matthias Zarzecki 本文是“使用Unity制作<The Fork Of Truth>的关卡”系列的第三部分.前两部分分别是: 1.了解Unity Terrain的工作(第一部分) 2.了解场景对象的设置和管理 (第二部分) 在这最后一部分,我将介绍一些组合关卡的小技巧. 视角 游戏的视角是必须认真考虑的,一点儿变化都会影响我们看游戏的方式.比如,镜头“越肩”,游戏看起来就像第三人称格斗游戏:镜头…
转自: http://gamerboom.com/archives/74131 作者:Matthias Zarzecki 我正在制作<Looking For Group – The Fork Of Truth>的关卡. 在本系列中,我们将使用Unity制作游戏的环境.第一部分主要介绍基本场景——地形.这是其他场景元素的构建基础.(请点击此处阅读本文第二部分) 如果你已经看过我们的Kickstarter融资预告片,那么你应该看过这个场景了. 为了制作这些视频,我们其实制作了一个可玩的关卡.我们把…
最近模仿京东顶部搜索条效果制作的一个小demo,特贴到这里,今后如果有用到可以参考一下,代码如下 #define kScreenWidth [UIScreen mainScreen].bounds.size.width #define kScreenHeight [UIScreen mainScreen].bounds.size.height #import "mainViewController.h" @interface mainViewController () <UISc…
三种都是矢量图(即放大不失真),但是个自又有个自的优缺点, 1.font awesome: 优点:相对比较简单,查看官网看例子基本上都会用 (http://www.bootcss.com/p/font-awesome/) 缺点:文件较大,影响加载速度 注意引用的路径和版本: 2.inconfont(阿里巴巴矢量图标库);   (个人用的最多的一个) 优点:用几个引几个,不会影响加载速度: 可以用自己做的svg上传的iconfont自动转换成字体,更加灵活. 缺点:自己上传svg再下载,需要会做s…
最近在做H5的开发中,需要用到一些简单的小图标,百度出来的图片,总是或多或少差了一些颜色.于是准备自己制作图片,PS是不会的,学习以及软件安装太费时,于是就准备用常见的软件来试着做一做. 在尝试了 windows自带的画图,word,ppt后发现,ppt做图片是真好用(画图功能单一,word缺少坐标),以下是我做的一些小图标 如果你也需要这种简单线条,任意填充色的图片,那么可以接着看看下面的经验分享,你也可以点击这里下载小图标 小图标下载(github) 第一步:新建一张PPT,新建一张幻灯片并…
前言:这是笔者学习之后自己的理解与整理.如果有错误或者疑问的地方,请大家指正,我会持续更新! iconfont字体图标 我们的需求中,很多时候会看到一些小的图形,或者叫图标,比如天猫网站中:        这些小图形我们可以用图片代替,通常我们是把这些图形切图之后做成精灵图(又叫雪碧图): 精灵图的原理:把很多小图片集合成一张大图片,然后用设置背景图的位置来显示图片: 精灵图的优点:减少服务器的请求次数,降低服务器压力: sprites是一款很好的精灵图制作工具: 当然还有其他的方法可以制作这些…
引言 奥森图标(Font Awesome)提供丰富的矢量字体图标—通过CSS可以任意控制所有图标的大小 ,颜色,阴影. 网页小图标到处可见,如果一个网页都是干巴巴的文字和图片,而没有小图标,会显得非常简陋.下面的小图标,你也可能经常会看到的,如图所示: 你可能说——“我们用的都是彩色的,不是黑白的”——别着急,下面会讲到.因为它们也可以变为彩色的. 黑白的也好,彩色的也罢,如果用传统的“css + 图片”的方式来制作这些icon,我估计你至少得雇佣一个专业的设计师吧.一般的程序猿,包括前端程序猿…
原文地址:https://www.cnblogs.com/wangfupeng1988/p/4129500.html 1. 引言 网页小图标到处可见,如果一个网页都是干巴巴的文字和图片,而没有小图标,会显得非常简陋.下面的小图标,你是不是会经常用到? 你可能说——“我们用的都是彩色的,不是黑白的”——别着急,下面会讲到.因为它们也可以变为彩色的. 黑白的也好,彩色的也罢,如果用传统的“css + 图片”的方式来制作这些icon,我估计你至少得雇佣一个专业的设计师吧.一般的程序猿,包括前端程序猿,…
<title>标签中不能添加图片,但是可以添加小图标. 步骤: 1.做一个16 X 16像素的ico格式的图标.具体操作方法是,先在Photoshop中做一个透明背景的16 X 16像素PNG格式的小图标,再在AWiconsPro软件中导入这个PNG图标,再另存为ICO格式.注意:文件名一定要保存为favicon.ico. 2.把favicon.ico图标文件上传到你的网站根目录即可.下次浏览这个网站时网页的标题栏就会显示这个小图标.注意:如果没有显示,可能是浏览器缓存问题,此时按Ctrl+F…
1. 引言 网页小图标到处可见,如果一个网页都是干巴巴的文字和图片,而没有小图标,会显得非常简陋.下面的小图标,你是不是会经常用到? 你可能说——“我们用的都是彩色的,不是黑白的”——别着急,下面会讲到.因为它们也可以变为彩色的. 黑白的也好,彩色的也罢,如果用传统的“css + 图片”的方式来制作这些icon,我估计你至少得雇佣一个专业的设计师吧.一般的程序猿,包括前端程序猿,估计只能去搜索了,不会自己拿ps画.例如,我之前经常去一个叫做“懒人图库”的网站去找资源,现在那个网站还存在. 但是问…
关注「编程小王子」公众号回复[头像生成器]获得源码! 下面我重点介绍一下Cocos Creator H5头像生成的实现方法: 获取手机相册图片 在 Cocos Creator 中加载相册图片 Cocos Creator 屏幕截图 使用HMTL显示截屏图片 保存图片到相册 获取相册图片 要获取手机相册图片,需要使用浏览器 input 标签提供的能力,在桌面浏览器上则是浏览文件目录选择图片. 使用 document 动态创建 input HTML标签,并设置属性为type 为 file,accept…
前言:这是笔者学习之后自己的理解与整理.如果有错误或者疑问的地方,请大家指正,我会持续更新! iconfont 字体图标 我们的需求中,很多时候会看到一些小的图形,或者叫图标,比如天猫网站中:        这些小图形我们可以用图片代替,通常我们是把这些图形切图之后做成精灵图(又叫雪碧图): 精灵图的原理:把很多小图片集合成一张大图片,然后用设置背景图的位置来显示图片: 精灵图的优点:减少服务器的请求次数,降低服务器压力: sprites 是一款很好的精灵图制作工具: 当然还有其他的方法可以制作…
http://cssicon.space/#/icon/focus 这是所有用css写成的  小图标  右侧有 html和css代码…
这篇文章给大家分享一组纯 CSS 绘制的<辛普森一家>人物头像.<辛普森一家>(The Simpsons)是马特·格勒宁为美国福克斯广播公司创作的一部动画情景喜剧.该剧通过对霍默.玛琦.巴特.莉萨和玛吉一家五口生活的描绘,用搞笑的方式自我嘲讽了美国的文化.社会.电视以及人类境况的诸多方面. 温馨提示:为保证最佳的效果,请在 Chrome.Firefox 和 Safari 等现代浏览器中浏览. 源码下载      在线演示 Homer 辛普森一家中的父亲,一人养着全家.全名是 Hom…