Мне нужно чтобы осуществлялось переключение 3D моделей без подключения {GUI} dat.gui.js.
Т.е в данный момент модели переключаются в выпадающем списке select в GUI интерфейсе.
Нужно чтобы переключение происходило без GUI в моей разметке по …
Cоздаю рисовалку.
Рисую на canvas с помощью webgl множество квадратов с маской и альфой.
При альфе > 0.1 проблема незаметна. Но стоит сделать альфу чуть меньше – появляется неприятное искажение цвета.
Я использую классическое смешивание…
По интернету гуляет стандартный способ
gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA
Или же
gl.ONE, gl.ONE_MINUS_SRC_ALPHA
для предумноженных изображений.
Он идеален для наложения прозрачных текстур на непрозрачный фон.
Но что делать если мне …
Что я делаю не так? рабочий пример
function drawWebglCanvas(f, v, gl, image) {
function resizeGlAndCanvas(gl) {
resizeCanvas(gl);
const resizeFunc = () => {
resizeCanvas(gl);
render();
};
const …
Изучаю как обрабатывать изображения в webgl
Не понимаю что это значит
// среднее между средним, правым и левым пикселем
gl_FragColor = (
texture2D(u_image, v_texCoord) +
texture2D(u_image, v_texCoord + vec2(onePixel.x, 0.0)) +
…
При ресайзе я вызываю две функции : resizeCanvas и renderGl
resizeCanvas изменяет размер canvas, а renderGl рендерит изображение
Я не понимаю, что нужно писать когда заново перерисовываешь статичное изображение
function renderGl(gl) {
/…
Нужно сделать эффект при движении мыши как на этом сайте, помогите пожалуйста это реализовать для footer или подскажите в каком направлении искать. спасибо
…
Переписываю код с этого урока: ссылка
У меня не создаётся шейдер, не понимаю в чём проблема. Контекст webgl создаётся
function initwebgl(canvas) {
const context = canvas.getContext(“webgl2”) ||
canvas.getContext(“webgl”) ||
…
Собственно не найду чем подсвечивать синтаксис GLSL, webgl
Я пишу свой лёгкий движок для игр на основе WebGL. Есть объекты геометрий, текстур и тд. Я хочу создавать их таким образом
new Geometry(…);
new Texture(…);
new Mesh(…);
а затем добавлять их на сцены или просто отрисовывать в произ…
Ниже изображение и код иконки:
<svg xmlns=”http://www.w3.org/2000/svg” width=”240″ height=”240″ viewBox=”0 0 120 120″>
<style>.st0{fill:#bcbbbb}.st1{fill:#f48023}
</style>
<path class=”st0″ d=”M84.4 93.8V70.6h…
У меня задача анимировать солнце.
Нужно, чтобы были всполохи и небольшие лучики. Лучики должны гореть, как пламя и медленно вращаться.
Технологии могут быть любые SVG, SMIL, JavaScript, CSS, Canvas, WebGl или что-то ещё.
Так же необходимо…
Так называемые .io-игры — это браузерные massively multiplayer action-игры, в которых множество людей борются с излишками свободного времени.
Хочу спросить. Какие технологии используются для создания анимированных персонажей на платформа Android и/или iOS.
Я хочу создать персонажей, похожих на кота их игры “Говорящий Том”. В моем случае, они также будет иметь набор стандартной…
Свежие комментарии