Is it possible for three.js to integrate information from REST APIs?

Currently, I am in the process of learning three.js and have successfully created basic 3D models using hardcoded values. My goal now is to retrieve these values from a database that I have set up in MSSQL Server. These x, y, and z parameters are stored within a table called 'dimensions'. I am wondering if it is possible to establish a connection between three.js and a REST API (built with either SpringBoot or Node.js). This API would be responsible for fetching data from my database and passing it on to my three.js project for real-time rendering of the object.

node.jsreactjsspring-bootrestthree.js

Answer №1

Utilizing three.js isn't a necessity in this situation. A potential approach would be developing your API using Spring or Node, and within your client code (three.js), you could integrate functionalities such as fetch or ajax to interact with the API effectively. Upon receiving a response from the API, you can then proceed to invoke functions that assign the necessary values accordingly.

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

Warning: The parameter type in the Node JS project is not compatible with the argument type

Upon running this code in WebStorm, I encountered a warning: Argument type {where: {email: userData.emil}} is not assignable to parameter type NonNullFindOptions<Model["_attributes"]> Can someone explain this warning to me? This project ...

node.jstypescript

The value returned is undefined when using getStaticProps

Recently, while working on my project with Next.js, I encountered an issue where I was trying to access data but kept getting undefined. Below is the code snippet that I was working with: function Home({books}) { console.log(books) return <div>Home ...

javascriptreactjsnext.js

Activating $(document).ready() with React-router: A Comprehensive Guide

In my current React + React-router setup, my component is importing some jQuery plugins (owl.carousel and magnific popup). To maintain clean code, I would like to store these external features in a separate file. However, the current implementation only w ...

reactjsreact-router

Issue with Redux-form's type prop not functioning as expected with checkbox and radio components

Hey there, I'm new to working with redux forms and I've been trying to figure out how to use input types other than "text". I've read through the documentation but for some reason, types like "checkbox" or "radio" are not showing up in the b ...

javascriptreactjsreduxredux-form

"Exploring the process of saving a Mongoose object using the request body

Attempting to save an object to the database using mongoose express: const data = req.body const product = await Product.create({ ...data }); An error is displayed: TypeError: Cannot read property 'title' of undefined Even though the title ...

node.jsexpressmongoose

Is the validation for the 'prop' property missing in props?

Seeking assistance with react's forwardRef feature. Currently encountering errors related to missing props validation in FadeContents. Is there a way to resolve this issue? It seems like the props need to be defined somewhere in order to be used withi ...

javascriptreactjseslintflowtype

Why isn't the function in my React child component passing its parameters to the parent component's function as expected?

In the parent: const [currentPinPosition, setCurrentPinPosition] = React.useState({ lat: 0 , lng: 0 }); const updateCurrentPinPos = (position) => { console.log(position); setCurrentPinPosition({ lat: position.lat, lng: position.lng }); }; / ...

javascriptreactjsreact-hooksleafletreact-leaflet

Developing and integrating views within a node-webkit desktop application

For my file copier desktop application built with node webkit, I aim to create a seamless flow where the initial check for existing profile data determines the first page displayed. The header with static links/buttons to various views remains consistent ...

javascripthtmlcssnode.jsnode-webkit

Exploring Azure: Obtain a comprehensive list of application settings from a deployed Node.js web application

After successfully deploying a NodeJs app to a Linux Azure AppService, I am now aiming to retrieve the server settings of this particular app-service. By enabling managed Identity for the AppService under the 'Identity' tab, I attempted to achiev ...

javascriptnode.jsazureazure-web-app-serviceazure-identity

Nested Promise.all within another Promise.all appears to terminate prematurely, triggering a warning indicating failure to return from a promise

I am utilizing this function to be invoked within another Promise.all. However, I consistently encounter a warning message: Caution: a promise was generated in a handler but was not returned from it. Additionally, the function deleteFutureAppointments() ap ...

javascriptnode.jspromise

When executing `npm install` within a Docker container, the error message `cb() never called!` may be encountered

My project has a rather small package.json file: { "name": "chilldev-web", "version": "2.1.0-SNAPSHOT", "description": "Client-side build tool for a project.", "license": "UNLICENSED", "private": true, "dependencies": { "in ...

node.jsdockernpmpackage.json

Potential Unresolved Promise Rejection in React Native

When attempting to run the application, I encountered an issue where the server was not working and Node.js displayed an error message. I am unable to determine the cause of this error. Can anyone please assist me in resolving this issue? As a newcomer t ...

node.jsreactjsreact-nativenative

Changes trigger the re-rendering of inputs

My modal is causing all inputs to be re-rendered with every change I make while typing. I have a Formik object set up like this: const formik = useFormik({ enableReinitialize: true, initialValues: { sp_id: data?.id, ...

reactjsnext.jsantdformik

I am looking for a way to showcase buffer data as an image in a React application

Need help with displaying images in a react application? function App() { const [imageData, setImageData] = useState(); useEffect(() => { const fetchData = async () => { const response = await axios.get('http://localhost:8000' ...

node.jsreactjsmongodbfile-uploadmulter

What is the best way to access a database connection throughout an entire node.js application?

In my application's app.js file, I establish a connection to mongodb using the monk module. var express = require('express'); var cookieParser = require('cookie-parser'); var bodyParser = require('body-parser'); var mong ...

javascriptnode.jsmongodbexpressmonk

Incorporating map() with data passed down as props from App.js into child components

I have React version 18.2 and I want the child component in App.js to receive data and utilize the map() function. Although the child component successfully receives the data, it is encountering an issue when trying to use map(). An error message is disp ...

javascriptreactjsreact-hooks

Issue with activating a Modal through a button inside a table row on React

I'm currently working on two files: Modal.js and Users.js. Users.js features a table with an API get query linked to it, and in the last column of the table, there's a dropdown for each row that contains three buttons: View, Edit, and Delete. My ...

javascriptreactjscore-ui

broadcast a video file from a Node.js server to multiple HTML5 clients at the same time

After researching online, I have been looking for a way to simultaneously stream a video.mp4 to multiple html5 clients. Despite reading various tutorials, I haven't found the ideal solution using nodejs. Do you have any suggestions or alternative met ...

javascriptnode.jshtmlvideonpm

Experience the dynamic synergy of React and typescript combined, harnessing

I am currently utilizing ReactJS with TypeScript. I have been attempting to incorporate a CDN script inside one of my components. Both index.html and .tsx component // .tsx file const handleScript = () => { // There seems to be an issue as the pr ...

javascriptreactjstypescript

Whenever I launch my React web application, I consistently encounter a white screen when attempting to access it on my phone

After developing my web app in ReactJS and deploying it to the server, I've noticed that sometimes the screen appears white for the first time after deployment. However, when I reload the page, the app runs normally. I am hosting the backend and front ...

javascriptnode.jsreactjsnginx