munrocket

Emscripten as a linker for Zig and C

This shows how to build a nontrivial program using Zig+Emscripten or C+Emscripten. In both cases Emscripten is only used as a linker, that is the frontend is either zig or clang.

"Nontrivial" here means the program uses interesting Emscripten features:

Asyncify
Full GLES3 support
GLFW3 support

In PIX, Select Target Process => Launch Win32 and set the following 2 entries according to where Canary / Chrome is installed:

Path to executable: "C:\Users\alexis\AppData\Local\Google\Chrome SxS\Application\chrome.exe"
Working directory: "C:\Users\alexis\AppData\Local\Google\Chrome SxS\Application"
Command line arguments: --disable-gpu-sandbox --disable-direct-composition
- You can add those arguments if you want to be able to see the disassembled shader code: --enable-dawn-features=emit_hlsl_debug_symbols,disable_symbol_renaming
Launch Suspended unchecked, Launch for GPU capture and Force D3D11On12 checked

Then click on "Launch".

Important: you should close all your Canary / Chrome windows/processes before clicking on the "Launch" button!

A look into threejs editor

My notes while reading the source code from threejs Editor app, as I've been curious about :

the editor architecture
the undo/redo system
the camera control behaviour & code
the object transform gizmos behaviours & code

GPU Optimization for GameDev

Graphics Pipeline / GPU Architecture Overview

2011 - A trip through the Graphics Pipeline 2011
2015 - Life of a triangle - NVIDIA's logical pipeline
2015 - Render Hell 2.0
2016 - How bad are small triangles on GPU and why?
2017 - GPU Performance for Game Artists
2019 - Understanding the anatomy of GPUs using Pokémon
2020 - GPU ARCHITECTURE RESOURCES

Photogrammetry software

This is the open source solution that I have used for the Giampilieri project. The interface is less than ideal, saving projects is confusing, it's fairly slow to process and needs CUDA for high density mesh calculations.

https://colmap.github.io/

Also open source kit, but seems to be a collection of libraries for real time pipelines.

https://alicevision.github.io/

	#import <Cocoa/Cocoa.h>
	#import <QuartzCore/CAMetalLayer.h>
	#import <Metal/Metal.h>

	#include <cstdlib>
	#include <iostream>
	#include <webgpu/webgpu.h>

	// Custom delegate class to handle window close events
	@interface WindowDelegate : NSObject <NSWindowDelegate>

	1) Clone and build WebKit

	git clone https://github.com/WebKit/WebKit.git WebKit
	cd WebKit
	Tools/Scripts/build-webkit -cmakeargs="-DENABLE_WEBGPU_BY_DEFAULT=1" --debug


	2) Run your app

	__XPC_METAL_CAPTURE_ENABLED=1 Tools/Scripts/run-minibrowser --debug --url http://localhost:5000/index.html#/loaders/gsplat

	import * as THREE from "three"

	// credits for the box-projecting shader code go to codercat (https://codercat.tk)

	const worldposReplace = /* glsl */`
	#if defined( USE_ENVMAP ) \|\| defined( DISTANCE ) \|\| defined ( USE_SHADOWMAP )
	vec4 worldPosition = modelMatrix * vec4( transformed, 1.0 );

	#ifdef BOX_PROJECTED_ENV_MAP
	vWorldPosition = worldPosition.xyz;

	//Tested on Chrome Canary Version 94.0.4598.0, macOS 11.5

	const canvas = document.createElement("canvas");
	canvas.width = 512;
	canvas.height = 512;
	document.body.appendChild(canvas);

	const clearColor = {
	r: Math.random(),
	g: Math.random(),

	{
	"name": "typescript-setup",
	"version": "1.0.0",
	"description": "",
	"main": "index.js",
	"scripts": {
	"compile": "tsc",
	"test": "node -r esm ./spec.js",
	"dev": "npm run compile -- -w"
	},