[GIF] Parenting in GIF Loop Coder
in gif loop
2023-09-14 09:00:53 时间
In this lesson, we look at how you can build up complex animations by assigning one shape as the parent of another, creating a branching display tree.
function onGLC(glc) { glc.loop(); // glc.size(400, 400); // glc.setDuration(5); // glc.setFPS(20); glc.setMode('single'); glc.setEasing(false); var list = glc.renderList, width = glc.w, height = glc.h, color = glc.color; // your code goes here: var Circle = list.addCircle({ x: width / 2, y: height / 2, radius: 150, stroke: true, fill: false, rotation: [0,360] }); list.addRect({ x: 150, y: 0, w: [0, 100], h: 40, parent: Circle }); }
function onGLC(glc) { glc.loop(); // glc.size(400, 400); // glc.setDuration(5); // glc.setFPS(20); glc.setMode('single'); glc.setEasing(false); var list = glc.renderList, width = glc.w, height = glc.h, color = glc.color; // your code goes here: var ray1 = list.addRay({ x: 0, y: height / 2, length: 100, angle: [-60,60] }); var ray2 = list.addRay({ x: 100, y:0, length: 100, angle: [120,-120], parent: ray1 }); var ray3 = list.addRay({ x: 100, y: 0, length: 100, angle: [-60,60], parent: ray2 }) }
If you don't need the parent to show, you can use Container:
function onGLC(glc) { glc.loop(); // glc.size(400, 400); // glc.setDuration(5); // glc.setFPS(20); glc.setMode('single'); glc.setEasing(false); var list = glc.renderList, width = glc.w, height = glc.h, color = glc.color; // your code goes here: var parent = list.addContainer({ x: width / 2, y: height / 2, rotation: [0,360] }) list.addText({ x: 150, y: 0, text: "EGGHEAD", rotation: [360,0], parent: parent }) }
相关文章
- Talk In Web Security(安全世界观): Devleping a Secure WebSite
- [Ramda] R.project -- Select a Subset of Properties from a Collection of Objects in Ramda
- [GIF] The Phase Property in GIF Loop Coder
- [Angular 2] Handle Reactive Async opreations in Service
- [rxjs] Throttled Buffering in RxJS (debounce)
- [TypeScript] Restrict null and undefined via Non-Nullable-Types in TypeScript
- [LeetCode] Find Minimum in Rotated Sorted Array II
- Run service in specified proxyPort via jettyrun
- 已解决_tkinter.TcLError: couldn’t recognize data in image file “Image/nakamuraan.gif”
- LeetCode Populating Next Right Pointers in Each Node
- [Maven in action] 解决办法:Project configuration is not up-to-date with pom.xml. Run project ...
- package wang/test is not in GOROOT (/usr/local/go/src/wang/test)