a878d1f39c
- -m option now works with "directory_*.png" or just "*.png" - "color" replaced by "albedo" to mach other places in the source tree - fixed warnings - clear the background when IBL is not used
246 lines
10 KiB
CMake
246 lines
10 KiB
CMake
cmake_minimum_required(VERSION 3.19)
|
|
project(websamples)
|
|
|
|
if (FILAMENT_SKIP_SAMPLES)
|
|
return()
|
|
endif()
|
|
|
|
set(SERVER_DIR ${PROJECT_BINARY_DIR})
|
|
set(ROOT_DIR ${CMAKE_CURRENT_SOURCE_DIR}/../..)
|
|
|
|
if (CMAKE_CROSSCOMPILING)
|
|
include(${IMPORT_EXECUTABLES})
|
|
endif()
|
|
|
|
# ==================================================================================================
|
|
# Build Materials.
|
|
# ==================================================================================================
|
|
|
|
set(MATERIAL_NAMES
|
|
parquet
|
|
sandbox
|
|
textured
|
|
nonlit)
|
|
|
|
set(MATC_FLAGS -a opengl -p mobile)
|
|
if (NOT CMAKE_BUILD_TYPE MATCHES Release)
|
|
set(MATC_FLAGS -g ${MATC_FLAGS})
|
|
endif()
|
|
|
|
set(MATERIAL_BINS)
|
|
foreach (NAME ${MATERIAL_NAMES})
|
|
set(mat_src "materials/${NAME}.mat")
|
|
get_filename_component(localname "${mat_src}" NAME_WE)
|
|
get_filename_component(fullname "${mat_src}" ABSOLUTE)
|
|
set(output_bin "${SERVER_DIR}/${localname}.filamat")
|
|
add_custom_command(
|
|
OUTPUT ${output_bin}
|
|
COMMAND matc ${MATC_FLAGS} -o ${output_bin} ${fullname}
|
|
MAIN_DEPENDENCY ${mat_src}
|
|
DEPENDS matc
|
|
COMMENT "Compiling material ${mat_src} to ${output_path}")
|
|
list(APPEND MATERIAL_BINS ${output_bin})
|
|
endforeach()
|
|
|
|
add_custom_target(sample_materials DEPENDS ${MATERIAL_BINS})
|
|
|
|
# ==================================================================================================
|
|
# Build Assets.
|
|
# ==================================================================================================
|
|
|
|
# Generate mipmapped KTX files from various PNG files using mipgen.
|
|
function(add_ktxfiles SOURCE TARGET EXTRA_ARGS)
|
|
set(source_path "${ROOT_DIR}/${SOURCE}")
|
|
set(target_path "${SERVER_DIR}/${TARGET}")
|
|
set(target_textures ${target_textures} ${target_path} PARENT_SCOPE)
|
|
add_custom_command(
|
|
OUTPUT ${target_path}
|
|
COMMAND mipgen --quiet --strip-alpha ${EXTRA_ARGS} ${source_path} ${target_path}
|
|
MAIN_DEPENDENCY ${source_path}
|
|
DEPENDS mipgen)
|
|
endfunction()
|
|
|
|
# Raw resource files can simply be copied into the server folder.
|
|
function(add_rawfile SOURCE TARGET)
|
|
set(source_path "${ROOT_DIR}/${SOURCE}")
|
|
set(target_path "${SERVER_DIR}/${TARGET}")
|
|
set(target_textures ${target_textures} ${target_path} PARENT_SCOPE)
|
|
add_custom_command(
|
|
OUTPUT ${target_path}
|
|
COMMAND ${CMAKE_COMMAND} -E copy ${source_path} ${target_path}
|
|
MAIN_DEPENDENCY ${source_path})
|
|
endfunction()
|
|
|
|
add_ktxfiles("assets/models/monkey/color.png" "albedo.ktx2" "--compression=uastc")
|
|
add_ktxfiles("assets/models/monkey/normal.png" "normal.ktx2" "--compression=uastc_normals;--kernel=NORMALS;--linear")
|
|
add_ktxfiles("assets/models/monkey/roughness.png" "roughness.ktx2" "--compression=uastc;--grayscale;--linear")
|
|
add_ktxfiles("assets/models/monkey/metallic.png" "metallic.ktx2" "--compression=uastc;--grayscale;--linear")
|
|
add_ktxfiles("assets/models/monkey/ao.png" "ao.ktx2" "--compression=uastc;--grayscale;--linear")
|
|
|
|
add_rawfile("third_party/models/FlightHelmet/FlightHelmet_baseColor.png" "FlightHelmet_baseColor.png")
|
|
add_rawfile("third_party/models/FlightHelmet/FlightHelmet_baseColor1.png" "FlightHelmet_baseColor1.png")
|
|
add_rawfile("third_party/models/FlightHelmet/FlightHelmet_baseColor2.png" "FlightHelmet_baseColor2.png")
|
|
add_rawfile("third_party/models/FlightHelmet/FlightHelmet_baseColor3.png" "FlightHelmet_baseColor3.png")
|
|
add_rawfile("third_party/models/FlightHelmet/FlightHelmet_baseColor4.png" "FlightHelmet_baseColor4.png")
|
|
add_rawfile("third_party/models/FlightHelmet/FlightHelmet_normal.png" "FlightHelmet_normal.png")
|
|
add_rawfile("third_party/models/FlightHelmet/FlightHelmet_normal1.png" "FlightHelmet_normal1.png")
|
|
add_rawfile("third_party/models/FlightHelmet/FlightHelmet_normal2.png" "FlightHelmet_normal2.png")
|
|
add_rawfile("third_party/models/FlightHelmet/FlightHelmet_normal3.png" "FlightHelmet_normal3.png")
|
|
add_rawfile("third_party/models/FlightHelmet/FlightHelmet_normal4.png" "FlightHelmet_normal4.png")
|
|
add_rawfile("third_party/models/FlightHelmet/FlightHelmet_occlusionRoughnessMetallic.png" "FlightHelmet_occlusionRoughnessMetallic.png")
|
|
add_rawfile("third_party/models/FlightHelmet/FlightHelmet_occlusionRoughnessMetallic1.png" "FlightHelmet_occlusionRoughnessMetallic1.png")
|
|
add_rawfile("third_party/models/FlightHelmet/FlightHelmet_occlusionRoughnessMetallic2.png" "FlightHelmet_occlusionRoughnessMetallic2.png")
|
|
add_rawfile("third_party/models/FlightHelmet/FlightHelmet_occlusionRoughnessMetallic3.png" "FlightHelmet_occlusionRoughnessMetallic3.png")
|
|
add_rawfile("third_party/models/FlightHelmet/FlightHelmet_occlusionRoughnessMetallic4.png" "FlightHelmet_occlusionRoughnessMetallic4.png")
|
|
add_rawfile("third_party/models/FlightHelmet/FlightHelmet.bin" "FlightHelmet.bin")
|
|
add_rawfile("third_party/models/FlightHelmet/FlightHelmet.gltf" "FlightHelmet.gltf")
|
|
|
|
add_rawfile("third_party/models/AnimatedTriangle/simpleTriangle.bin" "simpleTriangle.bin")
|
|
add_rawfile("third_party/models/AnimatedTriangle/animation.bin" "animation.bin")
|
|
add_rawfile("third_party/models/AnimatedTriangle/AnimatedTriangle.gltf" "AnimatedTriangle.gltf")
|
|
|
|
add_rawfile("third_party/models/AnimatedMorphCube/AnimatedMorphCube.glb" "AnimatedMorphCube.glb")
|
|
|
|
# Convert OBJ files into filamesh files.
|
|
function(add_mesh SOURCE TARGET)
|
|
set(source_mesh "${ROOT_DIR}/${SOURCE}")
|
|
set(target_mesh "${SERVER_DIR}/${TARGET}")
|
|
set(target_meshes ${target_meshes} ${target_mesh} PARENT_SCOPE)
|
|
add_custom_command(
|
|
OUTPUT ${target_mesh}
|
|
COMMAND filamesh --compress ${source_mesh} ${target_mesh}
|
|
MAIN_DEPENDENCY ${source_mesh}
|
|
DEPENDS filamesh)
|
|
endfunction()
|
|
|
|
add_mesh("assets/models/monkey/monkey.obj" "suzanne.filamesh")
|
|
add_mesh("third_party/models/shader_ball/shader_ball.obj" "shader_ball.filamesh")
|
|
|
|
# Generate IBL and skybox images using cmgen.
|
|
set(CMGEN_ARGS --quiet --format=ktx --size=256 --extract-blur=0.1)
|
|
set(CMGEN_ARGS_TINY --quiet --format=ktx --size=64 --extract-blur=0.1)
|
|
function(add_envmap SOURCE TARGET)
|
|
set(source_envmap "${ROOT_DIR}/${SOURCE}")
|
|
|
|
file(MAKE_DIRECTORY "${SERVER_DIR}/${TARGET}")
|
|
|
|
set(target_skybox "${SERVER_DIR}/${TARGET}/${TARGET}_skybox.ktx")
|
|
set(target_envmap "${SERVER_DIR}/${TARGET}/${TARGET}_ibl.ktx")
|
|
|
|
set(target_skybox_tiny "${SERVER_DIR}/${TARGET}/${TARGET}_skybox_tiny.ktx")
|
|
|
|
set(target_skyboxes ${target_skyboxes} ${target_skybox} ${target_skybox_tiny} PARENT_SCOPE)
|
|
|
|
set(target_envmaps ${target_envmaps} ${target_envmap} PARENT_SCOPE)
|
|
|
|
add_custom_command(OUTPUT ${target_skybox} ${target_skybox_tiny} ${target_envmap}
|
|
|
|
# Create a low-resolution skybox.
|
|
COMMAND cmgen -x ${TARGET} ${CMGEN_ARGS_TINY} ${source_envmap}
|
|
COMMAND ${CMAKE_COMMAND} -E rename ${target_skybox} ${target_skybox_tiny}
|
|
|
|
# Create KTX files for the full-size envmap.
|
|
COMMAND cmgen -x ${TARGET} ${CMGEN_ARGS} ${source_envmap}
|
|
|
|
MAIN_DEPENDENCY ${source_envmap}
|
|
DEPENDS cmgen)
|
|
endfunction()
|
|
|
|
# The pillars envmap is used only when building new HTML for the tutorials.
|
|
# add_envmap("third_party/environments/pillars_2k.hdr" "pillars_2k")
|
|
|
|
add_envmap("third_party/environments/lightroom_14b.hdr" "default_env")
|
|
|
|
add_custom_target(sample_assets DEPENDS
|
|
${target_textures}
|
|
${target_meshes}
|
|
${target_envmaps}
|
|
${target_skyboxes})
|
|
|
|
# ==================================================================================================
|
|
# Copy filament.{js,wasm} into the server folder.
|
|
# ==================================================================================================
|
|
|
|
add_custom_command(
|
|
OUTPUT ${SERVER_DIR}/filament.js
|
|
DEPENDS filament-js
|
|
COMMAND ${CMAKE_COMMAND} -E copy ${PROJECT_BINARY_DIR}/../filament-js/filament.js ${SERVER_DIR})
|
|
|
|
add_custom_command(
|
|
OUTPUT ${SERVER_DIR}/filament.wasm
|
|
DEPENDS filament-js
|
|
COMMAND ${CMAKE_COMMAND} -E copy ${PROJECT_BINARY_DIR}/../filament-js/filament.wasm ${SERVER_DIR})
|
|
|
|
add_custom_command(
|
|
OUTPUT ${SERVER_DIR}/filament-viewer.js
|
|
DEPENDS ${PROJECT_BINARY_DIR}/../filament-js/filament-viewer.js
|
|
COMMAND ${CMAKE_COMMAND} -E copy ${PROJECT_BINARY_DIR}/../filament-js/filament-viewer.js ${SERVER_DIR})
|
|
|
|
add_custom_target(filamentjs_public DEPENDS
|
|
${SERVER_DIR}/filament.js
|
|
${SERVER_DIR}/filament.wasm
|
|
${SERVER_DIR}/filament-viewer.js)
|
|
|
|
if (WEBGL_PTHREADS)
|
|
add_custom_command(
|
|
OUTPUT ${SERVER_DIR}/filament.worker.js
|
|
DEPENDS filament-js
|
|
COMMAND ${CMAKE_COMMAND} -E copy ${PROJECT_BINARY_DIR}/../filament-js/filament.worker.js ${SERVER_DIR})
|
|
|
|
add_dependencies(filamentjs_public ${SERVER_DIR}/filament.worker.js)
|
|
endif()
|
|
|
|
# ==================================================================================================
|
|
# The websamples target depends on all HTML files, assets, and filament.{js,wasm}
|
|
# ==================================================================================================
|
|
|
|
set(HTML_FILES
|
|
animation.html
|
|
helmet.html
|
|
morphing.html
|
|
parquet.html
|
|
remote.html
|
|
skinning.html
|
|
suzanne.html
|
|
test-filament-viewer.html
|
|
triangle.html)
|
|
|
|
set(ASSET_FILES
|
|
assets/favicon.png)
|
|
|
|
set(DEMO_ASSETS)
|
|
foreach (NAME ${HTML_FILES} ${ASSET_FILES})
|
|
add_custom_command(
|
|
OUTPUT ${SERVER_DIR}/${NAME}
|
|
COMMAND ${CMAKE_COMMAND} -E copy ${CMAKE_CURRENT_SOURCE_DIR}/${NAME} ${SERVER_DIR}
|
|
MAIN_DEPENDENCY ${CMAKE_CURRENT_SOURCE_DIR}/${NAME})
|
|
list(APPEND DEMO_ASSETS ${SERVER_DIR}/${NAME})
|
|
endforeach()
|
|
|
|
set(TEXTURE_FILES floor_ao_roughness_metallic.png floor_basecolor.jpg floor_normal.png)
|
|
foreach (NAME ${TEXTURE_FILES})
|
|
add_custom_command(
|
|
OUTPUT ${SERVER_DIR}/${NAME}
|
|
COMMAND ${CMAKE_COMMAND} -E copy ${CMAKE_CURRENT_SOURCE_DIR}/textures/${NAME} ${SERVER_DIR}
|
|
MAIN_DEPENDENCY ${CMAKE_CURRENT_SOURCE_DIR}/textures/${NAME})
|
|
list(APPEND DEMO_ASSETS ${SERVER_DIR}/${NAME})
|
|
endforeach()
|
|
|
|
add_custom_command(
|
|
OUTPUT ${SERVER_DIR}/gl-matrix-min.js
|
|
COMMAND ${CMAKE_COMMAND} -E copy ${CMAKE_CURRENT_SOURCE_DIR}/../../third_party/gl-matrix/gl-matrix-min.js ${SERVER_DIR}/gl-matrix-min.js
|
|
MAIN_DEPENDENCY ${CMAKE_CURRENT_SOURCE_DIR}/../../third_party/gl-matrix/gl-matrix-min.js)
|
|
list(APPEND DEMO_ASSETS ${SERVER_DIR}/gl-matrix-min.js)
|
|
|
|
add_custom_command(
|
|
OUTPUT ${SERVER_DIR}/gltumble.min.js
|
|
COMMAND ${CMAKE_COMMAND} -E copy ${CMAKE_CURRENT_SOURCE_DIR}/../../third_party/gltumble/gltumble.min.js ${SERVER_DIR}/gltumble.min.js
|
|
MAIN_DEPENDENCY ${CMAKE_CURRENT_SOURCE_DIR}/../../third_party/gltumble/gltumble.min.js)
|
|
list(APPEND DEMO_ASSETS ${SERVER_DIR}/gltumble.min.js)
|
|
|
|
add_custom_target(${PROJECT_NAME} ALL DEPENDS
|
|
${DEMO_ASSETS}
|
|
sample_materials
|
|
sample_assets
|
|
filamentjs_public)
|