Maxim Vasilyev maxatwork

Примеры можно попробовать в редакторе http://www.kickjs.org/tool/shader_editor/shader_editor.html

Значения uniform задаются на вкладке Uniforms (не забываем жать Update).

Вершинный шейдер

Общий для всех шейдеров:

precision highp float;

Видеоплеер в духе немого кино — «Киноглушитель».

Постобработка видео (реализованная с помощью canvas):
- Показ ч/б видео
- Эффект царапин на плёнке
Сопровождение ролика музыкой тапёра
Показ субтитров в духе немого кино: после конца реплики надо приостанавливать воспроизведение видео, отображать субтитры на черном фоне в течение длины реплики, после продолжать воспроизведение видео

	<audio src="./Maple_Leaf_RagQ.ogg" controls></audio>
	<script type="text/javascript">
	const audioCtx = new AudioContext();
	const myAudio = document.querySelector('audio');

	const source = audioCtx.createMediaElementSource(myAudio);
	const gainNode = audioCtx.createGain();
	gainNode.gain.value = 0.5;

	const gainNode2 = audioCtx.createGain();

	<audio src="./Maple_Leaf_RagQ.ogg" controls></audio>
	<script type="text/javascript">
	const audioCtx = new AudioContext();
	const myAudio = document.querySelector('audio');

	const source = audioCtx.createMediaElementSource(myAudio);
	const gainNode = audioCtx.createGain();
	gainNode.gain.value = 0.5;

	const gainNode2 = audioCtx.createGain();

	#ifdef GL_ES
	precision highp float;
	#endif
	uniform sampler2D from, to;
	uniform float progress;
	uniform vec2 resolution;
	uniform float fps;

	//
	// GLSL textureless classic 3D noise "cnoise",

	#ifdef GL_ES
	precision highp float;
	#endif
	uniform sampler2D from, to;
	uniform float progress;
	uniform vec2 resolution;
	uniform float fps;

	//
	// GLSL textureless classic 3D noise "cnoise",

	/**
	* Реализация API, не изменяйте ее
	* @param {string} url
	* @param {function} callback
	*/
	function getData(url, callback) {
	var RESPONSES = {
	'/countries': [
	{name: 'Cameroon', continent: 'Africa'},
	{name :'Fiji Islands', continent: 'Oceania'},

	# Returns function which adds RESTful routes to express.js application
	# for specified controller
	#
	# Usage:
	# resource = resourceRoutesBuilder(app)
	# resource 'person', person
	#
	# This will map routes to:
	#
	# GET '/persons/new' -> person.new(req, res) # shows form for new person creation