This page demonstrates solving the 2D heat conduction fin problem using FEAScript in a web worker for improved browser responsiveness. For the mathematical formulation and theory, see the basic tutorial.
⚠️ Important: Due to security restrictions, this example requires launching the browser with reduced security settings, e.g.:
start chrome --disable-web-security --user-data-dir="C:\tmp\chrome-cors" --disable-site-isolation-trials
These flags temporarily disable CORS restrictions that normally block a web worker from loading scripts or data when running from local files. For production applications, proper CORS headers should be configured on your server.
The code below shows how to use FEAScript with a web worker. The solution is plotted as a 2D contour.
<body> <!-- ...body region... --> <script type="module"> // Import FEAScript library import { FEAScriptWorker, plotSolution, printVersion } from "https://core.feascript.com/src/index.js"; window.addEventListener("DOMContentLoaded", async () => { // Print FEAScript version in the console printVersion(); // Create a new FEAScriptWorker instance const model = new FEAScriptWorker(); // Ensure the worker is ready await model.ping(); // Configure model await model.setSolverConfig("solidHeatTransferScript"); await model.setMeshConfig({ meshDimension: "2D", elementOrder: "quadratic", numElementsX: 8, numElementsY: 4, maxX: 4, maxY: 2, }); // Apply boundary conditions await model.addBoundaryCondition("0", ["constantTemp", 200]); await model.addBoundaryCondition("1", ["symmetry"]); await model.addBoundaryCondition("2", ["convection", 1, 20]); await model.addBoundaryCondition("3", ["constantTemp", 200]); // Solve await model.setSolverMethod("lusolve"); const { solutionVector, nodesCoordinates } = await model.solve(); // Plot results plotSolution( solutionVector, nodesCoordinates, "solidHeatTransferScript", "2D", "contour", "resultsCanvas" ); // Terminate the worker model.terminate(); }); </script> <!-- ...rest of body region... --> </body>
Below is the 2D contour plot of the computed temperature distribution. This plot is generated in real time using FEAScript.