Design a four-room apartment layout using three.js technology

Question

Design a four-room apartment layout using three.js technology

My goal is to design a model of an apartment with four rooms.

https://i.sstatic.net/3gPpG.jpg

To achieve this, I have created a transparent cube to represent one room, but now I am facing challenges in adding the other three sections.

https://i.sstatic.net/O9kwk.png

I am utilizing the three.js framework for this project.

// geometry
        var geometry = new THREE.BoxGeometry( 20, 10, 20 );

        // material
        var material2 = new THREE.MeshPhongMaterial( {
            color: 0xffffff, 
            transparent: false,
            side: THREE.BackSide
        } );

        // mesh
        mesh = new THREE.Mesh( geometry, material2 );
        scene.add( mesh );

javascript three.js 3d

Answer 1

Answer №1

let geometry = new THREE.BoxGeometry( 20, 10, 20 );
// material
let material = new THREE.MeshPhongMaterial( {
    color: 0xffffff, 
    transparent: false,
    side: THREE.BackSide
} );

// Creating Mesh
for(let y=0;y<1;y++)
for(let x=0;x<1;x++){
    mesh = new THREE.Mesh( geometry, material );
    mesh.position.set(x*20,0,y*20);
    scene.add( mesh );
}

Make sure to take a look at this cool project too:

Answer 2

let geometry = new THREE.BoxGeometry( 20, 10, 20 );
// material
let material = new THREE.MeshPhongMaterial( {
    color: 0xffffff, 
    transparent: false,
    side: THREE.BackSide
} );

// Creating Mesh
for(let y=0;y<1;y++)
for(let x=0;x<1;x++){
    mesh = new THREE.Mesh( geometry, material );
    mesh.position.set(x*20,0,y*20);
    scene.add( mesh );
}

Make sure to take a look at this cool project too:

Design a four-room apartment layout using three.js technology

Answer №1

Similar questions

Issue with Accessing Subdomain Cookies on Express Backend Using CORS and Cookie-Parser

Error message "Unable to access property 'rotation' of an object that does not exist - Three.js"

Step-by-step guide on adding data to an arraylist using JavaScript

Transferring PHP and JavaScript variables via AJAX to PHP page and storing in MySQL database table

Navigating to JSON input in Express correctly

How to use the filter() method to filter an array of objects based on a nested array within each object

To resolve the issue in Node, address the following error message: "User validation failed: username: Path `username` is required. Password: Path `password` is required."

"Interactive bootstrap tabs nested within a dropdown menu that automatically close upon being clicked

JSON with a null character

A blank page is appearing mysteriously, free of any errors

Using AngularJS and D3 to create a custom directive that allows for multiple instances of D3 loading within Angular applications

Is it possible in Angular JS to only load a service in the specific JS file where it is needed, rather than in the app.js file

Experiencing difficulties when integrating the pdf-viewer-reactjs module within Next.js framework

Terminate child process with specified user ID using the Forever-monitor

When I attempt to connect to my local MongoDB database, including a specific port in the URI is preventing the connection from being

Pre-requisites verification in TypeScript

Jade not binding correctly with Angular.ErrorMessage: Angular bindings are

Select elements in jQuery using both a specific selector and a negative selector

Is there a method in JavaScript to access the object to which a function was originally bound?

Executing a Cron Job several times daily, each and every day