<commit_before><!DOCTYPE html>
<html lang="en">
	<head>
		<title>three.js webgl - collada</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<style>
			body {
				font-family: Monospace;
				background-color: #000000;
				margin: 0px;
				overflow: hidden;
			}
			a {
				color: #9aa7b8;
			}
			#infocontainer, #container {
				width: 1280px ;
				margin-left: auto ;
				margin-right: auto ;
			}
			#container {
				background-image: url( tex/biblio2.jpg );
				background-repeat: no-repeat;
				background-position: center;

			}
			#i {
				z-index: 200;
                position:absolute;
                top: 860px;	
                margin: 0px 10px;			
			}
            #info {
            	display:none;
                background-color: rgba( 19, 18, 13, .6 );
                color: rgb(220, 215, 204);
                padding: 20px 10px 60px 10px;
                z-index: 100;
                position:absolute;
                top: 720px;
            }
            #info p{
                margin-bottom: 10px;
            }
            #info p:last-child{
                margin-bottom: 0;
            }
            #stats { 
            	right: 0px;
            }
			#guicontainer { 
				position: absolute; 
				top: 2px; 
				left: 2px 
			}

		</style>
	</head>
	<body>
		<div id="guicontainer"></div>
		<div id="infocontainer">
			<div id="i"><img src="tex/i.png"></div>
	        <div id="info">
	            <p>An experiment with cross-hatching.</p>
	            <p>The model is from <a href="http://beeple-crap.com" target="_blank">Beeple</a></p>
				<p>The illustration is from <a href="http://bibliodyssey.blogspot.com" taget="_blank">bibliodyssey.blogspot.com</a></p>
	            <p>Shader by <NAME> <a href="http://www.twitter.com/thespite" target="_blank" >@thespite</a></p>
	        </div>
	    </div>
		<script src="js/libs/three.min.js"></script>
		<script src="js/loaders/ColladaLoader.js"></script>
		<script src="js/libs/dat.gui.min.js"></script>
		<script src="js/libs/Detector.js"></script>
		<script src="js/libs/stats.min.js"></script>

        <script src="js/shaders/materials/CrossHatchMaterial.js"></script>        

        <script src="js/shaders/CopyShader.js"></script>   
        <script src="js/shaders/BrightnessContrastShader.js"></script>   
        <script src="js/shaders/EdgeShader2.js"></script>           
        <script src="js/shaders/MultiplyBlendShader.js"></script>
        <script src="js/shaders/FXAAShader.js"></script>
        <script src="js/postprocessing/EffectComposer.js"></script>
        <script src="js/postprocessing/RenderPass.js"></script>
        <script src="js/postprocessing/MaskPass.js"></script>
        <script src="js/postprocessing/ShaderPass.js"></script>

		<script>

			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();

			var container, stats;
			var camera, scene, renderer, objects;
			var dae;
			var CANVASW = 1280, CANVASH = 905;
			var timer = 0;

			//Apparantly this is important for FXAA 
  			var dpr = (window.devicePixelRatio) ? window.devicePixelRatio : 1;

		   //////////
		   // PARAMETERS FOR SLIIDER

			var slii = {};
		    slii.inputs = {
		        globalSpeed: { type: "number", label: "0. Global Speed", value: 0.2, maxValue: 2, minValue: 0.0 },
		        zoom: { type: "number", label: "1. zoom", value: 12, maxValue: 12, minValue: 0.0 },
            	scanlines: { type: "toggle", label: "2. scanlines", value: 0 },
            	strobe: { type: "toggle", label: "4. Strobe", value: 0 },
            	light: { type: "toggle", label: "5. Light", value: 1 },
            	rotate: { type: "number", label: "6. Rotate", value: 0, minValue: -2, maxValue: 2},
            	glow: { type: "number", label: "7. Glow", value: 0.3, minValue: 0, maxValue: 7}
			}

			// LOAD MESH

			var loader = new THREE.ColladaLoader();
			loader.options.convertUpAxis = true;
			loader.load( './models/dirty_ribbon-standard-textured.dae', function ( collada ) {

				dae = collada.scene;

				dae.traverse( function ( child ) {

					if ( child instanceof THREE.SkinnedMesh ) {

						var animation = new THREE.Animation( child, child.geometry.animation );
						animation.play();

					}

				} );

				dae.scale.x = dae.scale.y = dae.scale.z = 0.017;
				dae.position.x = 1.0;
				dae.position.y = 1.4;
				dae.updateMatrix();

				//

				init();
				animate();

			} );

			// GUI

	        var Settings = function() {
	            this.ambient = 0;
	            this.diffuse = 30;
	            this.specular = 0;
	            this.rim = 0;
	            this.outline = false;
	            this.rotateLight = false;
	            this.rotateModel = false;<commit_msg>Add wait icon<commit_after><!DOCTYPE html>
<html lang="en">
	<head>
		<title>three.js webgl - collada</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<style>
			body {
				font-family: Monospace;
				background-color: #000000;
				margin: 0px;
				overflow: hidden;
			}
			a {
				color: #9aa7b8;
			}
			#infocontainer, #container {
				width: 1280px ;
				margin-left: auto ;
				margin-right: auto ;
			}
			#wait {
		        position: absolute;
		        top: 50%;
		        left: 50%;
		        margin-right: -50%;
		        transform: translate(-50%, -50%);			
			}
			#container {
				background-image: url( tex/biblio2.jpg );
				background-repeat: no-repeat;
				background-position: center;

			}
			#i {
				z-index: 200;
                position:absolute;
                top: 860px;	
                margin: 0px 10px;			
			}
            #info {
            	display:none;
                background-color: rgba( 19, 18, 13, .6 );
                color: rgb(220, 215, 204);
                padding: 20px 10px 60px 10px;
                z-index: 100;
                position:absolute;
                top: 720px;
            }
            #info p{
                margin-bottom: 10px;
            }
            #info p:last-child{
                margin-bottom: 0;
            }
            #stats { 
            	right: 0px;
            }
			#guicontainer { 
				position: absolute; 
				top: 2px; 
				left: 2px 
			}

		</style>
	</head>
	<body>
		<div id="wait"><img src="tex/wait.gif"></div>
		<div id="guicontainer"></div>
		<div id="infocontainer">
			<div id="i"><img src="tex/i.png"></div>
	        <div id="info">
	            <p>An experiment with cross-hatching.</p>
	            <p>The model is from <a href="http://beeple-crap.com" target="_blank">Beeple</a></p>
				<p>The illustration is from <a href="http://bibliodyssey.blogspot.com" taget="_blank">bibliodyssey.blogspot.com</a></p>
	            <p>Shader by <NAME> <a href="http://www.twitter.com/thespite" target="_blank" >@thespite</a></p>
	        </div>
	    </div>
		<script src="js/libs/three.min.js"></script>
		<script src="js/loaders/ColladaLoader.js"></script>
		<script src="js/libs/dat.gui.min.js"></script>
		<script src="js/libs/Detector.js"></script>
		<script src="js/libs/stats.min.js"></script>

        <script src="js/shaders/materials/CrossHatchMaterial.js"></script>        

        <script src="js/shaders/CopyShader.js"></script>   
        <script src="js/shaders/BrightnessContrastShader.js"></script>   
        <script src="js/shaders/EdgeShader2.js"></script>           
        <script src="js/shaders/MultiplyBlendShader.js"></script>
        <script src="js/shaders/FXAAShader.js"></script>
        <script src="js/postprocessing/EffectComposer.js"></script>
        <script src="js/postprocessing/RenderPass.js"></script>
        <script src="js/postprocessing/MaskPass.js"></script>
        <script src="js/postprocessing/ShaderPass.js"></script>

		<script>

			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();

			var container, stats;
			var camera, scene, renderer, objects;
			var dae;
			var CANVASW = 1280, CANVASH = 905;
			var timer = 0;

			//Apparantly this is important for FXAA 
  			var dpr = (window.devicePixelRatio) ? window.devicePixelRatio : 1;

		   //////////
		   // PARAMETERS FOR SLIIDER

			var slii = {};
		    slii.inputs = {
		        globalSpeed: { type: "number", label: "0. Global Speed", value: 0.2, maxValue: 2, minValue: 0.0 },
		        zoom: { type: "number", label: "1. zoom", value: 12, maxValue: 12, minValue: 0.0 },
            	scanlines: { type: "toggle", label: "2. scanlines", value: 0 },
            	strobe: { type: "toggle", label: "4. Strobe", value: 0 },
            	light: { type: "toggle", label: "5. Light", value: 1 },
            	rotate: { type: "number", label: "6. Rotate", value: 0, minValue: -2, maxValue: 2},
            	glow: { type: "number", label: "7. Glow", value: 0.3, minValue: 0, maxValue: 7}
			}

			// LOAD MESH

			var loader = new THREE.ColladaLoader();
			loader.options.convertUpAxis = true;
			loader.load( './models/dirty_ribbon-standard-textured.dae', function ( collada ) {

				dae = collada.scene;

				dae.traverse( function ( child ) {

					if ( child instanceof THREE.SkinnedMesh ) {

						var animation = new THREE.Animation( child, child.geometry.animation );
						animation.play();

					}

				} );

				dae.scale.x = dae.scale.y = dae.scale.z = 0.017;
				dae.position.x = 1.0;
				dae.position.y = 1.4;
				dae.updateMatrix();

				// Hide wait icon

				document.getElementById("wait").style.display = "none";

				//

				init();
				animate();

			} );

			// GUI

	        var Settings = function() {
	            this.ambient = 0;
	            this.diffuse = 30;
	            this.specular = 0;
	            this.rim = 0;
	            this.outline = false;
	            this.rotateLight = false;
	            this.rotateModel = false;
{'fraction_non_alphanumeric': 0.15722437334420217, 'fraction_numerical': 0.02465865090686774, 'mean_word_length': 2.0349412492269634, 'pattern_counts': {'":': 0, '<': 138, '<?xml version=': 0, '>': 138, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, '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': '2909477', 'n_tokens_mistral': 3940, 'n_tokens_neox': 3234, 'n_words': 685}