KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #ai-agent #developer-tools #codex #typescript #cli #deepseek-harness #claude-code #ai-agents #mcp #rust

3D-sofa-configurator

★ 30 Open GitHub ↗

:muscle: design 3d sofa, calculate total price at e-commerce site for sofa seller

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 3D Sofa Configurator for E-Commerse
 ![Positioning Example](https://raw.githubusercontent.com/CodeHole7/3D-sofa-configurator/master/screenshots/9.png)
  ![Positioning Example](https://raw.githubusercontent.com/CodeHole7/3D-sofa-configurator/master/screenshots/8.png)
## Project Folder Structure

### models 
Contains all sofa elements
### textures
Contains all texture data(leathers, sprites)
## Model preparation
All models are 3DS format.
### Positioning
All models should be located in x : 0 and y : 0

![Positioning Example](https://raw.githubusercontent.com/CodeHole7/3D-sofa-configurator/master/screenshots/1.png)

### Rotation

The backchair should be located from right

![Rotation Example](https://raw.githubusercontent.com/CodeHole7/3D-sofa-configurator/master/screenshots/2.png)

![Rotation Example](https://raw.githubusercontent.com/CodeHole7/3D-sofa-configurator/master/screenshots/3.png)

![Rotation Example](https://raw.githubusercontent.com/CodeHole7/3D-sofa-configurator/master/screenshots/4.png)

### UV Info

![UV layout](https://raw.githubusercontent.com/CodeHole7/3D-sofa-configurator/master/screenshots/5.png)

All UV information should be prepared like above image

## Dividing material groups

Before export to 3DS file, all objects should be named with special prefixes

For example,

The objects which should be colored with primary color, will be named with prefix : **"CG-1".**

Otherwise the objects which should be colored with secondary color, will be named with prefix : **"CG-2"**.

The object which should have glass or metal materials, will be named with prefixes : **"glass"** and **"metal"**

![Material Group](https://raw.githubusercontent.com/CodeHole7/3D-sofa-configurator/master/screenshots/6.png)

As you can see from above box, the cylinder is pillar and should have metal material.

So that it has **"metal-"** as a prefix in it's name.

## Representation of expanding information

All sofa element may have expanding availabilities to every direction.

So that availabilities should be represented in javascript

That info are below

combineInfo : {
        backChair   : ['top'], //back chair position
        leftTop     : [false,false],
        rightTop    : [false,true],
        rightBottom : [true,false],
        leftBottom  : [false,false]
   	}

The explanations of this structure are below.

![Expanding](https://raw.githubusercontent.com/CodeHole7/3D-sofa-configurator/master/screenshots/7.png)

And these information will be used to create add ( + ) sprites for every sofa elements

## Code Analysis

### The representation of sofa information

{

name 			: "LV8005",        //category
        thumbImage 			: 'images/jori-glove-pure-2018.jpg', //thumb image url for this category
        description			: "Cuno Frommherz",  //description
        components 			: [
        //real sofa element
	    {
                name 		: "LV8005 1",
                thumbImage 		: "LV8005-1.jpg", //thumb image url for this item
                data 		: "LV8005-1.3DS", //indicate model file url
		    //expanding information
                combineInfo : {
                    backChair   	: ['top'],
                    leftTop     	: [false,false],
                    rightTop    	: [false,true],
                    rightBottom 	: [true,false],
                    leftBottom  	: [false,false]
                }
            },
            {
                name 		: "LV8005 3",
                thumbImage 		: "LV8005-3.jpg",
                data 		: "LV8005-3.3DS",
                combineInfo : {
                    backChair   	: ['top'],
                    leftTop     	: [true,false],
                    rightTop    	: [false,true],
                    rightBottom 	: [true,false],
                    leftBottom  	: [false,true]
                }
            },
            ................................................................
            {
                name : "LV8005 B6",
                thumbImage : "LV8005-B6.jpg",
                data : "LV8005-B6.3DS"
            },
        ]
    },

### The Representation of color information.

lstColor = [
	    {
	        category : "bonded", //leather type
	        list : [
	            "9d4f0d", //color value(rgb hex)
	            "706166",
	            "3c1a1b",
	            "5d270b"
	        ]
	    },
	    {
	        category : "genuine",
	        list : [
	            "414352",
	            "6b7380"
	        ]
	    },
	    {
	        category : "italian",
	        list : [
	             "5e602e",
	             "412d24",
	        ]	    
	    }
	]

## The variable which contains all sofa information

SofaConfigurator -> lstElement;

**Structure**

{
        name : object.name, //unique name for this object
        model : object //3ds models with sprites etc.
  	}

3D-sofa-configurator

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README