The post demonstrates the process of configuring the 3D window after switching from the original canvas to another. After clicking on the update button at the bottom-left position on the webpage, we will call Worker::ChangeRenderWindow to handle the scene. index.html: The interface in worker.cpp: The whole project had been uploaded Read more…
The project shows how to call JS function defined in web page by CPP code. Here is files tree for projThe images display the directory tree of the project. The main logic code about our question: worker.cpp index.html The whole project had been uploaded to GItHub: https://github.com/theArcticOcean/tutorials/tree/main/learnWebAssembly/CppWasm The build way Read more…
Here are our files in project: Add a simple C function in lib.c: Get wasm without glue js file Download the wasm file and use the interface in html Result:
My old CPlusPlus project which uses VTK to display 3D scene worked on web page as wasm file. But after upgrading emsdk and compiling the multithreaded version of VTK, I always get the following error on the web page. I test VTK example at vtk/src/Examples/Emscripten/Cxx/Cone from GitHub. But the similar Read more…
We can export a CPlusPlus function in wasm for JS to control the time of invoking vtkRenderWindowInteractor::Start. But after the exported function called, we can’t run the following JS code due to the event loop caused the blockage. Read the code in VTK to find the way to give JS Read more…
Make canvas response to key press event We often create our custom iteractor style object to define our interactive behaviors.Write some debug code in OnKeyPress event.For web page, the element canvas is like Qt’s widget. Set property tabindex for responsing to user key press event. Asynchronous call It’s synchronous for JS code call wasm Read more…
Js code call C interface synchronously, it will wait if the interface is in an infinite loop.Write a function which has an infinite loop. Here is html page Compile C file to wasm and JS file. The web page will be blocked after click on the button to call C Read more…
The test environment is Linux system and C.These interfaces can be used in wasm project to check files in virtual memory.
Set An Image As Render Background std::string bgImgPath = “./resource/bg.png”; vtkNew<vtkPNGReader> imgReader; imgReader->SetFileName(bgImgPath.c_str()); vtkNew<vtkTexture> backgroundTexture; backgroundTexture->SetInputConnection(imgReader->GetOutputPort()); m_Renderer->GradientBackgroundOff(); backgroundTexture->Update(); m_Renderer->SetBackgroundTexture(backgroundTexture); m_Renderer->SetTexturedBackground(true); Save 3D Model Screen Shot With Transparent Background Don’t set textured background for renderer object. Then set alpha bits for renderer window object, read RGBA information from back buffer when Read more…