元宇宙体育俱乐部 #kodeclubs 基于threejs的网页版虚拟空间
Mixlab
社区长期实战元宇宙,前文有总结 “元宇宙空间” 所具备的特质:开放多元的探索方式与创作工具;多维沉浸式的社交身份系统;综合的平台互通生态与机制。
元宇宙空间可以是与现实世界无参照对应的完全虚拟世界,也可以是某一现实空间的虚拟映射(数字孪生)。有现实空间参考的元宇宙不同于数字孪生的“完全复制”,除了拥有现实空间的功能外(学校、医院、体育场等),用户在空间中活动时可拥有不同于线下的全新功能与社交体验。
知识库
kodeclubs 就是是一个巧妙运用 three.js 进行开发的 “元宇宙体育俱乐部”。kodeclubs 将线下真实存在的俱乐部线上迁移再创造了一个虚拟空间,不仅增加了俱乐部成员的新奇体验,也拓宽了俱乐部的宣传流量渠道,是一个非常有意思、好玩的元宇宙项目。
kodeclubs
kodeclubs 线下原型是 kode sports club 。开发团队仅用一周的时间便运用 three.js 完成了线上网站的制作。网站访问者可以在俱乐部不同的功能空间中游玩。
小杜
虚拟形象制作模块几乎是目前元宇宙的必备模块。kodeclubs的虚拟形象制作还挺可爱~
小杜
kodeclubs 的空间支持访问者鸟瞰模式与场景模式快速切换,俱乐部体验者可以短时间内熟悉俱乐部的各个部分的空间功能组成。
kodeclubs 全景俯瞰图
kodeclubs 篮球场
mixlab
kodeclubs 空间是如何与现实空间结合的?用户在虚拟空间的趣味性体验如何体现的呢?
小杜
kodeclubs 每个不同的场地都会有提示任务来引导用户了解现实俱乐部额情况。完成任务后会有相关荣誉勋章的获得,用户也可以在空间游玩的过程中 “偶然” 获得勋章,在增强用户了解俱乐部的同时也增强了空间体验的趣味性。
与任务npc对话交流的过程中熟悉俱乐部。
偶遇勋章与荣誉系统
这让我想到了无界社区前几天刚发布的第三款徽章,你们都领了吗?#生命胶囊NFT徽章
shadow
小杜
社区的技术黑客们如果对运用 three.js 开发虚拟空间的技术实现感兴趣,推荐一篇官方团队的讲解文章。该团队详解了地图导航、3d模型内存占有的压缩优化、颜色与阴影变化与交互控件开发的方法。
官方技术实现讲解:
www.awwwards.com/kode-sports-club-by-merci-michel-wins-site-of-the-month-november-2020.html
官方网站:
www.kodeclubs.com
opus
如果有人感兴趣翻译技术讲解文章,我们将发放专栏作者准备的纪念NFT徽章~~~ 欢迎联系我
备注:翻译
元宇宙记者的 kodeclubs 游玩体验~
# 社区 three.js 项目推荐:
作品集也可以很有创意:一款用键盘操控汽车的可交互游戏式个人主页
生成艺术or游戏?无限可能的体验#Wayfinder-探索这片土地的诗意
捏脸是如何实现的?程序化生成3D头像
opus
最后,欢迎大家加入社群,参与 元宇宙 项目实战~
备注:元宇宙
[ 元宇宙创作者指南 ]
[ 元宇宙资源清单 ]
github.com/shadowcz007/awesome-metaverse
元宇宙体育俱乐部 #kodeclubs 基于threejs的网页版虚拟空间相关推荐
- 未来元宇宙并不仅仅是基于单独某一项技术的发展
目前元宇宙仍处于"社交+游戏场景"的奠基阶段,还远未实现全产业覆盖和生态开放.经济自洽.虚实互通的理想状态.元宇宙的概念布局仍集中于XR及游戏社交领域,技术生态和内容生态都尚未成熟 ...
- 转让一套基于 Flash 的网页版棋牌平台
赖勇浩(http://laiyonghao.com) 转让一套基于 Flash 的网页版棋牌平台,它是我在 2009 年初开发完成的,当时是接了一个外包,所以才起意做这个项目的,后来项目流产了.最近看 ...
- 基于Python实现网页版去水印之去除图片右下角水印
基于Python实现网页版去图片右下角水印 Python可以用OpenCV去除图片水印,但如何结合web框架去实现网页版去水印,带着这样的疑问,我搜索研究了一下,发现是完全可以实现的,而且考虑到部署服 ...
- 基于JavaWeb的网页版邮箱系统设计与实现
资源下载地址:https://download.csdn.net/download/sheziqiong/86790177 资源下载地址:https://download.csdn.net/downl ...
- 基于JavaScript的网页版【定期存款计算器 - DepositCaculator v1.0】
使用方法:复制全部源代码,另存为.html文件. 免责声明:此程序为作者练习作品,不保证结果100%正确,对使用本程序造成的任何损失概不负责. <!DOCTYPE HTML PUBLIC &qu ...
- 基于Vue的网页版录音并播放
最近项目中需要实现一个效果,需要在网页上录制音频,并上传给后台,后续还需要做语音识别处理. 下面的表格罗列了我的前端项目中所使用的框架以及插件(本项目基于Vue): 插件名称 资源地址 Element ...
- 基于python实现网页版微信API,包含终端版微信及微信机器人
1.Demo 为了确保能正常运行示例脚本,请安装所需的第三方包. pip install -r requirements.txt 注:下面演示的图片与功能可能不是最新的,具体请看源码.
- 基于SSM的网页版进销存系统项目说明
阿里云演示地址 演示账号:17705696620 ,演示密码:111111. 项目图片 项目背景 本人工作有8年时间,工作采用C语言进行金融POS终端的开发,主要是进行收单机构的支付平台的对接(85 ...
- awesome-metaverse元宇宙
3D/Virtual Spaces 虚拟空间 Universal Digital Developing Platform 协作类开发平台 NVIDIA Omniverse an easily exte ...
最新文章
- mobile还有人用吗 spring_话说,苹果手机语音备忘录功能还有人用吗?
- javascript中的闭包这一篇就够了
- 如果你也想做实时数仓…
- 2022年年底前山东将打造30个以上绿色数据中心 逐步淘汰高能耗中小型数据中心...
- 使用document.ElementByTagName获取input元素并添加事件
- verilog or VHDL乒乓球游戏电路设计
- JS数组与对象的遍历方法大全
- Python_mlab_3D作图/gif
- Java 11:String类中的新方法
- python文本摘要_TextRank 文本摘要算法Python 实现
- 04-02 接口协议分析工具
- 《防患未然:实施情报先导的信息安全方法与实践》——2.3 情报循环
- ITEXT PDF文件的拆分与合并
- VS-code输入感叹号没有提示
- 电脑拆机(华硕FL5900)+光驱改固态
- 用计算机弹起风了歌词,《起风了买辣椒也用券 抖音热歌起风了》的歌词 LRC完整歌词...
- 实现unity内2D物品延迟跟随鼠标移动
- python提取内容保存excel_Python操作Excel之数据提取
- JavaWeb、JSP、Html实现指定账号密码登录
- 拼多多api接口应用示例
热门文章
- 钰泰ETA7014S2G 可编程过压保护芯片 耐压高达36V 可用作高压开关
- 树莓派学习笔记——使用标准PC104键盘
- 如何保证socket长连接
- MySQL Select 语句查询
- NR/5G - HARQ-ACK/SR/CSI in a PUCCH
- 计算机配件如何买到新品正品,组装电脑:朋友网上买硬件去电脑店组装,这配置怎么看怎么别扭...
- 词语接龙html5小游戏,热身小游戏词语接龙.doc
- 泛珠三角计算机作品大赛2018,我院学子在“2018年广东省大学生计算机作品赛暨泛珠三角+大学生计算机作品赛广东赛区选拨赛”中荣获一等奖...
- 最笨的解决android打包aar中引入远程依赖资源加载不到的问题
- Grover算法试验