魔女的魔法小木屋 THreeJS 开源

发布时间:2026/11/14 3:50:34
魔女的魔法小木屋 THreeJS 开源 GitHub - YIBI2333/line-art-style-magic-cabin · GitHub魔女的魔法小木屋一个线稿风格的 3D 魔法小屋。页面预览操控一只软软的史莱姆在魔法小屋里生活使用HTML—— 单HTML页面实现Three.js r128—— 场景、相机、几何体与渲染原生 JavaScript—— 单个 HTML 文件、单个 IIFE自定义 GLSL 着色器—— 全局 FILL 材质实现自然光效壁炉炉火、二楼魔法吊灯、9 处室内点光源坩埚魔火、魔法阵、暖桌、水晶球、蜡烛、星象仪等物品随昼夜与天气自然变暗、被光照亮Canvas 动态贴图—— 路牌、便签、黑板、画像等可编辑内容Pointer Lock API—— 第一人称鼠标视角玩法三种视角切换固定 / 第三人称 / 第一人称昼夜循环时刻与时间流速可调七种天气晴、多云、雾、雨、暴雨、雪、暴雪支持随机轮换室内光照可交互壁炉、吊灯可点燃熄灭光源强度随火焰闪烁可编辑内容路牌文字、便签文字、墙上画像的图片链接楼内陈设原木餐桌、暖桌、书架、大魔女坩埚、塔罗牌桌、大床、书桌、星象仪、月光盆栽……操作按键动作WASD / 方向键移动Shift疾跑空格跳跃可以跳上桌椅床凳E交互门窗、壁炉、编辑文字1 / 2空手 / 魔杖鼠标视角第三 / 第一人称Esc退出鼠标锁定右上角 ●菜单移动端虚拟摇杆移动右侧按钮为跳跃 / 交互 / 疾跑 / 施法。运行运行index.html文件开源协议MIT协议内容是关于一个3D魔法小屋的HTML项目包含Three.js、Shader、交互等。摘要要简洁概括。lt;/thinkgt;基于Three.js构建的线框风格3D魔法小屋支持第一/三人称视角与移动端操作内置昼夜循环、七种天气及室内外动态光照可交互壁炉、吊灯与可编辑文字贴图包含史莱姆宠物及丰富家具陈设。内容是关于一个3D魔法小屋的HTML项目包含Three.js、Shader、交互等。摘要要简洁概括。lt;/thinkgt;基于Three.js构建的线框风格3D魔法小屋支持第一/三人称视角与移动端操作内置昼夜循环、七种天气及室内外动态光照可交互壁炉、吊灯与可编辑文字贴图包含史莱姆宠物及丰富家具陈设。内容是关于一个3D魔法小屋的HTML项目包含Three.js、Shader、交互等。摘要要简洁概括。lt;/thinkgt;基于Three.js构建的线框风格3D魔法小屋支持第一/三人称视角与移动端操作内置昼夜循环、七种天气及室内外动态光照可交互壁炉、吊灯与可编辑文字贴图包含史莱姆宠物及丰富家具陈设。

关于本文作者

来自尧图内容编辑团队

尧图内容编辑团队 内容团队

尧图内容编辑团队

本文由尧图网络内容编辑团队执笔。团队由资深项目经理、前端工程师与设计师组成,所有内容均来自亲手交付的真实项目,先讲清问题、再给出可落地的解法。尧图深耕北京网站建设十年,服务过京华建材集团、智造科技等各行业客户,把一线经验沉淀为可复用的行业观察。

  • 十年建站经验,覆盖建材、制造、服务、文创等
  • 项目经理把关选题与事实准确性
  • 工程师与设计师联合撰写专业细节
  • 统一编辑规范,保证文风与排版一致
  • 每月复盘转化数据,迭代选题方向

延伸阅读

相关资讯与近期热门内容

深度阅读推荐

建站决策前值得细读的三篇

网站改版的5个关键决策
2024-08-12

网站改版的5个关键决策

什么时候该改版、改到什么程度、如何避免流量掉光,京华建材集团改版复盘给出答案。

获取专属建站方案

看完文章,把您的行业与预算告诉我们,免费获取一份量身定制的官网建设方案与报价。

立即免费咨询