Three.js utilizes over 4 morph normals for each material

function createCustomMaterial(path)
{
var customMaterial = new THREE.MeshLambertMaterial(  { map: THREE.ImageUtils.loadTexture( path )} );
return customMaterial;
}

Is it possible to add multiple normal maps to a material in Three.js?

Answer №1

const textures = [
    new THREE.MeshLambertMaterial({map: ..)}),
    new THREE.MeshLambertMaterial({map: ..)}),
    new THREE.MeshLambertMaterial({map: ..)}),
    new THREE.MeshLambertMaterial({map: ..)}),
    new THREE.MeshLambertMaterial({map: ..)})
    //..
];

const object = new THREE.Mesh(
    new THREE.BoxGeometry( 562, 562, 562, 1, 1, 1 ),
    new THREE.MeshFaceMaterial( textures ) );
scene.add( object );

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Sharing methods between controllers in AngularJS

After coming across this insightful article on Angular validation, I decided to implement it in my project. The validation is functioning perfectly, but I am struggling to access methods in other controllers upon successful form validation. Despite trying ...

update value asynchronously

My implementation involves a dialog controller: .controller('loadingDialogCtrl', function($scope, $mdDialog, $rootScope, loadingDialog) { $scope.loadingDialog = loadingDialog; }); In another controller, I use the dialog controller and manip ...

Duplicating information within a row

Why am I seeing the same value in all rows of the table? Each row in the table can be clicked to reveal additional information, but every row displays the data from the last clicked row. This issue may be due to saving data in the same object. Unfortunatel ...

A lateral sliding motion

Here is the HTML code I am working with: <div class="menuTabs"> <div class="mtabArrowLeft">Left</div> <input class="menutabBTN" name="" type="button" value="a" /> <input class="menutabBTN" name="" type="b ...

Download the ultimate HTML package with a built-in chart.js component directly from your nuxt app

I have a task to create a compact Nuxt application that produces a basic HTML file containing informative sections about the services offered to the clients of my organization. The main purpose is to generate an HTML file that can be easily downloaded and ...

Transform CSS into React.js styling techniques

My current setup involves using Elementor as a REST Api, which is providing me with a collection of strings in React that are formatted like this: selector a { width: 189px; line-height: 29px; } Is there a tool or library available that can conver ...

Switch up image origin when image reaches screen boundary

I am trying to create a DVD screensaver with changing images each time it hits the edge, but I can't seem to get it to work. I've attempted using the code snippet below: var img = document.getElementById("myImage"); img.src = 'img/new-image. ...

Immerse yourself in a 3D interactive drawer experience with Augmented

Looking to create an engaging AR application that incorporates a laser sensor for distance measurements, GPS for location tracking, and compass/gyroscope for precise 6DOF viewfinder movements. Users will have the option to select from various pre-made 3D m ...

Building a TTL based schema in NestJs with MongooseIn this guide, we will explore

In my NestJs(TypeScript) project, I am attempting to create a self-destructing schema using the mangoose and @nestjs/mongoose libraries. Unfortunately, I have been unable to find a clear way to implement this feature. While I know how to do it in an expres ...

Hover Action Failing to Activate

Can someone help me with a simple task? I have a pink box that should turn red when the user hovers over it, but the code doesn't seem to be working. If I can't figure this out, I might lose my job! <html> <head><title></tit ...

How to show an external image in an iOS app using Cordova

I am attempting to display an image from an external location (AWS S3) in an iOS emulator using Ionic/Cordova/Angular. Here is the code snippet I am trying to work with: <img src="https://miyagi-photos.s3.amazonaws.com/madeline-profile"/> Here a ...

javascript functionality may be affected in Internet Explorer and Firefox following the upgrade to jquery version 1.8.3

After upgrading to jquery 1.8.3 from jquery 1.7 (where everything was functioning properly in all browsers), I added a javascript plugin that specifically requires jquery 1.8.2 or 1.8.3 Unfortunately, the image resizing functionality of this javascript is ...

Using properties to generate a header component in TypeScript

I am currently exploring TypeScript and incorporating it into a project for the first time. I'm encountering a challenge as I am not sure what to call this concept, making it difficult to search for solutions. If someone can provide me with the term, ...

Ajax call encounters 404 error but successfully executes upon manual page refresh (F5)

I am encountering a frustrating issue with my javascript portal-like application (built on JPolite) where modules are loaded using the $.ajax jquery call. However, the initial request fails with a 404 error when a user first opens their browser. The app i ...

Tips for inserting a property into an array of objects when it matches the specified ID

As someone new to Angular, I am encountering an issue and would appreciate some help. Here is an array of objects I am working with: signals = [{ 'signalID': '123' },{ 'signalID': '233' },{ 'signalID': &apo ...

Exploring the concept of JSON within node.js

As I work on creating an Alexa skill using node.js, I'm facing a challenge in defining a JSON element. Specifically, I need to gather all the titles from a news API and include them as variables in my code. Although I have successfully logged the titl ...

Utilizing Threejs to implement dynamic text labels

Recently, after reading a discussion on stackoverflow, I decided to incorporate labels into my canvas. To achieve this, I created a second scene and camera to overlay the labels on top of the first scene. this.sceneOrtho = new THREE.Scene();//for labels t ...

Passing a method as a parameter type

As I delve into learning JavaScript from Objective-C, I find myself pondering whether it is possible to have a method with parameter types in Objective-C. Let's take the example of the findIndex() JavaScript function that identifies and returns the in ...

Trigger CSS transformations when a button is clicked

I have a form with a button on the left side and an image on the right side. When the user clicks the button, I want the image to rotate around its Y axis and display another div showing the result. Here is the code snippet: <div class="col-lg-4 co ...

Utilizing map in React JS to simultaneously execute various functions

Currently, I am working on parsing an array in React JS. Here is an example of my array (it can change dynamically): [ "save", "save", "not", "save"] The objective is to create a function that triggers another funct ...