OSChengdu开源组织官网开发

项目概述

OSChengdu官网旨在打造一个沉浸式交互空间，融合创新的视觉风格与科技感。访问者可探索的交互元素，体验像素风格的视觉特效。风格灵感来自HackaSAT

功能模块

版本一

模块	描述
工作室场景	等高推车（成员档案）、量子计算机（Docker终端）、电工桌（博客/专题文章）、魔法传送门（友站链接）
视觉特效	<蜘蛛侠平行宇宙>风格（色散/错位）、赛博朋克灯光（霓虹渐变+Low Poly）
交互功能	3D物品旋转/拖拽、命令行小游戏、声控灯光、实时协作光标等
创意彩蛋	开源燃料罐（贡献排行榜）、故障公告板、兔子洞彩蛋、隐藏Boss等

版本二

模块	描述
场景	一台街机,海报,保险箱,主机, 灯,盆栽,椅子,电池,收音机,两个小街机,小柜子
视觉特效	像素风风格（色彩错位/闪烁）、复古霓虹灯光（橙紫渐变+像素方块 ）
交互	街机模拟终端小游戏(), 两个主机模拟终端(docker), 收音机(关闭背景音乐), 像素风工作台（博客/专题文章）、游戏海报墙（友站链接 ）、保险箱(堆栈溢出彩蛋,能够查看网站的所有文本内容,包括注释),所有的灯(改变整体色调), 所有有功能的交互物品都对应一个前置在原有背景上方的美术页面
彩蛋	彩蛋(兔子洞街机2屏幕出现兔子洞)、神秘隐藏BOSS动画(点击两次街机1)

美术资源需求

SVG

把场景中的物品截取成svg(占空间)和xml(记录位置), 目前已有一步分(使用inkskape截取)

特效渲染-JS

按照视觉特效和交互要求实现, 有时需要一些美术资源