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…
We will show how to move 3D cone display scene in two different canvases on the same tab page with VTK WebAssembly project. Let’s define two canvas on the page. One is at the left-top area, the other is at the right-top part. It will change canvas binding with wasm Read more…
Download the file in webAssembly virtual memory. Initialize wasm module object asynchronously. Export C++ enum value to JS Use the enum value in javascript code.
We support to get a screen shot for 3D Model Editor now. You can click on the button screen shot on the right part of html page. Then the scene will be saved as an image to your local disk. The tool link: https://www.weiy.city/functions/3D-Model-Editor/
I got the following error information on the web page if I change the id of canvas to be ‘canvas1’. The function USDL2OpenGLRenderWindow::CreateAWindow is similar to vtkSDL2OpenGLRenderWindow::CreateAWindow. We can read VTK and SDL library source code and find these code snippets. File: video\emscripten\SDL_emscriptenvideo.c device->CreateSDLWindow = Emscripten_CreateWindow; static int Emscripten_CreateWindow(_THIS, SDL_Window Read more…