Is there a way to adjust the pivot point of a cone scale in three.js?

I am trying to resize a cone that is generated using THREE.CylinderGeometry. My goal is to make it longer and have it grow in the direction of the negative z-axis, but I've noticed that currently it's growing in both negative and positive directions.

I suspect this might be due to the scale pivot of the cone being placed inside it. Can anyone provide guidance on how I can adjust the scale pivot of a mesh in threejs?

Answer №1

// Creating a Cylinder
var cylinderMaterial = new THREE.MeshBasicMaterial( { color: 0xff0000 } );
var cylinderWidth = 1;
var cylinderHeight = 5;

// Defining the Cylinder Geometry
var cylGeometry = new THREE.CylinderGeometry(cylinderWidth, cylinderWidth, cylinderHeight, 20, 1, false);

// Translating the Cylinder Geometry
cylGeometry.applyMatrix( new THREE.Matrix4().makeTranslation( 0, cylinderHeight/2, 0 ) );

// Creating the Cylinder Mesh
var cylinderMesh = new THREE.Mesh(cylGeometry, cylinderMaterial);

// Adding the Cylinder to the Scene
scene.add( cylinderMesh );

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

Initial Year Setting for MUI X datepicker

For a project I am working on with my client, they have requested that the datepicker in MUI X default to the year 2023. They would like the datepicker to automatically display the year 2023 with the option for them to change it if needed, as most of the d ...

Why doesn't Select2 function properly in Bootstrap 3 when the tabindex is removed?

There is a bug with Select2 that causes it to malfunction in a Bootstrap 3 modal unless the tabindex element is removed. I have successfully resolved this issue in several modals on my page, but one specific modal still cannot get Select2 to function. Eac ...

The issue arises when the cache code in jQuery Ajax interferes with the callback function, causing it to

I encountered an issue with my code related to cache. The problem arises when there is an ajax call with a callback in the success function. var localCache = { /** * timeout for cache in millis * @type {number} */ timeout: 30000, ...

Incorporating post data into a Partial View

Main objective: My goal is to enable users to click on a specific day on the calendar plugin and have a popup Bootstrap modal display events scheduled for that day. Current Progress: I am currently utilizing a javascript plugin called fullCalendar. With ...

Creating a Page with Python Selenium for JavaScript Rendering

When using Python Splinter Selenium (Chromedriver) to scrape a webpage, I encountered an issue with parsing a table that was created with JavaScript. Despite attempting to parse it with Beautiful Soup, the table does not appear in the parsed data. I am str ...

The mega menu is malfunctioning differently across various browsers and causing issues with responsiveness

I've encountered a strange issue with my portfolio website. While everything works smoothly in Google Chrome, I'm experiencing problems with the mega menu responsiveness on other browsers like Firefox, Microsoft Edge, and Opera Mini. Visit the ...

Confirming User Authentication for Specific Path in MEAN Stack: A Step-by-Step Guide

Currently, I am in the process of learning the MEAN stack. Specifically, I have been working on setting up authentication using various packages such as passport-local, express-session, and passport-mongoose. I am not entirely sure if this is the best appr ...

Leveraging Vue slots to display a component inside another component

I am currently working on creating a base modal component that can be re-used, utilizing slots to insert the modal content. The issue I am facing is that when the modal is triggered by clicking a button, it displays without any content present. How can I e ...

What could be the reason behind the warning message "MaxListenersExceededWarning" in Node.js?

My Express.js backend server setup is pretty straightforward: const app = require("express")(); const dotenv = require("dotenv"); const bodyParser = require("body-parser"); const cookieParser = require("cookie-parser" ...

Javascript: Executing a interval, delay, and another interval

My challenge is to reveal a list of elements one after another using setInterval for 5 seconds. However, I want to introduce a 60-second timeout after the 7th element and then continue the interval without repeating the timeout for every 7th element. Here ...

Tips for implementing a sliding list feature with next and previous buttons:

Currently, I am utilizing a list attribute to display thumbnail images of a YouTube-generated playlist (gdata feed). However, my goal is to enclose the list within a div container and implement next and previous buttons to slide through the playlist images ...

Adjust the size of the plane in Three.js to match the entire view

English is not my strong suit, as I am Japanese. I apologize for any confusion. Currently, my focus is on studying Three.js. I aim to position a Plane directly in front of the camera as the background. My goal is to have the Plane background fill the en ...

To encounter an "undefined" response in the following route of an express application, utilize the next('route') function

const express = require('express') const app = express() app.get('/user/:uid', (req, res, next) => { if (req.params.uid === 'lai9fox') next('route') else next() }, (req, res, next) => { res.send(`<h1& ...

Creating hashbang #! URL patterns for handling REST requests in client-side applications

I'm currently working on a single page application with my own custom router implementation. window.onhashchange = function(event) {... Within the URL structure, I am using hash bangs similar to the following examples: #!/products #!/products/1 #! ...

The contents of the div do not display when the button is pressed except in jsfiddle

I have written a script that triggers the appearance of a div where users can adjust the time settings for a timer. The functionality works perfectly on JSFiddle, with the div displaying as intended. However, when tested on other online IDEs such as Coding ...

If the HTML DOM is unresponsive on the initial click of an element, consider using JavaScript to troubleshoot the issue

I recently encountered an issue while working on a school webpage. I implemented some JavaScript code to show and hide certain elements upon click, but ran into trouble with external CSS properties not being recognized by the script. function grabClassNam ...

Message from Discord: Unable to access the property 'MessageEmbed' because it is undefined

Attempting to create a simple welcome message embed. Here is my main.js file without the login token: const Discord = require('discord.js'); const client = new Discord.Client(); const MessageEmbed = new Discord.MessageEmbed(); const prefix = &ap ...

I can't seem to figure out which of these 4 statements is free of syntax errors

Can you identify which code block does not contain a syntax error? Out of the 4 options below, one of them is free from any syntax mistakes. alert("hello "+3+" times); alert("hello "+3 times); alert("hello +3+ times"); alert("hel ...

Extracting a specific variable value from a response by sending a request with CURL command and manipulating the data using JavaScript

Here is my Curl request: curl -u "YOUR_USERNAME:YOUR_ACCESS_KEY" \ -X GET "https://api-cloud.browserstack.com/app-automate/sessions/22dbfb187486090d974a11ac91t65722988e0705.json" This is the Response I received: { "automati ...

Make the checkbox font-weight bold when it is checked

Attempting to apply custom CSS to enhance the appearance of checkboxes using input and label elements. The goal is to make the font-weight bold when a user clicks on the checkbox, and then revert it back to regular if clicked again. Currently stuck on this ...