资讯
展览资讯 大型展会 灯光节 大型盛典 赛事 中标捷报 产品快讯 热门话题 艺术节 活动 演出 新闻 数艺报道 俱乐部签约
观点
大咖专访 观点洞察 书籍推荐 吐槽 设计观点 企业访谈 问答 趋势创新 论文 职场方法 薪资报价 数艺专访
幕后
幕后故事 团队访谈 经验分享 解密 评测 数艺访谈
干货
设计方案 策划方案 素材资源 教程 文案资源 PPT下载 入门宝典 作品合集 产品手册 电子书 项目对接
  • 0
  • 0
  • 0

分享

Web3.0时代将如何构建沉浸式交互设计?

2022-08-26



VR/AR技术《头号玩家》
Web3.0时代的到来兴起了许多热词:
元宇宙、万物互联、人工智能、3D图像与未来......
#Web3.0,未来的互联网

Web 1.0

网站是用静态HTML页面构建的,仅能显示信息。用户无法更改数据或上传自己的数据。社交互动仅限于简单的聊天通信程序和论坛。

代表:静态网页、Yahoo、搜狐、新浪、网易。


Web 2.0

更加注重不同站点和应用程序之间用户自创的内容和互操作性。在Web 2.0时代,用户可以在网络平台上传自己的内容(包括文字、图片、视频等等);也可以与其他用户进行交流。 互联网从“平台向用户的单向传播”,变成了“用户与用户的双向互动”。

但是创造者的基本权利被剥夺,用户价值被随意汲取,一切为平台所有

代表:抖音、博客、微博、豆瓣、知乎、推特、Facebook


Web3.0

web3.0给社会带来的影响只会比Web2.0更广阔和深刻。

如果说Web2.0是用户广泛地参与到网络互动中,那么Web3.0则是智能机器广泛参与到网络过程中来。

在 Web 3.0 中,用户所创造的数字内容,归属权明确为用户所有,控制管理权明确由用户所有,其所创造的价值,根据用户与他人签订的协议进行分配。

代表:区块链、元宇宙、DAO、NFT



图文来源于网络

简而言之:

Web3.0 时代的到来,将崛起若干全球性的巨型平台,在原创的地位再次被拔高,在利益的分配更加透明合理,在协议控制下的绝对公平,这一切都会使之涌现出比现在多出数百倍的原创作者。



接下来将介绍元宇宙搭建中必不可少的角色——Web3D/XR 技术

#Web3D/XR 技术

Web3D技术作为实现网页中虚拟现实的一种最新技术,可以使参观者通过自由操作沉浸式漫游来友好地交互场景中的物体。Web3D的实现技术,主要分建模技术、显示技术、三维场景中的交互技术三部分
XR 是一个“包罗万象”的术语,包括了AR、VR、MR,是用于增强或取代我们观察世界的能力的技术
MOTSE墨子-”未来感交互数字展厅“
那么,利用Web3D技术可以做什么呢?其实它早已出现在我们的生活中,在艺术相关、商业相关、娱乐相关和虚拟社区等各种区域都与之相关联

艺术相关

哲浩启程文化创意-裸眼3D秀“朱雀展国威“

娱乐相关

Logela Multimedia-《Live Traffic Light》

商业相关

Patrik Hübner-《SHUTDOWN Gallery》

虚拟社区

易现EZXR联合西溪天堂开启最IN最潮流的“如流·游”AR展,这场基于实景的户外AR展览,尝试打破空间和时间的界限玩一把“混搭”,为本就美丽的自然风光增添了科技野趣
易现EZXR-”杭州西溪天堂园区增强现实“
X Vision混合现实艺术小组创作的“虫洞”是在公共空间发生的混合现实艺术事件,艺术家们通过天马行空的创造将未来科技移民之后衰败的火星,以一次“虫洞”的形式时空穿越在北京751这片我们熟知的园区之上
X Vision-”虫洞:北京751·MR公共艺术体验展“
为了能让大家自己也能快速开发一系列通过浏览器在线展示的3D交互艺术作品
新媒体艺术课程系列

《Web3D / XR 沉浸式交互设计》

#课程简介
本课程将介绍一系列基于web 3D的设计工具,用于显示和生成使用 Web 3D 标准在线设计的3D 内容。这些设计工具允许学生创建在线浏览器体验显示在3d 和 WebXR 沉浸式交互设计平台的 AR 和 VR工具。所有引入的技术都是基于浏览器和跨平台的,使用这些技术,学生能够快速开发一系列通过浏览器在线展示的3D交互艺术作品
图片来源于A-frame官网

#课程详情

① 课程以线上录播方式播出

 课程交流群,导师定期回复答疑

③ 不定时免费福利、群活动

④ 课程在两年内无限回放

⑤ 从基础到入门,零基础也适用

⑥ 课程第一节免费试学

免费试学课程链接:

https://www.cctalk.com/v/16580667524052?xh_fshareuid=121147389

A-Frame此次课程主要使用的工具之一
图片来源于A-frame官网
A-Frame是一个用于构建 VR 体验和 AR 体验的 Web 框架。A-Frame有很强的灵活性扩展性,它不仅可以在PC上的主流浏览器上运行,也可以在Android和苹果的支持webRTC功能的浏览器上运行,还支持大部分的VR头盔。另外,开源库AR.js提供了A-Frame的版本,让A-Frame框架也支持webAR。A-Frame框架简单易用,而且同时支持webVR和webAR,是最适合作为学习webXR入门的不二选择
  A-Frame工具优势  
# 一款可视化的检测工具
# 一款有着丰富的组件的工具
#一款以ECS为架构的工具
#一款可以跨平台、高性能的工具
#一款可以简单进行VR制作的工具
图片来源于A-frame官网
详情打开A-Frame官网:https://aframe.io

#课程内容
第一节 ► Web3D/Web XR 简介
本节课学习了解 Web3D 的状态和浏览器上可用的工具,包括: aframe.ioglitch.comthreejs.org
▲图片来源于Web3D/XR课程实战内容
第二节 ► A-Frame 导言
本节课将学习用A-Frame如何导入一个基本的3d 模型,并使用glitch在 AR/VR 中显示
▲图片来源于Web3D/XR课程实战内容
第三节 ► A-Frame 渲染360图像
本节课将学习使用360图像,学生将学习如何通过使用A-Frame和Glitch创建一个交互式360图像
▲图片来源于Web3D/XR课程实战内容
第四节 ► A-Frame 场景建设
本节课将学习如何在A-Frame中显示三维场景的各个方面。这些包括场景、背景、天空盒、灯光和声音的元素
▲图片来源于Web3D/XR课程实战内容
第五节► A-Frame 动画和效果
本节课将学习使用 AFRAME 动画的基础知识,如何通过关键帧以编程方式更改值并构造 tweens
▲图片来源于Web3D/XR课程实战内容
第六节 ► A-Frame 3D 资产生成
本节课学生将学习使用开放标准 GLTF 3D 格式的3d 格式的网络交付的最佳实践。他们还将从各种3d 软件包中导出模型和/或使用工具生成3d 文件。模型可以放置到A-Frame中,以便在3d、 AR 或 VR 中查看和演示
▲图片来源于Web3D/XR课程实战内容
第七节 ► 网上数码影像效果简介
本节课将学习如何以编程方式创建附加效果,并为在线数字视频开发连锁效果
▲图片来源于Web3D/XR课程实战内容
第八节► A-Frame 3D 资产、动画和特效
本节课将在A-Frame中补充他们的3d 资产处理知识。他们将学习压缩技术与 GLTF 3D 标准,以及如何结合A-Frame动画与默认模型关键帧动画。最后,他们将学习如何用动画创建场景氛围效果
▲图片来源于Web3D/XR课程实战内容
第九节 ► A-Frame 着色器介绍
本节课将学习一些基础的计算机图形学和渲染使用着色器。他们将被要求创建一个基本的 A-Frame 3D 模型着色器。他们将学习如何使用 shaderfrog 节点编辑器导出着色器
▲图片来源于Web3D/XR课程实战内容
第十节 ► A-Frame AR 位置标记
本节课将学习如何使用A-Frame创建一个基于 GPS 的位置 AR 标记的基础知识。他们将学习如何使用 GPS 定位在世界上放置3d 模型来创建AR体验和艺术作品
▲图片来源于Web3D/XR课程实战内容

#导师介绍

 达米安-希尔斯博士 

达米安-希尔斯博士是一名国际数字媒体开发/创意交互设计者,同时也是一名人机交互学者,对自然用户交互、创意合作和互动叙事系统感兴趣。他曾从事过医药、教育、政府、电影和游戏等广泛行业的项目。他拥有人机交互的博士学位,研究结合自然用户交互和支持连贯叙事生成的协作界面的设计


达米安现在继续研究在线协作的交互设计,协作式互动数字故事/叙事,游戏设计/开发,交互设计,信息可视化,人/机界面,自然用户交互,装置,互动/生成艺术,网络应用程序开发,人工智能,语义网络以及未来设计网络应用技术


且拥有20年的交互设计及软件开发经验主要包括多媒体开发、图形制作、3D游戏开发/设计、网络前端开发(javascriptThreeJS/WebGL、html、css, Angular, React),网络服务器应用(NodeJS, Java, SQL, Python)


曾在美国、澳大利亚等多家研究机构及公司担任技术负责人和创意总监,现在是格里菲斯大学特聘研究员。在2017年"协作叙事的自然界面构建"。这项研究关注的是设计一个用于协作叙事构建的系统,该系统支持与叙事创造力和一致性相关的对话过程。它提出了一套系统的理论设计特征,该系统结合了半自主性和响应用户自然交互的界面,如触摸式或手势式设备。设计的目的是一个整体的软件架构,或者说是一个能够主动参与有意义的社区叙事的出现的架构



#课程目标

1

更深入的了解到元宇宙与Web 3.0时代的前端发展,了解设计前沿,拓展你的眼界,一起玩转元宇宙

2

熟练掌握A-Frame、Glitch、Three.js工具,学会利用Web3D/XR技术进行沉浸式交互设计,快速开发一系列通过浏览器在线展示的3D交互艺术作品

3

独立制作出虚拟世界、3D场景化设计,学会利用VR在游戏虚拟、室内设计等需要虚拟现实区域,运用AR在旅游、展览等需要增强现实区域

4

获得更多优秀作品资讯以及与导师展出合作的机会,提升个人能力,成为全能型人才


#课程购买
码详情快速报名起创建元宇宙!




#咨询课程

长按识别二维码添加web3.0小助理

回复“WEB3.0交流群”邀你入群
进群可以获得更多优秀作品资讯及展出合作机会
每周还有更多免费大福利不定时发送哦!


#课程开发方

智能交互设计国际实验室
International Intelligent Interaction Design Lab

智能交互设计国际实验室是一个开放的、多元的众创空间研究平台,是孵化创意的加速器,专注于智能、个性化交互、自然科技等方面,它将团队所有人团结起来,鼓励大家共同创新,并通过实践将创意带入市场。


GEEKSART

GEEKSART新媒体艺术团队集合了艺术家、创意人、策展人、设计师、动画师、编程师、工程师等多个领域的国际化人才,遵循“让新媒体艺术融入生活”的宗旨,以人为本,拥有强大的技术开发能力,专注展览策划、开发与运营,以最前沿的新媒体艺术视角,融合艺术与科技,结合行为分析及创意编程,为IP、空间、展览注入新生能量,增强场域体验,升华精神内核,营造沉浸式的梦幻奇境,进而达成对人类感官意识世界探索的诉求。

团队原创IP新媒体艺术展览“每当星辰变幻时”从2019年至今已经巡展了10个城市,服务观众超过50万人次。除了原创IP外,团队还和各大品牌联手共创,包括网易游戏、芭莎艺术、融创、奥迪、宋城集团、欢乐谷、太古汇等,服务观众超过500万人次。



GA教育是GeeksArt新媒体艺术策略全案中的重要组成部分,其中包括课程、论坛、出版和词条四个模块。随着新媒体艺术的关注需求日益增长,GeeksArt自2015年创始以来,一直持续不断地丰富新媒体艺术教育的专业内容,致力于将新媒体艺术推广至更广泛的人群。
阅读原文

* 文章为作者独立观点,不代表数艺网立场转载须知

本文内容由数艺网收录采集自微信公众号千核GEEKSART ,并经数艺网进行了排版优化。转载此文章请在文章开头和结尾标注“作者”、“来源:数艺网” 并附上本页链接: 如您不希望被数艺网所收录,感觉到侵犯到了您的权益,请及时告知数艺网,我们表示诚挚的歉意,并及时处理或删除。

数字媒体艺术 新媒体艺术 科技艺术 沉浸式交互设计

20244 举报
  0
登录| 注册 后参与评论