峨眉山| 广元| 马尾| 北京| 吉木乃| 金州| 新巴尔虎右旗| 塔什库尔干| 汝州| 井陉矿| 雅江| 许昌| 连南| 东沙岛| 安远| 昆明| 莘县| 枝江| 芦山| 含山| 聂拉木| 双鸭山| 漯河| 潮州| 富锦| 临清| 太湖| 西林| 伊宁市| 眉山| 通山| 赞皇| 南沙岛| 息县| 博湖| 廉江| 肃宁| 大田| 华阴| 台安| 陈仓| 龙岗| 贡觉| 临汾| 赵县| 澎湖| 红河| 白水| 双桥| 吉木萨尔| 南郑| 石台| 石屏| 通河| 泗洪| 景谷| 西林| 民和| 靖边| 平泉| 古丈| 扶风| 台安| 剑川| 利津| 大方| 房县| 蔚县| 禄劝| 梨树| 连城| 龙山| 德保| 抚顺县| 昂仁| 五常| 万山| 柏乡| 安岳| 酒泉| 新都| 万载| 营山| 仙桃| 象州| 宜兴| 临汾| 林西| 广州| 九台| 大埔| 马边| 福州| 临猗| 六枝| 富宁| 南海| 郫县| 双柏| 马山| 巴东| 皋兰| 肃北| 沙洋| 大关| 延庆| 余干| 青川| 瑞昌| 馆陶| 克什克腾旗| 昔阳| 广西| 陇西| 清河门| 凌源| 乌恰| 应县| 登封| 松原| 香河| 宜州| 五原| 青田| 乾县| 合浦| 博乐| 淇县| 贵池| 巴林左旗| 昂昂溪| 兰西| 饶阳| 迁安| 克拉玛依| 玉龙| 高密| 凤阳| 肃南| 龙江| 泽库| 呼玛| 延寿| 乐山| 西沙岛| 辽源| 界首| 淳化| 霍州| 白朗| 大化| 察哈尔右翼后旗| 鄂尔多斯| 临江| 田东| 额尔古纳| 习水| 潘集| 黑山| 察隅| 固安| 怀远| 抚顺县| 辉南| 寿宁| 丰南| 利川| 杭锦旗| 轮台| 岫岩| 南昌市| 津南| 广灵| 镶黄旗| 新沂| 栖霞| 汤原| 伊通| 天峨| 珊瑚岛| 湘潭县| 佳县| 新野| 宁晋| 咸阳| 修武| 瓮安| 临安| 哈密| 保定| 建水| 江陵| 绥滨| 云龙| 若羌| 洪泽| 茂县| 安岳| 会理| 松滋| 大厂| 芷江| 兴化| 石景山| 福清| 古浪| 和龙| 崇明| 招远| 怀化| 桐柏| 修水| 永和| 绿春| 阿勒泰| 平昌| 察哈尔右翼后旗| 惠农| 六盘水| 班玛| 扎鲁特旗| 贵定| 平乐| 邢台| 郧县| 阿城| 新野| 连山| 红安| 屏南| 巨野| 美溪| 友好| 垦利| 耒阳| 松江| 福建| 太和| 遂川| 天镇| 雅江| 桃园| 安塞| 宜春| 凌源| 郓城| 寒亭| 兴国| 沙县| 布尔津| 牡丹江| 平凉| 邵东| 寿阳| 武功| 驻马店| 隆德| 湖口| 乾安| 淮南| 平塘| 武胜| 杞县| 齐河| 武汉论坛

Mozilla TA:浅谈社交VR Hubs的粒子系统和表情设计

VR/AR
2019
08/16
17:35
映维网
分享
评论
思维车 (记者朱新韬通讯员劳运荣)(责编:陈露露、周雨乐) 武汉女人 活动由广西市场监管局联合自治区党委宣传部、发展改革委、科技厅、工业和信息化厅、生态环境厅、住房和城乡建设厅等14个部门共同组织开展。 论坛资讯 思政课教师要认真上好思政课,让有信仰的人讲信仰,把“有意义”的事讲得“有意思”,不断增强思政课的思想性、理论性和亲和力、针对性。 创业资讯 合群村 武汉女人 黄港镇 武汉论坛 红豆树

来源:映维网 作者 黄颜

Siyu Chen在今年夏天有幸成为了Mozilla Hubs技术美术实习生。日前,Siyu Chen撰文分享了自己在夏天的这段经历。下面是映维网的具体整理:

在这12周的时间里,我参与了两个不同的项目。我的第一个项目与粒子系统有关,而这是我一直非常感兴趣的事情。我是为允许你轻松创建3D场景并将其发布到Hubs的3D编辑器Spoke开发粒子系统功能。

粒子系统是一种已广泛应用于游戏物理,动画和计算机图形相关领域的技术。它们通常由大量的sprite或其他对象组成并用以模拟混沌系统或自然现象。粒子可以对应用程序的视觉效果产生巨大影响。对于虚拟现实和增强现实,它可以极大地加深沉浸感。

粒子系统可能非常复杂,因此对于这个版本的粒子系统而言,我们希望避免避免笨重的行为控件,并且只保留所需的基本属性。Spoke粒子系统可以分为两部分:粒子和发射器。每个粒子都具有纹理/sprite,寿命,大小,颜色和速度,因为这是基本属性。发射器更简单,因为它只有宽度和高度的属性,以及有关粒子数的信息(每个生命周期可以发射多少个粒子)。

通过改变粒子数和发射器大小,用户可以轻松地为不同用例定制粒子系统,例如在寒冷场景中创建落雪或在喷泉中添加水滴。

改变发射器大小

粒子数从100改成200

你同时可以改动粒子的不透明度和颜色。实际颜色和不透明度值在开始,中间和结束颜色/不透明度之间进行插值。

对于主要视觉效果,我们可以通过使用URL来改变sprite,或者从本地asset中进行选择。

粒子的生命周期?我们来看看下面这张图表:

每个粒子都有一个随机的Negative Initial Age,而我们可以通过Age Randomness属性进行调整。随着时间的推移,它的Age会不断增长。当它的Age大于总寿命时,粒子将立即死亡并重新分配一个Negative Initial Age,然后重新开始。这里的Age不是每个粒子将存在的实际寿命。为了不让所有粒子同时消失,我们通过Lifetime Randomness属性来改变每个粒子的实际寿命。寿命随机性越高,实际寿命之间的差异就越大。另外还有一个类似于Lifetime Randomness的Age Randomness的属性。不同之处在于,Age Randomness用于调整Negative Initial Age,从而改变粒子的出生。

每个粒子在X,Y和X轴上具有速度属性。通过调整三个维度的速度,用户可以更好地控制粒子行为。例如,模拟重力或风等简单的现象。

利用角速度,你同时可以控制粒子系统的旋转,从而实现更为自然和动态的结果。

速度,颜色和大小属性都可以选择在开始,中间和结束阶段之间使用不同的插值函数。

Spoke已经正式支持粒子系统,希望你可以尝试一下并告诉我们你的想法。

虚拟角色表情

我的另一个项目是虚拟角色的表情。我负责了表情图的设计,UI/UX设计,以及这一功能的实现。这实际上是一个十分简单的项目:我需要确定表情符号显示的样式,界面级别的图形设计,对交互流程做出决策并在Hub中实现它。

表情符号设计的演变

我们最终选择了有着柔和边缘的表情。

表情设计的最终版本

菜单用户界面的图标设计

与图标交互时的设计

演示:

当你在Hubs中进入暂停模式时,表情符号框将出现并替换聊天框,你可以自由选择各种表情符号。

原文链接:https://yivian.com/news/65135.html

THE END
广告、内容合作请点击这里 寻求合作
VR
免责声明:本文系转载,版权归原作者所有;旨在传递信息,不代表砍柴网的观点和立场。

相关热点

Zachary Deocadiz是VR视频应用Within的设计师,并且撰写了一系列与社交VR相关的博文。其中,他谈到自己制定的一个用于评估和设计全新社交应用程序的框架。
VR
Mozilla日前展示了他们一直在为沉浸式网页开发的首批定制化元素:< img-360 >和< video-360 >。
VR
据外媒techgarageblog报道,华为将于9月19日在德国慕尼黑发布华为Mate 30系列,随后会在9月26日上海在举行该机型的国内发布会,据笔者了解,慕尼黑也曾是华为Mate 9和Mate 10发布的地方。
VR
在3月,在华为P30系列发布会期间,华为与韩国时尚品牌Gentle Monster宣布合作。他们一起合作开发出第一款智能眼镜。它看起来像普通太阳镜,也没有集成摄像头。与VR头显相比,该眼镜具有轻巧、便捷的优点。...
VR
据Letsgodigital报道,8月14日,华为技术有限公司在EUIPO(欧盟知识产权局)和英国IPO(知识产权局)申请了两个商标,名称为华为AR Glass和华为VR Glass。这两个商标都被归类为第9类,并附有说明; “Smart...
VR

相关推荐

1
3
故城县 上海青浦区赵屯镇 宏坝 延津 六塘公寓 洲瑞林场 刘龙台镇 张华浜 空军机关大院第三社区
右北平 江干区 新疆兵团农三师前进水库管理处 惠安 西红门路东口 古达苗族彝族乡 西寺峪村 韩园子 望云山
峰峰矿 上七分子 安家坡东乡族乡 琉璃河水泥厂社区 新镇乡 胡姬花园 文艺路街道 凤城中学 软件学院 北京房山区良乡镇
https://www.whr.cc/bbsitemap.htm