threejs特效库

2024-11-09

ThreeJS之动画交互逻辑及特效

工作需要,研究了一下 threejs 简单逻辑动画交互方法.写了一个小示例,分享一下,挺丑的. 第一步当然就是初始化 threejs 的渲染场景了. var camera; //相机 var scene;//场景 var renderer;//webGL渲染器 var controls;//轨道控件,用于特定场景,模拟轨道中的卫星,可以用鼠标和键盘在场景中游走 var raycaster;//THREE.Raycaster对象从屏幕上的点击位置想场景中发射一束光线,返回射线穿透物体的数组 va

Android的Activity切换动画特效库SwitchLayout，视图切换动画库，媲美IOS

由于看了IOS上面很多开发者开发的APP的视图界面切换动画体验非常好,这些都是IOS自带的,但是Android的Activity等视图切换动画并没有提供原生的,所以特此写了一个可以媲美IOS视图切换动画的Android视图切换动画特效库!SwitchLayout!可以说是目前Android上第一个,也是唯一的一个强大的视图切换动画库引擎! 作者:谭东 QQ:852041173 项目开源!推荐使用jar包形式! 没有经过作者允许,不可修改项目库源码自行发布. 如果你的项目中使用了SwtichLay

html5特效库

Swiper是纯javascript打造的滑动特效插件,面向手机.平板电脑等移动终端.能实现触屏焦点图.触屏Tab切换.触屏多图切换等常用效果. delaunay.js是一款能在图片中形成无数个三角形的库 tweenmax

axure 8.0 动态特效库分享

认准品牌六脉神掌尽量给每一个交互加上效果,尽量模拟真实的交互无图无真相,我们先看效果图 1 这是还原Android Material Design风格的一个底部菜单效果 2 这个是模拟欢迎页面 3 模拟自动轮播的广告页面 4 这里是发送短信验证码 5 模拟选择图片附件上传 6 开关按钮 7 购物车数字输入框收藏框打分框单选多选 8 进度条大合集 9 输入框提示语 10 左侧滑动菜单 11 左侧滑动菜单盖住中间部分 12 右侧菜单 13 右下角浮动菜单 14 上刷新下拉加载更多 1

[原][osg][osgEarth][粒子特效]关于粒子特效库在osgEarth中，位置摆放问题，跟踪节点移动问题

首先粒子在地球上位置摆放很简单: //传入的经纬度坐标 osg::Vec3d geoPoint; const SpatialReference* latLong = SpatialReference::get("wgs84"); //偏移在地球上的点 GeoPoint point(latLong, geoPoint.x(), geoPoint.y(), geoPoint.z(), eMode); osg::Matrix matrixGood; point.createLocalToWo

ThreeJS实现波纹粒子效果

今天我们来用ThreeJS的库实现一个波纹粒子效果,我们用到的ThreeJS的库有CanvasRenderer.js,OrbitControls.js,Projector.js,stats.min.js和three.js.这些库都是不可或缺的,我们先来看看实现的效果,如下图所示. 我们再来看看项目结构是怎么样的,项目结构如下图所示. 我们的效果全部写在了index.html里,现在我们直接贴出index.html的代码,同学们可以直接拿来运行,代码如下. <!DOCTYPE html> <

jQuery点击图片弹出放大特效下载

效果体验:http://hovertree.com/texiao/jqimg/1/ 效果图: 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>美女图片浏览特效 - 何问起</title> <link href=&q

CSS3点赞动画特效源码下载

体验效果:http://hovertree.com/texiao/jquery/62/ 效果图: 下载:http://hovertree.com/h/bjaf/1dvh9ym6.htm 特效库:http://www.cnblogs.com/roucheng/p/texiao.html

2015元旦来个炫的html5特效

效果网址:http://keleyi.com/keleyi/phtml/html5/5.htm 代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>2015元旦来个炫的html5特效-柯乐义</title><base target="_blank" /> <script type=&qu

jquery叠加页片自动切换特效

查看效果:http://keleyi.com/keleyi/phtml/jqtexiao/34.htm 下面是HTML代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>jquery叠加页片自动切换特效 - 柯乐义</title><bas

基于HTML5 Canvas实现的图片马赛克模糊特效

效果请点击下面网址: http://hovertree.com/texiao/html5/1.htm 一.开门见山受美国肖像画家Chuck Close的启发,此脚本通过使用HTML5 canvas元素把图像转换成像素形式,这基本上是一个为canvas imageData功能的简单演示. 此脚本现存于GitHub上,您可以在那里下载到脚本和示例.在GitHub上查看像素化资源二.选项此方法接受一个对象数组,每个对象都拥有一组选项.resolution : 渲染像素间的像素距离,必须的.shape

JS图片自动和可控的轮播切换特效

点击这里查看效果:http://hovertree.com/texiao/js/1.htm HTML文件代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"/> <title>JS图片自动和可控的轮播切换特效 - 何问起 HoverTree</title><

jQuery元宵猜灯谜特效(元宵十五日猜一个字)

在线体验:http://keleyi.com/keleyi/phtml/jqtexiao/35.htm jQuery元宵猜灯谜特效的HTML代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>元宵十五日猜一个字 - 可乐义</title> <meta name="description" con

使用javascript生成的植物显示过程特效

查看效果:http://keleyi.com/keleyi/phtml/html5/33.htm .NET版本:http://keleyi.com/a/bjac/66mql4bc.htm 完整HTML文件代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>使用javascript生成的植物显示过程特效 - 柯乐义</title&g

jquery输入数字随机抽奖特效

简介:jQuery自定义数值抽奖活动代码是一款点击开始按钮计算机会产生玩家输入范围内的随机数,点击停止按钮,将显示数字最终结果的效果. 效果展示 http://hovertree.com/texiao/jquery/76/ 效果图如下: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jQuery自定义数值抽奖活动代码 - 何问起</ti

59.Android开源项目及库 (转)

转载 : https://github.com/Tim9Liu9/TimLiu-Android?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io#%E5%8D%AB%E6%98%9F%E8%8F%9C%E5%8D%95 目录 UI UI 卫星菜单节选器下拉刷新模糊效果 HUD与Toast 进度条 UI其它动画网络相关响应式编程地图数据库图像浏览及处理视频音频处理测试及调试动态更新热更新消息推送

Android开源项目及库搜集

TimLiu-Android 自己总结的Android开源项目及库. github排名 https://github.com/trending,github搜索:https://github.com/search 目录 UI 卫星菜单节选器下拉刷新模糊效果 HUD与Toast 进度条 UI其它动画网络相关响应式编程地图数据库图像浏览及处理视频音频处理测试及调试动态更新热更新消息推送完整项目插件出名框架其他好的文章收集android上开源的酷炫的交互动画和视觉

[原][粒子特效][spark]深入浅出osgSpark

背景: 目前我使用的spark粒子特效库是2.0 这个库好像是原来鬼火引擎的一部分,需要从github上找现在我要将其使用到我自己开发的基于osgearth开的三维地图引擎中步骤: 1.编译spark库 2.编译osgspark库,由王锐写的源码,社区或者github上有源码和粒子 3.将从osgspark生成的粒子node放置到osgearth中(支持绝对位置和相对位置~难点) 4.制作spark的脚本化支持(将每一种独立的粒子做成xml文件单独保存) 5.粒子编辑器制作 6.写文档(目前

主流JS库一览

主流JS库一览标签: prototypedojomootoolsprototypejsjqueryjavascript 2009-10-14 22:52 19936人阅读评论(2) 收藏举报分类: JavaScript(13) 目前来看,JS框架以及一些开发包和库类有如下几个,Dojo .Scriptaculous .Prototype .yui-ext .Jquery.Mochikit.mootools .moo.fxDojo (JS library and UI componen

丰富您设计的10个CSS3效果库

Magic CSS3 Animations Magic CSS3 Animations是一个CSS3动画包,拥有一些特效可以你的Web项目中免费使用.拥有像金光闪闪,角度,旋转,炸弹等特殊效果.使用简单,大部分的动画是跨浏览器兼容. Animate.css Animate.css是一个现成的CSS3的动画特效库.这个库拥有60个不同的动画效果.Once animate.min.css is included into your <head> document, you just need to

一些WPF中的滤镜特效——Effect Library

WPF支持类似PhotoShop的滤镜功能,称之为Effect.在.Net 4.0中,WPF就废弃了对BitMapEffect的支持,转向使用支持GPU加速的Effect类,例如,我们可以使用如下代码生成带有阴影效果的按钮. <Button ... > <Button.Effect> <DropShadowEffect /> </Button.Effect> Hello </Button> 系统已经自带了十来种Effect,基本上能满足我们的大部

threejs特效库

热门专题