gpt4 book ai didi

javascript - 带有 gnome 扩展的 ClutterShaderEffect

转载 作者:行者123 更新时间:2023-11-30 00:18:54 26 4
gpt4 key购买 nike

我的项目的目的是实现一个着色器并将其附加到舞台上。我想要使​​用 JS gnome 扩展系统对整个屏幕进行变形。 (我在 C 中完成并重新编译 gnome,但我想使用一种不需要任何编译的技术)。

然后,我正在寻找实现并将自定义 ShaderEffect 附加到舞台。我试着用下面的代码来做,但整个屏幕都卡住了:

fx = new Clutter.ShaderEffect({
shader_type: Clutter.ShaderType.FRAGMENT_SHADER });
fx.set_shader_source(shader);
fx.set_uniform_value('height', this._actor.get_height());
fx.set_uniform_value('width', this._actor.get_width());
this._actor.add_effect_with_name('shader', fx);

this._actor = global.stage。这是有效的,但屏幕卡住。所以我阅读了文档并找到了这个 Doc link :

Implementing a ClutterOffscreenEffect Creating a sub-class of ClutterOffscreenEffect requires, in case of overriding the ClutterEffect virtual functions, to chain up to the ClutterOffscreenEffect's implementation. On top of the ClutterEffect's virtual functions, ClutterOffscreenEffect also provides a ClutterOffscreenEffectClass.paint_target() function, which encapsulates the effective painting of the texture that contains the result of the offscreen redirection.

但是我应该如何在 JS 中做到这一点?

const ClutterShaderEffectCustom = new Lang.Class({
Name : 'ClutterShaderEffectCustom',
Extends : Clutter.ShaderEffect,

_init : function(shader_type, actor, shaderSource) {
// some stuff
},

paint_target : function() {
// TODO but how ? :/
}
});

因为我有一些 C 文件在做它,但我不知道如何在 JS 中实现它。非官方 JS 文档没有帮助。

我还用 Clutter.Shader 尝试了其他东西:

fx = new Clutter.Shader();
fx.set_fragment_source(shader, shader.lenght);
fx.set_uniform('height', this._actor.get_height());
fx.set_uniform('width', this._actor.get_width());
this._actor.set_shader(fx);

但是着色器只应用于 child ,而不是舞台。 this._actor = global.stage。这是使用第二种方法的结果的概述。我的着色器正在复制纹理,只是为了测试。但是为什么只在图标上而不是在整个屏幕上,因为我将它附加到舞台上?

Overview of the second method using Clutter.Shader

最佳答案

我使用以下源代码解决了我的非刷新问题:

myFunction : function() {
fx = new Clutter.ShaderEffect({
shader_type: Clutter.ShaderType.FRAGMENT_SHADER });
fx.set_shader_source(shader);
fx.set_uniform_value('height', this._actor.get_height());
fx.set_uniform_value('width', this._actor.get_width());
this._actor.add_effect_with_name('shader', fx);
this._timeline = new Clutter.Timeline({ duration: 1, repeat_count: -1 });
this._timeline.connect('new-frame', Lang.bind(this, this._newFrame));
this._timeline.start();
}

_newFrame: function() {
this._actor.scale_y = 1.0;
}

关于javascript - 带有 gnome 扩展的 ClutterShaderEffect,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33873236/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com