平房| 钦州| 临沂| 涉县| 任丘| 武昌| 大荔| 邳州| 塔城| 商水| 舒城| 晋城| 路桥| 桦南| 中宁| 陈仓| 华县| 泸定| 泸州| 金寨| 监利| 乌审旗| 曹县| 道县| 铜川| 武宣| 内江| 横峰| 绍兴市| 遂平| 犍为| 沭阳| 阳原| 垫江| 大港| 邛崃| 莆田| 达拉特旗| 岱岳| 邵东| 延津| 老河口| 戚墅堰| 新宾| 景泰| 镇康| 白云矿| 额济纳旗| 安平| 溧阳| 邯郸| 垦利| 崇左| 临清| 和硕| 博山| 五华| 阜平| 突泉| 嘉禾| 台南市| 会东| 乐业| 通山| 竹山| 双辽| 大新| 北川| 酒泉| 大港| 平南| 汶上| 岚县| 潍坊| 福泉| 南昌县| 丰台| 长兴| 蕲春| 岑巩| 宜章| 开原| 武功| 嘉黎| 田阳| 安阳| 分宜| 礼县| 松滋| 长丰| 宜城| 台南县| 威宁| 乌尔禾| 平陆| 田阳| 翁牛特旗| 烟台| 伽师| 都兰| 乌鲁木齐| 察哈尔右翼前旗| 潮阳| 陆河| 大方| 高雄县| 民权| 林口| 全椒| 建瓯| 福安| 苗栗| 古蔺| 镇沅| 大厂| 蓝田| 扶风| 开封县| 宝坻| 丹寨| 东阿| 紫金| 武乡| 信宜| 阿拉尔| 甘棠镇| 岳阳县| 包头| 让胡路| 宜秀| 独山| 梁子湖| 吴桥| 西畴| 瑞安| 喀什| 江夏| 博爱| 蒙自| 彬县| 灵丘| 五寨| 昌邑| 都昌| 大庆| 江达| 胶南| 连平| 黄骅| 长治市| 台东| 大通| 彭泽| 通辽| 楚雄| 澄城| 恭城| 浏阳| 吉水| 海丰| 云南| 安泽| 安徽| 凌源| 黄梅| 老河口| 永善| 云县| 孟连| 宁陕| 台中县| 天峨| 于田| 岷县| 洛南| 遵义县| 临澧| 若尔盖| 柘荣| 林西| 大名| 杭锦旗| 盐田| 宜城| 太湖| 尖扎| 柞水| 太谷| 积石山| 天池| 阿城| 四川| 蒙山| 马尔康| 温江| 乌马河| 安多| 德庆| 富县| 察隅| 鹰潭| 扎兰屯| 蓝田| 南芬| 岳阳市| 定兴| 鄂温克族自治旗| 关岭| 施秉| 漯河| 北京| 青州| 大龙山镇| 本溪市| 绥化| 常山| 平鲁| 大同区| 屏边| 英吉沙| 沂源| 承德市| 枝江| 朔州| 延安| 临川| 迁西| 浮梁| 嘉禾| 筠连| 鹿邑| 梁山| 甘南| 甘谷| 耒阳| 龙湾| 沽源| 沿河| 辉县| 惠安| 长泰| 香格里拉| 含山| 岳阳县| 壶关| 玉山| 泰顺| 澧县| 昭平| 周村| 慈溪| 光山| 马龙| 滴道| 博罗| 息县| 眉山| 沧县| 新建| 望城| 赤壁| 界首| 陵县| 瑞丽| 创业

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

VR/AR
2019
08/16
17:35
映维网
分享
评论
母婴在线 这次我专程来看望乡亲们,就是想实地了解两不愁三保障是不是真落地,还有哪些问题。 宠物论坛   两鬓斑白,青春无悔,张其元告诉记者:垦荒精神一代代传承,我们当年的付出,已经有了最好的回报。 创业资讯 仅仅是硬件方面就采用了骁龙855Plus、等一系列当下最强悍的配置,在iQOO上广受好评的一键变身概念也得到延续。 母婴在线 百尺河镇 武汉女人 北岭乡 武汉论坛 安乡县

来源:映维网 作者 黄颜

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