Articles of webgl

создать текстуру WebGL из значений RGBA

Я попытался сделать это исходя из этого ответа. Это мой код: var canvas = document.getElementById(“canvas”); var gl = canvas.getContext(“webgl”); var texture = gl.createTexture(); var data = new Uint8Array([128, 128, 0, 1]); var texture = gl.createTexture(); gl.bindTexture(gl.TEXTURE_2D, texture); gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, 1, 1, 0, gl.RGBA, gl.UNSIGNED_BYTE, data); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST); gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST); gl.bindTexture(gl.TEXTURE_2D, texture); Но […]

CSS3DObject всегда впереди WebGL Mesh

Я смешиваю CSS3D Renderer с WebGL Renderer чтобы добавить элементы HTML в 3D-пространстве в сцену WebGL . CSS3DObject находится перед WebGL Meshes, хотя WebGL Renderer имеет более высокий z-индекс. Вот jsfiddle http://jsfiddle.net/kd9Tc/ Вот как выглядит сцена. Обратите внимание на задний вид. Всякий раз, когда CSS3DObject попадает в сетку, я хотел бы, чтобы отображалась правильная глубина. […]

Изменить цвет в середине круга

Я новичок в WebGL, и я пытаюсь создать черное кольцо в середине этого зеленого круга без дополнительных кругов. Я считаю, что могу сделать это, сделав нормальный треугольник другим, но я точно не знаю, как это сделать. Мой друг предложил изменить координаты текстуры, но я действительно не понимаю, как это поможет. Может ли кто-нибудь осветить эти […]

Переключить контекст canvasа

Предполагая, что у меня есть canvas WebGL (вызывается getContext (“experimental-webgl“)). Есть ли способ переключить контекст позже для использования «2d»? objective такой вещи заключалась бы в отображении отладочной BSOD-подобной, когда во время рендеринга происходит ошибка. Если это невозможно, тогда: Могу ли я вставить элемент html поверх canvasа и заставить этот элемент иметь то же самое, что […]

Смешение с фоном HTML в WebGL

Я рисую плоские цвета и текстуры в canvas WebGL. Мои цвета и текстуры имеют разные значения альфа, и я хочу, чтобы они были правильно смешаны. Я хочу иметь прозрачный фон (они должны смешиваться с содержимым HTML, которое находится под canvasом). В WebGL я использую gl.clearColor(0, 0, 0, 0); gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA); gl.enable(gl.BLEND); Он работает правильно, когда […]

Three.js: Как я могу сделать 2D SnapShot сцены как JPG-изображение?

У меня есть сценарий three.js, например: var scene = new THREE.Scene(); var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000); var renderer = new THREE.WebGLRenderer(); renderer.setSize(window.innerWidth, window.innerHeight); document.body.appendChild(renderer.domElement); var geometry = new THREE.BoxGeometry(1,1,1); var material = new THREE.MeshBasicMaterial({color: 0x00ff00}); var cube = new THREE.Mesh(geometry, material); scene.add(cube); camera.position.z = 5; var render = function () { requestAnimationFrame(render); […]

Перемещение матриц преобразования из шейдеров в приложение Javascript

Мне пришлось решить многие задачи домашней работы. Я должен создать вращающийся куб с некоторыми кнопками для применения изменений и преобразований. Есть одна задача, которая просит меня «переместить матрицы преобразования из шейдеров в приложение js». Я знаю, как создавать вращающиеся, трансляционные и масштабирующие матрицы в шейдерах, но что это значит, чтобы переместить их в приложение js. […]

Использование WebGL внутри веб-рабочего: возможно ли это? Как?

Я открыл эти тесты матричного умножения, и мой браузер (Firefox 7.0.1) замер, пока тесты не закончились (я открыл страницу в старом Asus EeePC 1000H). Я слышал, что веб-сотрудники были изобретены, чтобы отделить обработку от отображения веб-страниц. Можно ли использовать API веб-рабочих, чтобы WebGL не останавливал весь веб-браузер?

Есть ли сайт, на котором я могу видеть, какие tags HTML 5 поддерживаются в разных браузерах? И WebGL?

Я хочу создать веб-приложение HTML / Javascript. Есть ли сайт, на котором я могу сравнить, что веб-браузер уже поддерживает tags HTML 5? И WebGL?

Three.js Загрузка ошибки .OBJ в Azure, но не локально

Я использую three.js для webGL для загрузки .obj, но у меня проблема при загрузке .obj в Windows Azure запустите Windows Server 2008 Я использую браузер Chrome Chrome, и он дает ошибку ниже: GET http://websiteaddress.net/webGL/obj/test.mtl 404 (не найдено) даже, я использовал исходный исходный код для загрузки файла .obj, у него такая же ошибка и когда я […]

Intereting Posts
Как установить метаданные viewport для iPhone, которые правильно обрабатывают rotation? Bootstrap 4 вложенных коллапсов «data-parent» не работает Как определить, отображается ли элемент DOM в текущем окне просмотра? Установка высоты таблицы в HTML не влияет Как выравнивать пролеты или divs по горизонтали? Добавление меню SubSub в горизонтальное меню? Как «сканировать» веб-сайт (или страницу) для информации и вводить его в мою программу? Предотвратить изменение формы iPhone? Можно ли добавить div внутри элемента SVG? HTML Ввод позиции курсора в Chrome, когда значение пустое Как правильно вывести имя документа в .NET? отображать данные из базы данных в таблицу html JtextEditorPane – Как предотвратить копирование и вставку из упаковки текста в tags абзаца HTML? Почему используется после нескольких плавающих DIVS в контейнере DIV? Использовать HTML Tidy только для HTML-кода отступа?