https://github.com/fynv/chromiumhacks

Three.V8 -> Chromium
https://github.com/fynv/chromiumhacks

Last synced: 8 months ago
JSON representation

Three.V8 -> Chromium

• Host: GitHub
• URL: https://github.com/fynv/chromiumhacks
• Owner: fynv
• Created: 2022-05-19T06:57:58.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2022-05-19T07:17:33.000Z (about 4 years ago)
• Last Synced: 2025-07-15T02:30:08.607Z (11 months ago)
• Language: C++
• Size: 15.4 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
This is an attempt to hack [Three.V8](https://github.com/fynv/Three.V8) into [Chromium](https://chromium.googlesource.com/chromium/src/+/main/docs/windows_build_instructions.md)

The project tries to use the same [ANGLE](https://github.com/google/angle) based canvas context that has been used for WebGL2. OpenGL calls are made against the internal GLES2Interface.

After the hack, the generated Chromium should be able to run the code inside the "site" folder:

```html

Test1

	

	async function load_binary(filename)

	{

		let res = await fetch(filename);

		let blob = await res.blob();

		return blob.arrayBuffer();

	}

	

	(async () =>

	{	

		let options = {antialias: true};

		let canvas = document.getElementById("view");

		ThreeContext.currentContext = canvas.getContext("webgl2", options);	

		

		let renderer = new GLRenderer();

		let scene = new Scene();

		

		let camera = new PerspectiveCamera(45.0, canvas.width / canvas.height, 0.1, 100.0);

		camera.setPosition(0.0, 0.0, 7.0);    

		

		let bg = new ColorBackground();

		bg.setColor(0.8, 0.8, 0.4);

		scene.background = bg;

		

		let sphere = new SimpleModel();    

		sphere.createSphere(1.0);    

		

		{

			let buf = await load_binary("assets/textures/uv-test-col.png");

			let image = ImageLoader.loadMemory(buf);

			sphere.setColorTexture(image);			

		}

		

		scene.add(sphere);

		

		function render(now) {

			renderer.render(canvas.width, canvas.height, camera, scene);

			requestAnimationFrame(render);

		}

		requestAnimationFrame(render);

		

	})();

```

![screenshot.png](screenshot.png)

To reproduce the hacks, first check out the chromium source code, then copy the folder "three_native" into src/third_party/blink/renderer/modules

Hacks to the infrastructure can be found in "hacks.diff". The aims of the hacks are:

1. Get the module "three_native" compiled

2. Upgrade the underlying ANGLE context to GLES 3.1