标签: emscripten

我是 WebAssembly 的新手，但我已经使用它和 Emscripten 大约一个月了，并且对最小的构建工具包相当熟悉。

在调试方面，我发现我找不到如何充分利用 Chrome 和 Firefox 环境。

在 Firefox 68.0.1 中，我的 Source Map 文件加载，我可以将它们正确映射到我的 C/C++ 源文件。

但是，我无法看到本地堆栈。我可以看到所有的局部变量，但是当我逐步执行我的 wasm 代码时，当 FF 显示它时，它将事物推送到我看不到的堆栈中，并且手动跟踪它是一种痛苦。

相比之下，Chrome 76 给了我堆栈，让我添加 Source Map 来查看我的 C/C++ 引用，但我无法让它给我任何类型的 wasm 代码来逐步完成，要么是我自己的垃圾文件，要么自己的拆解版。

我从节点 http-server 或 emscripten emrun 加载的所有 wasm 在 DevTools 的“Sources”选项卡中向我展示了我的源代码，但在 localhost 下还有一个标记为“top/（无域）”的节点。我试过加载一个简单的模块但没有成功。

我想弄清楚如何在 FireFox 中查看本地堆栈或让 Chrome 向我展示 wasm 反汇编（最好是两者）。Chrome 似乎为 WebAssembly Studio 这样做，我不知道为什么

我有一个 CMake 项目 (C++)，我想通过 WebAssembly 在 JavaScript 中使用它。为了配置它，我使用emcmake cmake和 来构建它emmake make。当我手动执行此操作时，我可以成功编译部分：

emcc --bind test.cpp

但我想从 的优势中获利emmake。--bind我需要的参数emcc。emmake默认情况下不添加它，这会导致错误：

error: undefined symbol: _embind_register_function (referenced by top-level compiled C/C++ code)

那么，在使用 构建时如何添加它emmake make？我可以将它传递给吗emmake？或者我可以添加一些东西到我的CMakeLists.txt吗？

麦克雷：

CMakeLists.txt:

cmake_minimum_required(VERSION 2.8)
project(MyTest)
add_executable(mytest test.cpp)

test.cpp:

cmake_minimum_required(VERSION 2.8)
project(MyTest)
add_executable(mytest test.cpp)

我想通过 JavaScript 以简单的方式使用 C 源代码（仅使用免费/自由软件）。所以 Emscripten 似乎是一个不错的选择。https://kripken.github.io/emscripten-site/docs/porting/connecting_cpp_and_javascript/Interacting-with-code.html

有一个导出一个函数的例子：

emcc tests/hello_function.cpp -o function.html -s EXPORTED_FUNCTIONS="['_int_sqrt']"

但是有许多函数与在 JavaScript 中使用相关。此外，似乎我将不得不为访问结构成员添加更多内容。从 emscripten 访问结构域

所以，我想知道是否可以在不创建包含所有名称的大数组的情况下导出所有函数（除了 libc 的函数），即使这可能是 JS 大小问题和效率问题。

问候。

如何使用emcmake cmake和传递emscripten命令行选项？

相当新的c ++/CMake,但在谷歌上找不到任何有用的东西.所以也许问题只是愚蠢,在这种情况下我道歉.

我可以使用以下CMakeList.txt文件构建我的项目(非webassembly /普通桌面)

cmake_minimum_required(VERSION 3.7)
project(Engine)

set(CMAKE_CXX_STANDARD 11)
set(CMAKE_MODULE_PATH ${CMAKE_MODULE_PATH} "${PROJECT_SOURCE_DIR}/cmake")
set(CMAKE_INCLUDE_PATH /usr/local/include)
set(SOURCE_FILES main.cpp src/Background.cpp src/Background.h src/Camera.cpp src/Chart.cpp src/Chart.h src/logger.cpp src/Engine.cpp src/Engine.h src/GL.cpp src/GL.h src/Instrument.cpp src/Instrument.h)
set(EMCC_LINKER_FLAGS "-s SAFE_HEAP=1 --bind -s WASM=1 -O3 -o ../index.js -s LEGACY_GL_EMULATION=0  -s GL_UNSAFE_OPTS=0 --pre-js pre-module.js --post-js post-module.js -s ASSERTIONS=1 -s GL_ASSERTIONS=1 -s INVOKE_RUN=0  -std=c++11 -s USE_WEBGL2=1 -s FULL_ES3=1 -s USE_GLFW=3 -s OFFSCREENCANVAS_SUPPORT=1 --preload-file shaders --preload-file extern --use-preload-plugins")
set(CMAKE_REQUIRED_FLAGS "${EMCC_LINKER_FLAGS}")

find_package(OPENGL REQUIRED)
find_package(GLEW REQUIRED)
#find_package(SDL2 REQUIRED)
find_package(glfw3 REQUIRED)
find_package(assimp …

我正在研究要编译为WASM并在浏览器中显示图像的C程序。该程序的重​​点是学习使用EGL进行设置，因此，我对涉及SDL，GLFW等的任何答案都不感兴趣。

此代码可将屏幕清除为蓝色（我省略了错误检查以减小尺寸）：

#include <GLES2/gl2.h>
#include <EGL/egl.h>
#include <EGL/eglext.h>
#include <stdbool.h>
#include <stdio.h>
#include <stdlib.h>
#include <string.h>
#include "emscripten.h"

struct Environment
{
    EGLint majorVersion;
    EGLint minorVersion;

    EGLDisplay display;
    EGLSurface surface;
};

static struct Environment g_env = {};

bool initGL(struct Environment* env)
{
    env->display = eglGetDisplay(EGL_DEFAULT_DISPLAY);

    eglInitialize(env->display, &env->majorVersion, &env->minorVersion);

    EGLint numConfigs = 0;
    EGLint attribList[] = 
    {
        EGL_RED_SIZE, 5,
        EGL_GREEN_SIZE, 6,
        EGL_BLUE_SIZE, 5,
        EGL_DEPTH_SIZE, 1,
        EGL_NONE
    };
    EGLConfig config;
    eglChooseConfig(env->display, attribList, &config, 1, &numConfigs);

    env->surface = eglCreateWindowSurface(env->display, config, 0, NULL);

    static const …