diff --git a/docs/Assignments/week_14_interface_application_programming/image-1.jpg b/docs/Assignments/week_14_interface_application_programming/image-1.jpg new file mode 100644 index 0000000..6820455 Binary files /dev/null and b/docs/Assignments/week_14_interface_application_programming/image-1.jpg differ diff --git a/docs/Assignments/week_14_interface_application_programming/image-10.jpg b/docs/Assignments/week_14_interface_application_programming/image-10.jpg new file mode 100644 index 0000000..73e547b Binary files /dev/null and b/docs/Assignments/week_14_interface_application_programming/image-10.jpg differ diff --git a/docs/Assignments/week_14_interface_application_programming/image-11.jpg b/docs/Assignments/week_14_interface_application_programming/image-11.jpg new file mode 100644 index 0000000..e332af0 Binary files /dev/null and b/docs/Assignments/week_14_interface_application_programming/image-11.jpg differ diff --git a/docs/Assignments/week_14_interface_application_programming/image-2.jpg b/docs/Assignments/week_14_interface_application_programming/image-2.jpg new file mode 100644 index 0000000..ba04abf Binary files /dev/null and b/docs/Assignments/week_14_interface_application_programming/image-2.jpg differ diff --git a/docs/Assignments/week_14_interface_application_programming/image-3.jpg b/docs/Assignments/week_14_interface_application_programming/image-3.jpg new file mode 100644 index 0000000..041d536 Binary files /dev/null and b/docs/Assignments/week_14_interface_application_programming/image-3.jpg differ diff --git a/docs/Assignments/week_14_interface_application_programming/image-4.jpg b/docs/Assignments/week_14_interface_application_programming/image-4.jpg new file mode 100644 index 0000000..cad7835 Binary files /dev/null and b/docs/Assignments/week_14_interface_application_programming/image-4.jpg differ diff --git a/docs/Assignments/week_14_interface_application_programming/image-5.jpg b/docs/Assignments/week_14_interface_application_programming/image-5.jpg new file mode 100644 index 0000000..baa5e83 Binary files /dev/null and b/docs/Assignments/week_14_interface_application_programming/image-5.jpg differ diff --git a/docs/Assignments/week_14_interface_application_programming/image-6.jpg b/docs/Assignments/week_14_interface_application_programming/image-6.jpg new file mode 100644 index 0000000..ba303d8 Binary files /dev/null and b/docs/Assignments/week_14_interface_application_programming/image-6.jpg differ diff --git a/docs/Assignments/week_14_interface_application_programming/image-7.jpg b/docs/Assignments/week_14_interface_application_programming/image-7.jpg new file mode 100644 index 0000000..0cf2391 Binary files /dev/null and b/docs/Assignments/week_14_interface_application_programming/image-7.jpg differ diff --git a/docs/Assignments/week_14_interface_application_programming/image-8.jpg b/docs/Assignments/week_14_interface_application_programming/image-8.jpg new file mode 100644 index 0000000..0116e35 Binary files /dev/null and b/docs/Assignments/week_14_interface_application_programming/image-8.jpg differ diff --git a/docs/Assignments/week_14_interface_application_programming/image-9.jpg b/docs/Assignments/week_14_interface_application_programming/image-9.jpg new file mode 100644 index 0000000..ac88787 Binary files /dev/null and b/docs/Assignments/week_14_interface_application_programming/image-9.jpg differ diff --git a/docs/Assignments/week_14_interface_application_programming/image.jpg b/docs/Assignments/week_14_interface_application_programming/image.jpg new file mode 100644 index 0000000..32f3f6f Binary files /dev/null and b/docs/Assignments/week_14_interface_application_programming/image.jpg differ diff --git a/docs/Assignments/week_14_interface_application_programming/interface_application_programming/interface_application_programming.md b/docs/Assignments/week_14_interface_application_programming/interface_application_programming.md similarity index 98% rename from docs/Assignments/week_14_interface_application_programming/interface_application_programming/interface_application_programming.md rename to docs/Assignments/week_14_interface_application_programming/interface_application_programming.md index cd0f96a..41379de 100644 --- a/docs/Assignments/week_14_interface_application_programming/interface_application_programming/interface_application_programming.md +++ b/docs/Assignments/week_14_interface_application_programming/interface_application_programming.md @@ -1,11 +1,11 @@ # interface and application programming For this week I wanna make use of the Oled display on the controller I designed -![alt text](image.png) +![alt text](image.jpg) I've seen a lot of small devices have GUI's using these displays like this. and I've always been interested in making one of these. -![alt text](image-1.png) +![alt text](image-1.jpg) Credits: https://www.youtube.com/watch?v=HVHVkKt-ldc I am going to use that video and try to make a library out of it so it is modular and easy to use for other people. @@ -18,7 +18,7 @@ I first started out going to their description and downloading their program to ## Creating the graphics The guy in the video used photopea to create the graphics since you can easily export them as bitmaps and bitmaps can instantly be shown on the display using the screen's library -![alt text](image-3.png) +![alt text](image-3.jpg) He first started out making the menu components each in different layers For now I am going to use his graphics since I am porting the program to a new library. @@ -26,29 +26,29 @@ For now I am going to use his graphics since I am porting the program to a new l ## Updating to the new library I first opened an example of the new library (u8g2). In there I needed to select the screen I used. -![alt text](image-4.png) +![alt text](image-4.jpg) If you don't know which screen you have it's best to give AI this list and describe your screen as best as you can and ask which one it thinks it is. After I uploaded the code this popped up. -![alt text](image-5.png) +![alt text](image-5.jpg) So it worked! Now it's time to patch up the old program. I first copied the display initializer and updated the library include. -![alt text](image-6.png) +![alt text](image-6.jpg) Then I got a lot of compile errors at the drawbitmap function -![alt text](image-7.png) +![alt text](image-7.jpg) I went into the reference of the library and searched for a similar function. -![alt text](image-8.png) +![alt text](image-8.jpg) Luckily I found one and the only thing I needed to do was remove a `P` at each of these function calls and pray nothing in the parameters of the function changed. -![alt text](image-9.png) +![alt text](image-9.jpg) After that it successfully uploaded and now it works! -![alt text](image-10.png) +![alt text](image-10.jpg) ## Using the joysticks @@ -99,7 +99,7 @@ hardJoystickValues GUIParser(){ ``` A portion of this code was taken from the machining week group project. But what this does is if a joystick is pressed outside of the deadzone it will set one of the variables to true and if its center everything is false so that way I could use it as a button. -![alt text](image-11.png) +![alt text](image-11.jpg) ??? ```cpp