TWaver3D特效系列之环境映射

随着TWaver3D的快速发展,越来越多的各种功能都在不断加强,包括性能的极大提升(可以参考这里),3D编辑器的易用性和功能持续增强(欢迎大家申请试用),各种特效的增加,特效是本文的主角. 对于UI技术的不断发展和越来越挑剔的用户,各种特殊的效果已经变成了一种必不可少的需求了:或许你正在为客户提出的需求而苦恼,不过不用担心,用TWaver3D正好可以解决这些苦恼. 用时下流行的一句话说:有TWaver3D,就是这么任性. 本文要讲的是环境映射. 如果你不理解什么是环境映射,也没有关系,其实你就可…

TWaver3D特效之高光反射

前篇我们介绍了TWaver 3D的环境映射特效,下面我们接着给大家分享高光反射特效.高光反射定义了物体上的某一区域比其他地方更反光.在高光反射的贴图中,黑色区域的反射率为0(完全不反光),白色区域的反射率为100%(完全反光).这在现实的生活中,也是随处可见,比如一个生锈的物体用低光,而一个抛光的金属应该用高强光:手表上的表盘比表带应该更反光:人的嘴唇应该比皮肤有更强的高光,而皮肤应该比纯棉衣服更反光.加上了这种高光效果后,会是3D物体更加真实,更加生动.接下来我们就来讲解一下如何在一个模型中使…

CG资源网 - Maya教程

Maya中mentalray灯光渲染终极训练视频教程 http://www.cgtsj.com/cg/f/vx3627/index.html Maya无人机建模制作训练视频教程第一季 http://www.cgtsj.com/cg/f/vx3626/index.html Maya动作捕捉关键帧技术视频教程 http://www.cgtsj.com/cg/f/vx3625/index.html Maya与PS材质绘制技巧视频教程 http://www.cgtsj.com/cg/f/vx3561/i…

web前端常用小函数汇总

//去掉html标签 function delHtmlTag(str) { var title = str.replace(/<[^>]+>/g, "");// 去掉所有的html标记 if (title.length > 300) { title = title.substring(0, 300); } return title; } onclick="$('#result-page').hide();$('#notice-page').show()…

opencv学习笔记（九）Mat 访问图像像素的值

对图像的像素进行访问,可以实现空间增强,反色,大部分图像特效系列都是基于像素操作的.图像容器Mat是一个矩阵的形式,一般情况下是二维的.单通道灰度图一般存放的是<uchar>类型,其数据存放格式如下: 多通道的图像中,每列并列存放通道数量的子列,如RGB三通道彩色图: 注意通道的顺序为BGR.通常在内存足够大的情况下,图像的每一行是连续存放的,亦即在内存上图像的所有数据组成一个一维向量,这种情况下,在访问时将更快捷.可用成员函数isContinuous()来判断Mat图像在内存中是否为连续存储…

BIMFACE 二次开发 SDK 之歌

<BIMFACE SDK 之歌>讲述了作者与 BIMFACE 从相识.相知.相爱.相守的艳遇之爱唯美故事我是一个小小的程序员穿行在人来人往的IT行业之间编程工作与建筑信息化相关艳遇BIMFACE在一个美丽的春天免费试用注册体验步骤流程极其简单图模上传成功转换极速浏览无花卡闪功能强大性能稳健接口丰富格式全面应用场景示例典范开发文档问题指南 Bug需求社群交谈线上工单随手即填议题讨论海纳百川持续版更逐渐完善万家客户顺利接入服务可靠口碑大赞成功案例诸多亮点性…

Hexo瞎折腾系列(9) - 网页标题崩溃特效

前言本系列的所有修改均基于本系列第一篇中的新增文件(譬如custom.js),请先自行阅读Hexo瞎折腾系列(1) - 准备工作与简单美化:并按照文章所说自行修改代码或文件. 为网页添加标题崩溃特效该特效为:当用户离开站点相关的页面时,网页的标题会变成"已崩溃",网站图标也会改变:当用户重新回到站点页面时才会恢复正常. 实现方式如下: 请在themes/next/source/js/src/custom.js里加入如下代码: /* 离开当前页面时修改网页标题,回到当前页面时恢复原来…

JavaScript 特效三大系列总结

一. offset系列 1. offset系列的5个属性 1. offsetLeft : 用于获取元素到最近的定位父盒子的左侧距离 * 计算方式: 当前元素的左边框的左侧到定位父盒子的左边框右侧 * 如果父级盒子没有定位, 那么会接着往上找有定位的盒子 * 如果上级元素都没有定位,那么最后距离是与body的left值 2. offsetTop : 用于获取元素到最近定位父盒子的顶部距离 * 计算方式:当前元素的上边框的上侧到定位父盒子的上边框下侧 * 如果父级盒子没有定位,那么会接着往上找有定位…

jQuery系列第五章 jQuery框架动画特效

第五章 jQuery框架动画特效 5.1 jQuery动画特效说明 jQuery框架中为我们封装了众多的动画和特效方法,只需要调用对应的动画方法传递合适的参数,就能够方便的实现一些炫酷的效果,而且jQuery框架还支持自定义各种动画效果. jQuery中的动画效果主要有以下方法 ① 显示和隐藏动画② 展开和收起动画③ 淡入和淡出动画④ 自定义动画效果 5.2 显示和隐藏动画 jQuery框架中为我们提供了专门的方法来控制让标签显示或者是隐藏.标签的显示和隐藏在开发中相对来说是比较常见的操作,如果…

轨迹系列4——WebGIS中使用ZRender实现轨迹前端动态播放特效

文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/ 1.背景项目中需要在地图上以时间轴方式播放人员.车辆在地图上的历史行进轨迹.在之前的博客中我们谈到了如何对轨迹数据进行滤波.平滑.聚类等,均是为让轨迹线变得简化优美,这里我们将和大家一起探讨如何将轨迹以播放的效果在前端地图上展示. 2.技术选型 2.1选型结论 GIS的前端框架我们选用的是AGS JS(3.18).选这个前端框架主要是基于浏览器的支持情况,我们要求IE…

Silverlight & Blend动画设计系列六：动画技巧（Animation Techniques）之对象与路径转化、波感特效

当我们在进行Silverlight & Blend进行动画设计的过程中,可能需要设计出很多效果不一的图形图像出来作为动画的基本组成元素.然而在设计过程中可能会出现许多的问题,比如当前绘制了一个椭圆,但是在动画中仅仅只需要椭圆的一半或是更多更少的部分用作与动画元素,这时候就需要对椭圆对象进行相应的处理才能满足我们的需求,那到底该怎么做才能实现最终想要的效果呢?本篇将介绍在Microsoft Expression Blend中进行动画设计的一些常用的功能点和动画设计技巧. 一.转换对象为路径将一个…

JS 特效三大系列总结

《基于JQuery和CSS的特效整理》系列分享专栏

<基于JQuery和CSS的特效整理>已整理成PDF文档,点击可直接下载至本地查阅https://www.webfalse.com/read/201724.html 文章一款基于jQuery的颜色拾取器分享一款基于jQuery的QQ表情插件一款基于jQuery的图片水平滑动插件一款基于jquery超炫的图片切换特效一款基于jquery实现的鼠标单击出现水波特效一款基于jquery滑动后固定于顶部的导航一款基于javascript的3D玻璃破碎特效分享一款基于jQuery的视频播…

JS组件系列——图片切换特效：简易抽奖系统

前言:前两天在网上找组件,无意中发现了我们儿时游戏机效果的“SlotMachine组件”,浏览一遍下来,勾起了博主小时候满满的回忆.于是下定决定要研究下这么一个东西,不得不再次叹息开源社区的强大,原来这些组件已经被封装得这么好了,使用起来如此简单.下面就让博主带着大家来看看这么一个神奇的组件——SlotMachine吧. 一.组件预览先来一发简单的效果压压惊觉得太简单?别急,好戏在后头,试试手气先. 什么?还没达到想要的效果,好!下面,真实效果来一发. 博主点击了好长时间,都没有中奖,难怪小…

极客标签互动课程系列　－　Javascript生成SVG动画素描特效

课程描写叙述:在这个课程中,我们将介绍SVG.而且介绍怎样使用javascript来控制SVG生成素描动画效果课程地址:http://www.gbtags.com/gb/gbliblist/21.htm…

Web 前端开发精华文章推荐（jQuery、HTML5、CSS3）【系列十二】

2012年12月12日,[<Web 前端开发人员和设计师必读文章>系列十二]和大家见面了.梦想天空博客关注前端开发技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的网页设计案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心推荐的文章能够帮助到您. jQuery 插件和教程精心挑选:精美的 jQuery 加载动画和进度条插件精心挑选:10款基于 jQuery 的图片360度旋转插件精心挑选:几款实用的 jQ…

[转]Android自定义控件三部曲系列完全解析(动画, 绘图, 自定义View)

来源:http://blog.csdn.net/harvic880925/article/details/50995268 一.自定义控件三部曲之动画篇 1.<自定义控件三部曲之动画篇(一)——alpha.scale.translate.rotate.set的xml属性及用法>2.<自定义控件三部曲之动画篇(二)——Interpolator插值器>3.<自定义控件三部曲之动画篇(三)—— 代码生成alpha.scale.translate.rotate.set及插值器动画&g…

使用Cocos2d-x实现微信“天天爱消除”炫耀button特效

引言Cocos2d-x引擎中有很多Action,这样可以方便的让开发者调用相应的Action去完成一些动作,例如:移动,弹跳,淡入淡出等.可在实际的开发过程中,由于游戏的需要,显然地,引擎自带的Action是完全不够用的,很多时候都需要我们自己去写.今天我就来分享一个让精灵和粒子绕着圆角矩形运动的实例,细讲一下实现过程(仅凭个人想法实现,如有其他更好的方法,欢迎交流分享). 效果该实例类似天天爱消除等系列游戏中的按钮特效: 实现方法刚开始本来考虑自己定义一条圆角矩形的路径,即建一个自己的动作模块…

08. Web大前端时代之：HTML5+CSS3入门系列 ~ QQ空间时间轴

Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 大前端系列,主要就是使用CSS3.0来实现,注释我已经打在代码里面了,直接看代码就可以了,后面会说一下CSS3.0系列,这个就当一个引入吧: 简单版本: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="…

Web 前端开发精华文章集锦（jQuery、HTML5、CSS3）【系列十七】

<Web 前端开发精华文章推荐>2013年第五期(总第十七期)和大家见面了.梦想天空博客关注前端开发技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的网页设计案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您. JavaScript [干货分享]32本优秀的 JavaScript 免费电子书 Verlet-js:超炫的开源 JavaScript 物理引擎优秀教程:创建基于 Aja…

IT软件人员的技术学习内容（写给技术迷茫中的你） - 项目管理系列文章

前面笔者曾经写过一篇关于IT从业者的职业道路文章(见笔者文:IT从业者的职业道路(从程序员到部门经理) - 项目管理系列文章).然后有读者提建议说写写技术方面的路线,所以就有了本文.本文从初学者到思想者的四步方面对IT从业者的技术路线做了阐述(见笔者文:IT从业者的学习规划 - 学习者系列文章开篇),从浅到深的对技术路线需要学习的内容做了叙述,后续会对学习者系列文章进行书写,本文就当做该系列文章的一个版图吧. 对于技术路线,笔者认为,在工作之余,就该自我主动的去学习技术和业务方面的知识.一方面是…

PhotoShop算法原理解析系列 - 风格化---》查找边缘。

之所以不写系列文章一.系列文章二这样的标题,是因为我不知道我能坚持多久.我知道我对事情的表达能力和语言的丰富性方面的天赋不高.而一段代码需要我去用心的把他从基本原理-->初步实现-->优化速度等过程用文字的方式表述清楚,恐怕不是一件很容易的事情. 我所掌握的一些Photoshop中的算法,不能说百分之一百就是正确的,但是从执行的效果中,大的方向肯定是没有问题的. 目前,从别人的文章.开源的代码以及自己的思考中我掌握的PS的算法可能有近100个吧.如果时间容许.自身的耐心容许,我会将这些东西慢…

android 图像处理系列合集

为了便于大家对滤镜算法的学习,以后发布的图像处理滤镜系列帖子会在这里汇总,本人第一次写合集,写得不好的地方大家请见谅,手头上虽然有一些滤镜的算法,但是大多不是android版的,教程里的代码大多是我借鉴其他语言的算法转换而成的,效率上还存在优化的空间,大家可以自行优化.有些网友说代码能看懂,但是里面的某些数值不知道是怎么计算出来的,说实话有些数值我不查资料我也不是很清楚,但是当我需要知道的时候我也会慢慢查阅算法的核心思想,很多参数由此而来.同时也希望大家养成不懂就查的习惯. android 图像…