[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-83163":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":15,"stars7d":16,"stars30d":16,"stars90d":15,"forks30d":15,"starsTrendScore":15,"compositeScore":17,"rankGlobal":10,"rankLanguage":10,"license":18,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":21,"hasPages":19,"topics":22,"createdAt":10,"pushedAt":10,"updatedAt":30,"readmeContent":31,"aiSummary":32,"trendingCount":15,"starSnapshotCount":15,"syncStatus":16,"lastSyncTime":33,"discoverSource":34},83163,"three-interior-plane","emirhanyener\u002Fthree-interior-plane","emirhanyener","Interior mapping with shader in Three.js. Color and texture of all surfaces can be individually changed using shader uniform.","",null,"JavaScript",53,7,1,0,2,43.91,"MIT License",false,"main",true,[23,24,25,26,27,28,29],"glsl","glsl-shader","javascript","javascript-project","shader","three","threejs","2026-06-12 04:01:40","# three-interior-plane\nInterior mapping with shader in Three.js. Color and texture of all surfaces can be individually changed using shader uniform.\n\n## Usage\n### Import\n```javascript\nimport ThreeCustomInteriorPlane from \".\u002FThreeCustomInteriorPlane\";\n```\n\n### Create\nCreate a new plane as an Object3D class (ThreeInteriorPlane derivative) and then add it to the scene.\n```javascript\nconst customInteriorPlane = new ThreeInteriorPlane();\nscene.add(customInteriorPlane);\n```\n\n### Setting Parameters\nYou can change any parameter in runtime(color, texture, depth, shadow...).\n```javascript\n\u002F\u002F Set interior depth scale\ncustomInteriorPlane.uniforms.uInteriorDepth.value = 10;\n\n\u002F\u002F Set color parameter\ncustomInteriorPlane.uniforms.uBackWallColor.value = new Color(\"#FF0000\");\n\u002F\u002F or\ncustomInteriorPlane.uniforms.uBackWallColor.value.set(\"#FF0000\");\n\n\u002F\u002F Set face texture parameter(optional)\ncustomInteriorPlane.uniforms.uBackWallTexture.value = texture;\ncustomInteriorPlane.uniforms.uBackWallHasTexture.value = true;\n\n\u002F\u002F Enable\u002FDisable texture visibility(true = texture, false = solid color)\ncustomInteriorPlane.uniforms.uBackWallTextureEnabled.value = true;\n```\n\n## Uniforms\n| Uniform Name              | Description | Type |\n| :------------------------ | :------------- | :------------- |\n| uInteriorRowCount         | Same interior grid row count[1-infinity] | Number |\n| uInteriorColCount         | Same interior grid column count[1-infinity] | Number |\n| uInteriorDepth            | Interior z depth[0-infinite], for long interiors | Number |\n| uShadowIntensity          | Interior shadow power[0-1], greater z value -> stronger shadow | Number |\n| uFrontWallHasTexture      | If any front wall texture uploaded, set value to true.(depended to uFrontWallTexture uniform) | Boolean |\n| uFrontWallTexture         | Front wall texture data | Texture |\n| uFrontWallTextureEnabled  | Front wall texture visibility | Boolean |\n| uBackWallColor            | If any back wall texture not uploaded, then use solid color | Color |\n| uBackWallHasTexture       | If any back wall texture uploaded, set value to true.(depended to uBackWallTexture uniform)  | Boolean |\n| uBackWallTexture          | Back wall texture data  | Texture |\n| uBackWallTextureEnabled   | Back wall texture visibility  | Boolean |\n| uLeftWallColor            | If any left wall texture not uploaded, then use solid color  | Color |\n| uLeftWallHasTexture       | If any left wall texture uploaded, set value to true.(depended to uLeftWallTexture uniform)  | Boolean |\n| uLeftWallTexture          | Left wall texture data  | Texture |\n| uLeftWallTextureEnabled   | Left wall texture visibility  | Boolean |\n| uRightWallColor           | If any back wall texture not uploaded, then use solid color  | Color |\n| uRightWallHasTexture      | If any right wall texture uploaded, set value to true.(depended to uRightWallTexture uniform)  | Boolean |\n| uRightWallTexture         | Right wall texture data  | Texture |\n| uRightWallTextureEnabled  | Right wall texture visibility  | Boolean |\n| uCeilWallColor            | If any ceil wall texture not uploaded, then use solid color  | Color |\n| uCeilWallHasTexture       | If any ceil wall texture uploaded, set value to true.(depended to uCeilWallTexture uniform)  | Boolean |\n| uCeilWallTexture          | Ceil wall texture data  | Texture |\n| uCeilWallTextureEnabled   | Ceil wall texture visibility  | Boolean |\n| uFloorWallColor           | If any floor wall texture not uploaded, then use solid color  | Color |\n| uFloorWallHasTexture      | If any floor wall texture uploaded, set value to true.(depended to uFloorWallTexture uniform)  | Boolean |\n| uFloorWallTexture         | Floor wall texture data  | Texture |\n| uFloorWallTextureEnabled  | Floor wall texture visibility  | Boolean |","该项目使用Three.js和着色器技术实现了室内映射，允许通过着色器uniform单独改变所有表面的颜色和纹理。其核心功能包括动态调整墙面颜色、纹理以及深度等参数，支持实时修改材质属性如阴影强度、纹理可见性等，极大提升了三维场景的灵活性与互动性。适用于需要高度自定义内部环境渲染效果的应用场景，比如虚拟现实、游戏开发或在线室内设计工具中创建逼真的房间模型。","2026-06-11 04:10:20","CREATED_QUERY"]