上海市青少年创意设计院是上海市教育委员会指导下的纯公益性校外教育平台,由上海市科技艺术教育中心与同济大学设计创意学院共同成立,服务于全市中小学生。2022上海市青少年创意设计院夏季学期共5门课程,由上海同济天地创意设计有限公司协办,以互动直播结合在线辅导的形式进行。
课程名称:元宇宙数字校园设计体验
课程研发:同济天地、盒境科技
任课教师:薛万坤、宁穗彬、李婧言
薛万坤
上海交通大学教师,华为-上交HarmonyOS师资培训主讲教师、“基于HarmonyOS的软硬协同、工程实践”等本科生、研究生课程主讲教师,上海交通大学赛车队、“腾讯-上交”VR俱乐部指导教师。
元宇宙(Metaverse)是整合多种新技术而产生的新型虚拟互联网社会形态,它基于虚拟现实技术提供沉浸式体验,将虚拟世界与现实世界在经济系统、社交系统、身份系统上密切融合。在疫情大背景下,校园场景中也运用了相关技术呈现教学和毕业展览等内容。而对于青少年,元宇宙数字校园设计体验也能为他们的创意世界注入新的灵感,开拓更多的可能性。
/ 图片来源:同济大学设计创意学院
基于 Unity 开发采用 WebGL 技术呈现的2022毕业设计展
2022 ✕ Summer
// 内容回顾
步骤1、回忆我的校园生活
每个人的校园生活总有一些特别的经历,可能当时很紧张、很害怕,或者很刺激,但是它的独一无二总是值得在长大以后微笑着去回忆。你是否有独家记忆想要留存?你在学校里有秘密基地吗?印象最深的是哪个老师呢?你和小伙伴们喜欢玩什么游戏呢?以真实校园为原型,在进行创新设计之前,我们先描绘印象中最深的校园场景吧。
/ 贺子洛
/ 任泽恺
步骤2、设计草图和策划案
以自己真实的校园为原型,思考和设计元宇宙校园中的操场、教室、报告厅等重要场景。同时运用简略版策划案,帮助构思和设计:校园里会有哪些场景?会有哪些NPC发生什么故事?主要的任务线和交互设定也可以用草图或流程图的方式做个规划。
/ 徐知蕴
/ 蒋熙妍
步骤3、模型制作和场景优化
虽然同学们在使用编辑器的掌握程度不太相同,线上课堂中也会偶尔出现bug,但是很多有趣的事情发生,同学们也都很热情主动地学习知识,练习技能。在基础模型的搭建上学习UI对象、制作场景细节、探索特效使用、尝试编程交互,优化方案,将各种现实中无法实现的场景或实物模型难以表达的细节,充分利用编辑器的特点在元宇宙空间中呈现出来。
/ 任泽恺
/ 左:康煦宁,右:蔡蕻诺
2022 ✕ Summer
// 作品展示
徐知蕴同学作品
这是以我的母校为原型的一所普通中学,故事背景是你在校园开放日参观本校,并完成校长的任务。假设你是一个新生,今天去新学校报到,并接到了校长的任务。为了进一步了解这个神秘的校园,你还需要找到调皮的小明同学......本校园基于现实,有两个教学楼,一个礼堂,一个操场,还有个食堂。你可以在本学校里体验到相对完整的校园生活,享受真实的校园环境,并可以与npc进行对话。
赵执钧同学作品
我的设计以学校新校标的三瓣花为蓝本,每一瓣花型都设计了一个功能块,花瓣型外围是林荫小道。
第一个花瓣是图书馆,外墙为透明玻璃,屋顶有太阳能板,节能环保。第二和第三个花瓣分别是游泳池和种植科技中心。三个花瓣聚焦在中心圆形司令台。司令台前方就是塑造跑道,操场草坪上有学校的英文全名。
任泽恺同学作品
五年小学时光匆匆,我们迎来小学线上云毕业典礼。大家有些许感伤,更多的是不能相聚的遗憾。我想搭建属于22届五4班的元宇宙校园,不论大家去向哪里,都可以回元宇宙校园聚聚。每周最期待的游泳课、后花园里陪伴我们的小猫们、屋顶自然课的植物园、每学期更新的黑板报、还有放学后集体打卡的便利店、学校对面的银行、风趣幽默的数学老师、线上课常常抢镜的栗子牧老师(牧羊犬),点点滴滴熟悉的场景汇聚在一起,帮我们沟通情感,驱散疫情带来的阴影。
蒋熙妍同学作品
我设计的是一所魔幻学校,它坐落在太平洋上的一座孤岛上。整个小岛是通过人工填海造田生成的。由于地面空间有限,整体学校设计成空中悬浮的校园。魔幻学校的所有教学楼、体育馆和食堂都是悬浮在半空中的,而学校的户外运动场和球场是坐落在小岛上,学校的各个教学楼之间有各种天桥连接。学校还有飞龙出现,以及一个神秘的禁地。(更多介绍详见视频)
贺子洛同学作品
这是根据自己的学校为原型设计的元宇宙校园:YUAN SCHOOL。
康铎同学作品
这个学校有彩虹迷宫和滑梯,你一定没有见过。
赵艺添同学作品
坐落在城市之中设施齐全、有半开放式的教学楼的智慧校园。
本次课程项目由浅入深,从方案构思开始到引导同学们进入三维虚拟空间,了解建模工具和编程逻辑,最终尝试用元宇宙创造一个校园,用虚拟世界去体现真实世界的人和事。课程一方面保证学生掌握操作要点,另一方面启发孩子结合自身经历,自主搭建场景并设计剧情,激发想象力与创造力。让学生不仅仅作为数字世界的使用者,也成为数字世界的创造者。
2022 ✕ Summer
// 互动交流
你觉得元宇宙校园是什么样的呢?你也可以画出它的布局图、设置场景故事,如果你也会使用模型搭建的工具也欢迎建出来与我们分享吧。
点击下方卡片关注公众号