[App Sharing] Being confident with lines.

Code Sharing
1

Hey guys,

Yesterday I thought a lot about drawing. And lines as a such medium.

People often think, that they are not able to draw. They are afraid of trying! They are afraid of leaving their comfort zones!

So I sat down and tried to find a solution for this dilemma. - How could I push myself out of my comfort zone and make myself productive, more inventive and more active?

I opened Codea an began to experiment.

[Source] This App is what came out!

I described it all here, on my personal Blog. And apologize for it being german. But you might use that fancy google translation tool on the page…

UI is quite simple to use.

    - Paint: Drag finger to paint.

    - Erase: Set Color alpha to less than 50%, and it jumps to fully transparent. This means the pen acts now as an eraser!

    - Eyedropper: Hold down your finger, for a second. The eyedropper is now active, by dragging around you can sample color from canvas.

    - Mirror: Rotate your device by 180° - the canvas flips horizontally!

    - Save: To save your work, press HOME and POWER buttons on your iPad simultaneously.

    - Delete: Reload or restart the app.

In this post are a few images I created during my development session. There are more, but I have to sort them out first. Join me (maybe) and show off what you did with this app?! (I would be honored!)

Btw, you can always change the background color and mirror (flip) the canvas by rotating your device by 180°!

2

@se24vad nice, simple, fast. I am proud you tried to draw my avatar, but you still have to work on that, it is not quite alike… :wink:

3

:)) :)>-

4

actually, @Jmv38, your avatar picture has not changed for a long time, so maybe he drew it as it is now, all grown up… :smiley:

5

Nice drawing app! Simple, but I like it, a lot.

@Ignatz I don’t think ginger cats turn grey when they get older :wink:

6

@se24vad Nice app. One suggestion. Add this in setup so people can clear the image without losing their color settings:

parameter.action("Clear", function() Canvas=nil Canvas=image(WIDTH, HEIGHT) end)

@Jmv38 — Success! :wink:

7

@Saturn031000 actually, this is a pretty good idea! I updated my app to remember color settings. thanks! Grab the new Source here!

I also played with opacity :) I'm not sure if I like it, but its there now and I'm testing it. (Right now its a little buggy. - When sampling transparent color, it returns a darker color. But I think I know whats wrong and will re-work later.)

8

@se24vad - nice drawing, and you have a nice brushstroke effect. :-bd

9

I added an erase button by adding this parameter:

parameter.action("Clear",function() setContext(Canvas) background(BG) setContext() end)
10

@Doge because you want to be able to change the BG color, you better do it like:

parameter.action("Clear",function() Canvas = image(WIDTH, HEIGHT) end)

Otherwise the Canvas is filled with background and you wont be able to see the actual BG.

I actually plan to add a gesture: shake to erase

11

@se24vad - Really nice app - I like it’s simplicity. And it’s fun to tweak around it, the plugin system is awesome, open Codea… and type some code :slight_smile:

Playing with lineCap and alpha look like (a little) ‘paper pencil’ / painting effects.

12

@toffer love your art! well done! =D>

#Edit: The pencil tool looks really cool!

13

I’ve added a new triple-tap gesture. This replaces the need of transparency! Try to tap the screen 3x times and hold down your finger on the third tap. Then move your finger up and down:

The Gist was updated!

14

Updated Gist. Refactored code and added some more app-logic.

Have fun! This is the final version of my barebone painting app :)

Download Source!


Again:
- Delete from painting by setting "Color" opacity to 0.
- Mirror your drawing to spot imperfection, by rotating your device by 180°.
- Hold down one finger to sample "Color" from Canvas.
- Tripple-Tap and hold down one finger, to choose a shade of your current "Color".
- Take screenshot by pressing Power and Home buttons of your device simultaneously.
- Delete Canvas by reloading the Codea project. "Color" and "BG" are preserved!


15

pressing Home & Power isn’t really a feature. that’s built into iOS.

16

thats why I’m using it :slight_smile: - I never said, that it is a feature of the app. And I never said, that I have programmed it :wink:
It just helps to keep the app as simple as possible!

17

I agree, use what is built in, where you can

Nice picture of your pet cat, by the way…

18

I believe its a picture of Jmv38’s cousin :wink:

@se24vad I believe apps are never finished as there is always something to be added.

19

instead of home + power, you can also use the built in Codea button, which will grab a screenshot without the buttons overlay

20

@se24vad better, but that’s my dad, not me…