<commit_before>require([
	'goo/renderer/Material',
	'goo/renderer/shaders/ShaderLib',
	'goo/math/Vector3',
	'goo/entities/components/HtmlComponent',
	'goo/shapes/Box',
	'lib/V'
], function (
	Material,
	ShaderLib,
	Vector3,
	HtmlComponent,
	Box,
	V
	) {
	'use strict';

	V.describe('Boxes with different depth functions');

	var goo = V.initGoo();
	var world = goo.world;

	var box = new Box(1, 1, 1);

	// Create background box
	var material = new Material(ShaderLib.simpleColored);
	material.uniforms.color = [0.5, 0.5, 0.5];
	material.renderQueue = 0;
	var backgroundBox = world.createEntity(box, material).addToWorld();
	backgroundBox.setScale(10, 10, 0.1);

	// Create boxes with various depth functions
	function addBox(depthFunc, pos) {
		var material = new Material(ShaderLib.simpleColored);
		material.uniforms.color = [Math.random(), Math.random(), Math.random()];
		material.depthState.write = false;
		material.depthState.depthFunc = depthFunc;

		var htmlElement = document.createElement('p');
		// htmlElement.style.position = 'absolute';
		htmlElement.style['-webkit-user-select'] = 'none';
		htmlElement.style.color = 'white';
		htmlElement.innerHTML = depthFunc;
		document.body.appendChild(htmlElement);
		var htmlComponent = new HtmlComponent(htmlElement);

		var entity = world.createEntity(box, material, pos, htmlComponent).addToWorld();

		var materialWire = new Material(ShaderLib.simpleColored);
		materialWire.depthState.write = false;
		materialWire.depthState.depthFunc = depthFunc;
		materialWire.wireframe = true;
		entity.meshRendererComponent.materials.push(materialWire);
	}

	addBox('Never', [-2, 2, 0]);
	addBox('Always', [0, 2, 0]);
	addBox('Less', [2, 2, 0]);
	addBox('LessEqual', [-2, 0, 0]);
	addBox('Equal', [0, 0, 0]);
	addBox('GreaterEqual', [2, 0, 0]);
	addBox('Greater', [-2, -2, 0]);
	addBox('NotEqual', [0, -2, 0]);

	var camEntity = V.addOrbitCamera(new Vector3(15, Math.PI / 2, 0));

	V.process();
});
<commit_msg>fixed HTML<commit_after>require([
	'goo/renderer/Material',
	'goo/renderer/shaders/ShaderLib',
	'goo/math/Vector3',
	'goo/entities/components/HtmlComponent',
	'goo/entities/systems/HtmlSystem',
	'goo/shapes/Box',
	'lib/V'
], function (
	Material,
	ShaderLib,
	Vector3,
	HtmlComponent,
	HtmlSystem,
	Box,
	V
) {
	'use strict';

	V.describe('Boxes with different depth functions');

	var goo = V.initGoo();
	var world = goo.world;
	world.setSystem(new HtmlSystem(goo.renderer));
	var box = new Box(1, 1, 1);

	// Create background box
	var material = new Material(ShaderLib.simpleColored);
	material.uniforms.color = [0.5, 0.5, 0.5];
	material.renderQueue = 0;
	var backgroundBox = world.createEntity(box, material).addToWorld();
	backgroundBox.setScale(10, 10, 0.1);

	// Create boxes with various depth functions
	function addBox(depthFunc, pos) {
		var material = new Material(ShaderLib.simpleColored);
		material.uniforms.color = [Math.random(), Math.random(), Math.random()];
		material.depthState.write = false;
		material.depthState.depthFunc = depthFunc;

		var htmlElement = document.createElement('p');
		htmlElement.style.position = 'absolute';
		htmlElement.style['-webkit-user-select'] = 'none';
		htmlElement.style.color = 'white';
		htmlElement.style['pointer-events'] = 'none';
		htmlElement.innerHTML = depthFunc;
		document.body.appendChild(htmlElement);
		var htmlComponent = new HtmlComponent(htmlElement);

		var entity = world.createEntity(box, material, pos, htmlComponent).addToWorld();

		var materialWire = new Material(ShaderLib.simpleColored);
		materialWire.depthState.write = false;
		materialWire.depthState.depthFunc = depthFunc;
		materialWire.wireframe = true;
		entity.meshRendererComponent.materials.push(materialWire);
	}

	addBox('Never', [-2, 2, 0]);
	addBox('Always', [0, 2, 0]);
	addBox('Less', [2, 2, 0]);
	addBox('LessEqual', [-2, 0, 0]);
	addBox('Equal', [0, 0, 0]);
	addBox('GreaterEqual', [2, 0, 0]);
	addBox('Greater', [-2, -2, 0]);
	addBox('NotEqual', [0, -2, 0]);

	var camEntity = V.addOrbitCamera(new Vector3(15, Math.PI / 2, 0));

	V.process();
});

{'fraction_non_alphanumeric': 0.1644915045555282, 'fraction_numerical': 0.023147008126077322, 'mean_word_length': 4.869942196531792, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3103251', 'n_tokens_mistral': 1523, 'n_tokens_neox': 1403, 'n_words': 301}