青-Joker 发布的最佳帖子

官方有一个遮罩效果示例，用的是图层叠加模式；在很多情况下并不能满足要求；于是用 Mask 节点做了一个放大镜效果。

Sketch 如下

然后又用 JS（使用 PixiJS 引擎）弄了个一模一样的，如下

在制作过程中，通过对比，有了一点点感受：

• 在运算逻辑和该用什么节点都清楚的情况下，vvvv gamma 的确是能大幅提升开发速度；

• 运算层面，vvvv gamma 提供了大量的节点工具，可以帮助你进行复杂的逻辑运算，例如 Vector2 可以简化很多运算步骤；

• 如果想让 vvvv gamma 的 sketch 看起来不是那么乱套（很多线连来连去），可以借鉴传统编写代码的方式，声明变量；

• 传统编写代码，可以在任意位置加入注释，方便以后查阅；vvvv gamma 虽然也可以加入注释，但是中文是没有办法正常显示的，对于英语不好的人，极大滴降低了体验；

• vvvv gamma 中，sketch 一旦复杂了之后，阅读性真的是不太友好；过几天再回头看你的 sketch 可能就是一脸蒙；这可能是很多可视化编程的通病；所以还得尽量细化你的 sketch ，多拆分成不同模块或者操作，还得多多使用帮助你注释的工具（Frame啥的）；

通过这个例子暂时有了以上感觉，也不知道对不对，和朋友们分享一下。

监听鼠标滚轮的动作，然后滚动 My Sections，同时调整 Camera 的位置，再配合上一点视差，模拟了一个网页上常用的 2D 和 3D 内容混合的效果……

源文件在此 My Scroll Sections with Resize.vl

VVVV Gamma 的强项应该不是干这个用的，但为了学习 Gamma 中的逻辑表达及常用 Node 的用法，还是有必要亲自实践着弄点啥东西的……；

感兴趣的朋友可以下载看看，别被 Sketch 的连线吓到，我已尽最大努力去连接规整了……

源文件在此 MyGame.vl

官网有一个类似的例子；但是理解起来有点费劲，因为有太多陌生的节点，所以又用了一个自己比较容易理解的方式（也可以说是 JS 代码中惯用的方式）弄了一个。

主要原理：

• OnOpen 的时候，随机生成若干个 MyParticle，每一个都有自己的运动方式，当其抵达边界时反弹；

• ForEach 嵌套 ForEach 不停地检查所有这些 MyParticle 中间的距离，小于某个值时，用线连起来；

特殊一点的地方就是，需要把这些线 Flatten 才能显示出来；其他没啥太复杂的东西了……

应该是用粒子系统来弄，但是还不会，就使用 Sphere 和 InstancingSpreadComponent 弄了一个，难道主要集中在如何弄一个星云效果的数学运算逻辑上了……

学会例子系统还能搞的更加酷炫一些吧

源文件在此 My Galaxy Stride.vl

主要原理：

• 通过 LFO 不停地去驱动下雪，每次飘落雪花的数量由 Repeat 控制；

• 每片雪花都是一个 MySnowFlake（Class）的实例，都存放在叫做 _mySnowFlakes 的 Spread 中；

• 当雪花超出范围时，将其从 _mySnowFlakes 中删去；

其他没啥太复杂的东西；开始学习的时候，我一直比较疑惑，添加一个可视元素，连上线就好了；删除一个可视元素，断开连线就好了，那么要如何动态删除呢？

按照官方的例子，结合自己的理解，又弄了一个例子；99%满足要求，但是在特别极端的情况下（例如模型之间实在是靠得太近）也会有同时触发的情况……

用 SkiaRender 加了一行字，怎么能让它不受 Fog 的影响呢？

源文件在此 My Raycaster with Mouse.vl

@青-Joker 源文件在此 the-particles.vl

@青-Joker 更新了一下，把 For Each 放在外边了，这样更好理解一些……

源文件在此 My Physics Piano-4.vl

做了一个表，主要熟悉一下 TransformSRT 的用法，用到了 LinearSpread 来生成等分的表盘（生成等分的角度），但是它生成出来的不是我希望的对齐方式，我又用 Phase 参数调整了一下下才能对齐……

不知道这么用是不是正确的方式……？？

源文件在此 the-clock.vl

@lby 我也注意到 Renderer 上有个 Clear 了；但是如果画布上还有其他东西的话，就有问题了……；我想到的解决办法是：再使用一个 Renderer(OffScreen) 作为临时的画布（Clear: false），把 Renderer(OffScreen) 上面的东西DrawImage 到 Renderer 上。

源文件在此 the-random chords3.vl

在开发过程中，往往会需要一个 GlobalData 来存储一些全局的变量，无论何时何地进行修改，其他地方都能随时的相应这些更改……

开始的想法是通过 Input 和 Output 来响应这些更改，但是层级太深或过于复杂（反正不管什么原因吧）就非常的不方便了……

VVVV Gamma 中提供了一个 SingleInstance 来处理这种情况，那是相当方便啊，哈哈，学到了，感谢三位老师，特别要感谢 Clone 老师的耐心讲解！

源文件在此 My Global Data.vl

做了一个发射五彩纸屑的粒子效果（Skia）。效果很常用，尤其是在成功完成某个环节的庆祝效果。

MyConfetti(Class）是纸屑的模型；
MyCannon(Process) 是发射纸屑的大炮；

源文件在此 My Skia Confetti-2.vl