做编辑器真是男

2020-11-02 14:02:17 +08:00
 lamada
前端,目前对着 unity 的模式在撸一个基于 pixijs 的 web 2d 游戏编辑器,做着挺有意思,就是有点头秃。
另外想问一下,有什么画网格线比较好的方法?还要适应缩放和平移。感觉上应该不是创建一些 sprite 或者用 canvas 2d api 画出来的,更像是用 shader 的方式传入缩放和位移的参数画出来的。
1396 次点击
所在节点    程序员
2 条回复
lamada
2020-11-05 17:49:21 +08:00
precision mediump float;
varying vec2 vTextureCoord;
uniform sampler2D uSampler;

void main() {
float screen_w = 100.0;
float screen_h = 100.0;
float rest_x = mod(gl_FragCoord.x + 1.0, screen_w);
float rest_y = mod(gl_FragCoord.y + 10.0, screen_h);
vec4 color = texture2D(uSampler, vTextureCoord);
bool line = (rest_x <= 0.5) || (rest_y <= 0.5);
// float alpha = line ? 0.1 : 0.0;
if (line) {
color.x = (color.x + 0.1) / 2.0;
color.y = (color.y + 0.1) / 2.0;
color.z = (color.z + 0.1) / 2.0;
}
gl_FragColor = vec4(color.xyz, color.a);
}
lamada
2020-11-05 17:50:37 +08:00
试着写了一个 demo 还行,给有同样问题的人参考参考

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/720987

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX