mirror of
https://github.com/Heretek-AI/GDevelop.git
synced 2026-07-22 10:05:37 -04:00
AlexandreS
cf374737fc
* This provides new 3D objects: 3D Box (perfect to create walls, floors, or billboards) and 3D Model (to import objects created in a 3D modeling app). * 2D and 3D can be mixed in a same game. Each layer of a game can contain 2D objects, 3D objects or a mix of both. * This allows to build 2D games, 2.5D games and full 3D games: platformers, racing games, FPS, hyper casual games. It's easy to start adding 3D objects to an existing 2D game. * You can set up a light by adding an ambient light and/or directional light in the effects of a 3D layer. 3D objects can be configured to react to light or ignore it. * In the future, support for 3D objects will be improved: light objects, animations, etc...
86 lines
3.4 KiB
TypeScript
86 lines
3.4 KiB
TypeScript
//A simple PIXI filter doing some color changes
|
|
namespace gdjs {
|
|
const logger = new gdjs.Logger('Dummy effect');
|
|
import PIXI = GlobalPIXIModule.PIXI;
|
|
|
|
const DummyPixiFilter = function () {
|
|
var vertexShader = null;
|
|
var fragmentShader = [
|
|
'precision mediump float;',
|
|
'',
|
|
'varying vec2 vTextureCoord;',
|
|
'uniform sampler2D uSampler;',
|
|
'uniform float opacity;',
|
|
'',
|
|
'void main(void)',
|
|
'{',
|
|
' mat3 nightMatrix = mat3(0.6, 0, 0, 0, 0.7, 0, 0, 0, 1.3);',
|
|
' gl_FragColor = texture2D(uSampler, vTextureCoord);',
|
|
' gl_FragColor.rgb = mix(gl_FragColor.rgb, nightMatrix * gl_FragColor.rgb, opacity);',
|
|
'}',
|
|
].join('\n');
|
|
var uniforms = {
|
|
opacity: { type: '1f', value: 1 },
|
|
};
|
|
|
|
PIXI.Filter.call(this, vertexShader, fragmentShader, uniforms);
|
|
};
|
|
DummyPixiFilter.prototype = Object.create(PIXI.Filter.prototype);
|
|
DummyPixiFilter.prototype.constructor = DummyPixiFilter;
|
|
|
|
// Register the effect type and associate it with a "filter creator" object, containing
|
|
// functions to create and manipulate the filter.
|
|
// Don't forget your extension name in the effect type!
|
|
gdjs.PixiFiltersTools.registerFilterCreator(
|
|
'MyDummyExtension::DummyEffect',
|
|
new (class extends gdjs.PixiFiltersTools.PixiFilterCreator {
|
|
// MakePIXIFilter should return a PIXI.Filter, that will be applied on the PIXI.Container (for layers)
|
|
// or the PIXI.DisplayObject (for objects).
|
|
makePIXIFilter(layer, effectData) {
|
|
const filter = new DummyPixiFilter();
|
|
|
|
// If you need to store the time or some state, you can set it up now:
|
|
// filter._time = 0;
|
|
// But be careful about the existing member of the filter (consider
|
|
// updating the filter uniforms directly).
|
|
|
|
// You can also access to the effect parameters, classified by type:
|
|
// `effectData.doubleParameters.opacity`
|
|
// `effectData.stringParameters.someImage`
|
|
// `effectData.stringParameters.someColor`
|
|
// `effectData.booleanParameters.someBoolean`
|
|
logger.info(
|
|
'The PIXI texture found for the Dummy Effect (not actually used):',
|
|
(layer
|
|
.getRuntimeScene()
|
|
.getGame()
|
|
.getImageManager() as gdjs.PixiImageManager).getPIXITexture(
|
|
effectData.stringParameters.someImage
|
|
)
|
|
);
|
|
return filter;
|
|
}
|
|
// Function called at every frame, after events and before the frame is rendered.
|
|
updatePreRender(filter, layer) {
|
|
// If your filter depends on the time, you can get the elapsed time
|
|
// with `layer.getElapsedTime()`.
|
|
// You can update the uniforms or other state of the filter.
|
|
}
|
|
// Function that will be called to update a (number) parameter of the PIXI filter with a new value
|
|
updateDoubleParameter(filter, parameterName, value) {
|
|
if (parameterName === 'opacity') {
|
|
filter.uniforms.opacity = gdjs.PixiFiltersTools.clampValue(
|
|
value,
|
|
0,
|
|
1
|
|
);
|
|
}
|
|
}
|
|
// Function that will be called to update a (string) parameter of the PIXI filter with a new value
|
|
updateStringParameter(filter, parameterName, value) {}
|
|
// Function that will be called to update a (boolean) parameter of the PIXI filter with a new value
|
|
updateBooleanParameter(filter, parameterName, value) {}
|
|
})()
|
|
);
|
|
}
|