:Vibe Coding for WebXR

  • Skills你的 AI 助手直接会做 XR
  • 托管一个链接发布,任何头显都能打开
  • 社区每个世界都是通往下一个的门
进入 vibeXR 世界 →

世界列表

/
打开大厅 →vibexr.io · PICO · Quest · Vision Pro · Galaxy XR · 电脑上用鼠标和 WASD 预览

值得关注的创作者

你刚刚滑过的那些世界,是他们做的。点开看看他们最近的作品。

用 AI 助手来做

一段话就够了。把它粘贴进任意编程助手:它会读技能、在框架上写出你的世界,交给你之前先自己测一遍。

  1. 第 1 步

    把这段粘贴给你的助手

    在第一行的空白处写上你想要的世界。描述世界本身,不用描述交互:抓取、射线、点按、菜单和透视都是框架自带的。

    我想要:________________________________________
    
    请用 vibeXR 帮我把它做成一个 WebXR 世界,按下面的步骤来,每步做完再做下一步:
    1. 阅读 https://docs.vibexr.io/skill/vibexr/SKILL.md 并严格按里面的流程和规则做(如果你的助手支持可复用的技能或指令文件,也把它保存进去,以后也能用)。
    2. 新建一个文件夹 my-xr-world,下载框架 https://docs.vibexr.io/framework/vibexr.html,在它的基础上写我的世界,存成 my-xr-world/index.html。
    3. 在这个文件夹里启动本地服务器(python3 -m http.server 8000),在电脑浏览器里自测:没有报错、能用鼠标抓取和点按钮。
    4. 告诉我:电脑上打开哪个链接;以及怎么放到头显里玩(给我最简单的办法,比如用 USB 线把本地服务器转发到头显上,或者把文件夹放到任意静态网站托管上得到 https 链接;如果那个链接是公开的要提醒我)。
    5. 如果我要求联机,遵循技能中的游戏内 Online 指引:使用平台房间 SDK 和原生面板,实现玩家与观战状态同步,验证双人、一人观战及重连,不自行使用公共 MQTT 或申请麦克风。
    6. 最后用一两句话说明在头显里怎么操作这个世界。
  2. 第 2 步

    继续跟它说,然后戴上头显

    「方块太大了」「换成蓝色」「加一个重置按钮」。在头显浏览器里打开它给你的链接,按 Enter。

  3. 第 3 步

    在 Studio 发布

    在 studio.vibexr.io 上传这个 HTML 文件。先自动审核,再人工通过,它就有了自己的链接。

通过游戏内 Online 面板邀请好友、对战或观战,跨游戏保留小队语音。技能会指导 Agent 实现游戏同步。目前在 next 环境验证,生产开放受开关控制。