paint-code

Overlapping loader circle

自古美人都是妖i 提交于 2019-12-04 13:57:53
I was trying to reproduce the overlapping circle Apple made for the application "Activity". (See image below). If you use standard Bezier Path the staring/ending position will have effects only between 0 and 2PI. If you try, for example, to fill for 4PI (even using some shadows) you cannot simulate an overlapping loading. How is possible to make something similar to the Apple solution to create an overlapping circle? This shows the general idea--transform is definitely the way to go. You'll have to adjust the sizes, arrows, and shadows for what you need. But the view allow the tint and angle

Paintcode and Snap SVG

走远了吗. 提交于 2019-12-02 17:43:43
问题 I am trying to bridge examples from Paintcode and Snap SVG. Here is a simple project that has the gears that spin when a slider is dragged. This is great but I would like to do the interaction with the mouse instead. This is an example of the gears as svg: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width

Paintcode and Snap SVG

不羁的心 提交于 2019-12-02 11:04:39
I am trying to bridge examples from Paintcode and Snap SVG . Here is a simple project that has the gears that spin when a slider is dragged. This is great but I would like to do the interaction with the mouse instead. This is an example of the gears as svg: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="240" height="200" xml:space="preserve" id="gears"> <!-- Generated by PaintCode - http://www

Animating a bezier curve point

落爺英雄遲暮 提交于 2019-11-30 16:57:15
I'm trying to animate a bezier curve I made with Paintcode (great app, btw) and am drawing in a custom UIView in the "drawRect" method. The drawing works fine but I want to animate a single point in the bezier curve. Here's my non-working method: -(void)animateFlame{ NSLog(@"Animating"); // Create the starting path. Your curved line. //UIBezierPath * startPath; // Create the end path. Your straight line. //UIBezierPath * endPath = [self generateFlame]; //[endPath moveToPoint: CGPointMake(167.47, 214)]; int displacementX = (((int)arc4random()%50))-25; int displacementY = (((int)arc4random()%30)

iOS - which is the better option to put images? Core Graphics(PaintCode App) vs Image files(png)

穿精又带淫゛_ 提交于 2019-11-29 17:49:27
问题 I am developing an iOS app which uses quite a few images. I am kind of confused about how to load the images in the app. A similar question was asked around 5 years ago. But a lot has changed since then. So I thought, it would make more sense to start a new thread. There are mainly two options that I think I have: Use PaintCode app (you can find it here) which gives you CG code to draw images at the runtime. Put .png image files (1x, 2x, 3x) The things like about the first option are: • The