title
Learn to build Computer Vision Mobile Apps in 3 DAYS | iOS and Android

description
This is the Computer Vision Mobile Apps premium Course. Here we will learn how to build computer vision apps from scratch. We will first go through the basics of Image processing techniques and then move on to create 7 apps with real-world applications. These will include Object Detection, Augmented Reality, Qr reader, Face detection, Color Detection, and more. And the best part is that we will write the code once and deploy it both on Android and iOS. 🚀🚀 My Urdu/Hindi AI YouTube Channel 🚀🚀 https://www.youtube.com/@murtazahassan01 ✔️ Learn to Build Computer Vision Mobile Apps: https://www.computervision.zone/courses/computer-vision-mobile-apps/ Premium Courses: ✔️ Computer Vision Game Development Course: https://bit.ly/3ttLZ2s ✔️ Computer Vision with Arduino Course: https://bit.ly/3wzLB4m ✔️ Advanced Drone Programming Course: https://bit.ly/3qs3v5g ✔️ Learn to Build Computer Vision Mobile Apps: https://bit.ly/3uioY1J ✔️ Jetson Nano Premium Course: https://bit.ly/3L8uIlF ⚙️⚙️⚙️—-My Gear — ⚙️⚙️⚙️ 👉 Complete Gear 💈: https://www.computervision.zone/tech-gear/ 👉 My PC Specs 🖥️: https://www.computervision.zone/tech-gear/filter/tax/tgcat:285/ 👉 My Video Shooting Gear📽️ : https://www.computervision.zone/tech-gear/filter/tax/tgcat:284/ 👉 My Laptops 💻: https://www.computervision.zone/tech-gear/filter/tax/tgcat:290/ 👉 Educational Products🧑‍🎓: https://www.computervision.zone/tech-gear/filter/tax/tgcat:295/ 👉 Youtube Starter Kit 🔴: https://www.computervision.zone/tech-gear/filter/tax/tgcat:299/ Follow Me: TikTok: https://bit.ly/3Vo76OQ Facebook Group: https://bit.ly/3irDcb7 Discord: https://bit.ly/3JvyxAM Facebook Page: https://bit.ly/3IvpU7W Instagram : https://bit.ly/3NdGME3 Website: https://bit.ly/3ICFTS0 Github: https://bit.ly/3woU6PS #ComputerVision #OpenCV #CVZone

detail
{'title': 'Learn to build Computer Vision Mobile Apps in 3 DAYS | iOS and Android', 'heatmap': [{'end': 3168.917, 'start': 3063.873, 'weight': 1}, {'end': 3362.951, 'start': 3261.353, 'weight': 0.719}, {'end': 8505.535, 'start': 8398.473, 'weight': 0.72}, {'end': 9616.145, 'start': 9585.908, 'weight': 0.774}], 'summary': 'Learn to build computer vision mobile apps course using unity and opencv c-sharp wrapper, creating 7 real world apps deployable on android and ios, covering design principles, ui customization, app navigation, and unity scripting basics with quantifiable data and specific design changes.', 'chapters': [{'end': 723.544, 'segs': [{'end': 30.975, 'src': 'embed', 'start': 0.63, 'weight': 0, 'content': [{'end': 2.271, 'text': 'Hey everyone, welcome to my channel.', 'start': 0.63, 'duration': 1.641}, {'end': 5.734, 'text': 'This is the computer vision mobile apps premium course.', 'start': 2.531, 'duration': 3.203}, {'end': 9.658, 'text': 'Here we will learn how to build computer vision apps from scratch.', 'start': 6.235, 'duration': 3.423}, {'end': 17.265, 'text': 'We will first go through the basics of image processing and then move on to create 7 apps with real world applications.', 'start': 10.018, 'duration': 7.247}, {'end': 24.512, 'text': 'These will include object detection, augmented reality, QR reader, face detection, color detection and more.', 'start': 17.866, 'duration': 6.646}, {'end': 30.975, 'text': 'And the best part is that we will write the code once and deploy it both on Android and on iOS.', 'start': 25.032, 'duration': 5.943}], 'summary': 'Premium computer vision course with 7 real-world apps, deployable on android and ios.', 'duration': 30.345, 'max_score': 0.63, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY630.jpg'}, {'end': 74.661, 'src': 'embed', 'start': 46.945, 'weight': 1, 'content': [{'end': 50.627, 'text': "So we don't waste any time and you can get started with your own projects.", 'start': 46.945, 'duration': 3.682}, {'end': 55.77, 'text': 'We will use the very famous Unity platform along with the OpenCV C-Sharp wrapper.', 'start': 51.147, 'duration': 4.623}, {'end': 59.072, 'text': 'Both of these are paid but come with a free version too.', 'start': 56.15, 'duration': 2.922}, {'end': 66.756, 'text': 'So you can learn without extra cost and when you are ready to deploy your app, you can pay the one-time fee of the OpenCV wrapper.', 'start': 59.552, 'duration': 7.204}, {'end': 68.817, 'text': 'This video is part of the course.', 'start': 67.217, 'duration': 1.6}, {'end': 71.999, 'text': 'For the complete course, check out the link in the description below.', 'start': 69.318, 'duration': 2.681}, {'end': 74.661, 'text': "So without further ado, let's get started.", 'start': 72.42, 'duration': 2.241}], 'summary': 'Learn unity and opencv c-sharp for projects; free versions available, pay one-time fee for opencv wrapper when deploying app.', 'duration': 27.716, 'max_score': 46.945, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY46945.jpg'}, {'end': 161.179, 'src': 'embed', 'start': 135.167, 'weight': 2, 'content': [{'end': 142.29, 'text': 'it will show the Unity logo in the very beginning of the app and then later on it will not have any watermark.', 'start': 135.167, 'duration': 7.123}, {'end': 148.973, 'text': 'but with Pro version or the Plus version, that Unity logo goes away.', 'start': 143.13, 'duration': 5.843}, {'end': 157.357, 'text': 'And to be honest, this $400 per year is not a very heavy price when it comes to app development.', 'start': 149.673, 'duration': 7.684}, {'end': 161.179, 'text': 'So you could easily pay this off with just one project.', 'start': 157.817, 'duration': 3.362}], 'summary': 'Unity logo removed in pro/plus versions; $400/yr is affordable for app development', 'duration': 26.012, 'max_score': 135.167, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY135167.jpg'}, {'end': 251.909, 'src': 'embed', 'start': 213.505, 'weight': 3, 'content': [{'end': 220.33, 'text': 'so we can click on this and it will start our hub unity hub download.', 'start': 213.505, 'duration': 6.825}, {'end': 227.472, 'text': "so i'm going to open this up And here we are going to agree.", 'start': 220.33, 'duration': 7.142}, {'end': 231.794, 'text': 'You can install it in C or D, whatever you want.', 'start': 228.492, 'duration': 3.302}, {'end': 237.117, 'text': "And right now it's already running, so it's asking me to close it.", 'start': 233.115, 'duration': 4.002}, {'end': 243.001, 'text': 'And there we have it.', 'start': 242.34, 'duration': 0.661}, {'end': 247.283, 'text': 'So we can click on finish and it should open up our Unity Hub.', 'start': 243.101, 'duration': 4.182}, {'end': 251.909, 'text': 'So once it opens up, you will see something like this.', 'start': 249.249, 'duration': 2.66}], 'summary': 'Downloading unity hub and setting up installation location, then opening the unity hub interface.', 'duration': 38.404, 'max_score': 213.505, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY213505.jpg'}, {'end': 595.599, 'src': 'embed', 'start': 548.505, 'weight': 4, 'content': [{'end': 557.51, 'text': 'Well, the simple answer is that we can create simple designs that will be useful in prototyping, but when it comes to the real app,', 'start': 548.505, 'duration': 9.005}, {'end': 562.193, 'text': 'we can actually go to actual designers to build the design for us.', 'start': 557.51, 'duration': 4.683}, {'end': 573.843, 'text': 'So, over the years I have learned some basic techniques about design and I will be sharing with you how you can implement those to quickly get a prototype out and running.', 'start': 562.893, 'duration': 10.95}, {'end': 576.225, 'text': 'So first of all, you need three things.', 'start': 574.083, 'duration': 2.142}, {'end': 579.068, 'text': 'The first one is the inspiration.', 'start': 576.946, 'duration': 2.122}, {'end': 586.493, 'text': 'So you want to get the concept and you want to follow an idea of a design that you have seen.', 'start': 579.548, 'duration': 6.945}, {'end': 589.875, 'text': 'Then second thing is your color scheme.', 'start': 587.153, 'duration': 2.722}, {'end': 593.217, 'text': 'You want to focus on what kind of colors that you want to use.', 'start': 590.015, 'duration': 3.202}, {'end': 595.599, 'text': 'And then the third thing is the alignment.', 'start': 593.778, 'duration': 1.821}], 'summary': 'Learn basic design techniques to quickly prototype with inspiration, color scheme, and alignment.', 'duration': 47.094, 'max_score': 548.505, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY548505.jpg'}], 'start': 0.63, 'title': 'Computer vision mobile apps course', 'summary': 'Introduces a premium computer vision mobile apps course using unity and opencv c-sharp wrapper, covering basics of image processing, creating 7 apps with real world applications, deployable on both android and ios, and provides pricing details for unity platform.', 'chapters': [{'end': 161.179, 'start': 0.63, 'title': 'Computer vision mobile apps course', 'summary': 'Introduces a premium computer vision mobile apps course using unity and opencv c-sharp wrapper, covering basics of image processing and creating 7 apps with real world applications, deployable on both android and ios, and provides pricing details for unity platform.', 'duration': 160.549, 'highlights': ['The course covers basics of image processing and creating 7 apps with real world applications, deployable on both Android and iOS. Basics of image processing, creating 7 apps, deployable on Android and iOS', 'Unity platform and OpenCV C-Sharp wrapper are used for development, with the option of a free version and a one-time fee for the OpenCV wrapper. Unity platform, OpenCV C-Sharp wrapper, free version, one-time fee', 'Pricing details for Unity platform are provided, including eligibility for the personal version based on earnings and the absence of a watermark with the Pro or Plus version. Pricing details, eligibility for personal version, absence of watermark with Pro/Plus version']}, {'end': 723.544, 'start': 162.319, 'title': 'Setting up unity hub and basics of app design', 'summary': 'Covers the process of setting up unity hub, including selecting and installing different versions, as well as the basics of app design, emphasizing the importance of design in app development and providing guidance on finding design inspiration, color schemes, and alignment.', 'duration': 561.225, 'highlights': ['The chapter covers the process of setting up Unity Hub, including selecting and installing different versions. The process of setting up Unity Hub, including selecting and installing different versions.', 'Provides guidance on finding design inspiration, color schemes, and alignment for app design. Guidance on finding design inspiration, color schemes, and alignment for app design.', 'Emphasizes the importance of design in app development and provides guidance on creating simple designs for prototyping and engaging professional designers for the final app design. Emphasizes the importance of design in app development and provides guidance on creating simple designs for prototyping and engaging professional designers for the final app design.']}], 'duration': 722.914, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY630.jpg', 'highlights': ['Basics of image processing, creating 7 apps, deployable on Android and iOS', 'Unity platform, OpenCV C-Sharp wrapper, free version, one-time fee', 'Pricing details, eligibility for personal version, absence of watermark with Pro/Plus version', 'The process of setting up Unity Hub, including selecting and installing different versions', 'Guidance on finding design inspiration, color schemes, and alignment for app design', 'Emphasizes the importance of design in app development and provides guidance on creating simple designs for prototyping and engaging professional designers for the final app design']}, {'end': 1237.727, 'segs': [{'end': 778.194, 'src': 'embed', 'start': 723.544, 'weight': 0, 'content': [{'end': 727.646, 'text': "it's not the best design either, but it is very minimalistic.", 'start': 723.544, 'duration': 4.102}, {'end': 730.568, 'text': 'so you might want to focus on that as well.', 'start': 727.646, 'duration': 2.922}, {'end': 735.269, 'text': 'So a lot of these designs, you will see that they are very simple, like, for example,', 'start': 731.448, 'duration': 3.821}, {'end': 747.714, 'text': 'this one you have a plain white background and then you have these blue accents and then all of the buttons and the placement is very evenly done,', 'start': 735.269, 'duration': 12.445}, {'end': 749.954, 'text': 'so it looks very visually appealing.', 'start': 747.714, 'duration': 2.24}, {'end': 754.704, 'text': 'So This is the first step for inspiration.', 'start': 751.115, 'duration': 3.589}, {'end': 760.086, 'text': 'You will go to Dribbble to check what other people have done and you might get an inspiration from that.', 'start': 754.744, 'duration': 5.342}, {'end': 768.369, 'text': "For example, right now I'm looking at these different designs and I can see that the homepage at least is very simple.", 'start': 760.606, 'duration': 7.763}, {'end': 769.91, 'text': 'You have one color.', 'start': 768.849, 'duration': 1.061}, {'end': 774.152, 'text': 'and then you have some text and you have a button.', 'start': 770.47, 'duration': 3.682}, {'end': 778.194, 'text': 'So you can get inspiration like this from these designs.', 'start': 774.592, 'duration': 3.602}], 'summary': 'Minimalistic designs with simple elements and even placement for visual appeal, drawing inspiration from dribbble.', 'duration': 54.65, 'max_score': 723.544, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY723544.jpg'}, {'end': 885.569, 'src': 'embed', 'start': 857.475, 'weight': 2, 'content': [{'end': 868.442, 'text': 'So we can pick the same accents in our design, in our app design, because we want it to look more towards the company app.', 'start': 857.475, 'duration': 10.967}, {'end': 871.965, 'text': 'So if we go to the color wheel,', 'start': 869.083, 'duration': 2.882}, {'end': 879.647, 'text': 'you can Google color wheel and you will find these color wheels which will tell you how to pick your primary and your secondary color.', 'start': 871.965, 'duration': 7.682}, {'end': 883.988, 'text': 'So for example, for me, my main color is orange.', 'start': 880.168, 'duration': 3.82}, {'end': 885.569, 'text': 'So this is my main color.', 'start': 884.489, 'duration': 1.08}], 'summary': "Design app with company's accents. use color wheel for primary and secondary colors.", 'duration': 28.094, 'max_score': 857.475, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY857475.jpg'}, {'end': 987.312, 'src': 'embed', 'start': 955.123, 'weight': 3, 'content': [{'end': 958.326, 'text': 'so the last thing i want to share with you is the alignment.', 'start': 955.123, 'duration': 3.203}, {'end': 962.79, 'text': "so a lot of the times, beginners, they don't look at alignment properly.", 'start': 958.326, 'duration': 4.464}, {'end': 972.119, 'text': 'for example, i was working on this design and i have put this black masking on top of this just to make it more clear.', 'start': 962.79, 'duration': 9.329}, {'end': 981.127, 'text': 'but alignment means that you want to keep the number of lines number of guided lines as minimum as possible.', 'start': 972.119, 'duration': 9.008}, {'end': 987.312, 'text': "What does that mean? For example, let's bring in a line and I will change it to whites.", 'start': 981.707, 'duration': 5.605}], 'summary': 'Proper alignment minimizes guided lines for clarity.', 'duration': 32.189, 'max_score': 955.123, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY955123.jpg'}, {'end': 1237.727, 'src': 'embed', 'start': 1176.414, 'weight': 4, 'content': [{'end': 1185.363, 'text': 'But today we are going to use Canva because Canva is very easy to prototype and it is very, very efficient and fast.', 'start': 1176.414, 'duration': 8.949}, {'end': 1190.906, 'text': 'So what we will do is we will go to kenva.com and of course it is free to use.', 'start': 1186.104, 'duration': 4.802}, {'end': 1195.868, 'text': 'There is a paid subscription as well, but you can get away with free version as well.', 'start': 1191.186, 'duration': 4.682}, {'end': 1202.931, 'text': 'So you can create a design and here we are going to write the dimensions of our mobile phone.', 'start': 1196.529, 'duration': 6.402}, {'end': 1209.194, 'text': 'So you can write the biggest one you are expecting, or you can write even a middle one.', 'start': 1203.352, 'duration': 5.842}, {'end': 1210.815, 'text': "It doesn't matter that much.", 'start': 1209.214, 'duration': 1.601}, {'end': 1217.178, 'text': 'All you have to do is you have to keep in mind that there will be bigger devices than what you are testing on.', 'start': 1211.815, 'duration': 5.363}, {'end': 1227.242, 'text': 'So I do have quite a large phone and the dimensions for that are 1080 by 2400.', 'start': 1217.838, 'duration': 9.404}, {'end': 1231.844, 'text': "So I'm going to keep that as my standard size.", 'start': 1227.242, 'duration': 4.602}, {'end': 1237.727, 'text': "So I'm using Samsung A31.", 'start': 1235.466, 'duration': 2.261}], 'summary': 'Using canva for mobile phone design, free version available, dimensions for samsung a31: 1080x2400.', 'duration': 61.313, 'max_score': 1176.414, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY1176414.jpg'}], 'start': 723.544, 'title': 'Design principles in app design', 'summary': 'Discusses finding design inspiration on dribbble, selecting primary and secondary colors for app design, the importance of minimalistic and visually appealing designs, and the significance of proper alignment in achieving a systematic look with quantifiable data on dimensions for mobile design.', 'chapters': [{'end': 954.16, 'start': 723.544, 'title': 'Design inspiration and color selection', 'summary': 'Discusses how to find design inspiration on dribbble and select primary and secondary colors for app design, emphasizing the use of minimalistic and visually appealing designs, as well as the importance of picking complementary primary and secondary colors.', 'duration': 230.616, 'highlights': ['The chapter emphasizes the importance of minimalistic and visually appealing designs, with a focus on simple layouts and color combinations for a visually appealing look.', 'Utilizing Dribbble for design inspiration is highlighted, emphasizing the simplicity of main screens and the potential for inspiration from other designs.', 'The process of selecting primary and secondary colors for app design is explained, stressing the significance of complementary color combinations and the use of color wheels for guidance.']}, {'end': 1237.727, 'start': 955.123, 'title': 'Importance of alignment in design', 'summary': 'Emphasizes the importance of alignment in design, highlighting the visual appeal and systematic look achieved by minimizing guided lines and ensuring proper alignment with quantifiable data on dimensions for mobile design.', 'duration': 282.604, 'highlights': ['Emphasizes the importance of alignment in design for visual appeal and systematic look, minimizing guided lines and ensuring proper alignment. Visual appeal, systematic look, minimizing guided lines, proper alignment', 'Provides quantifiable data on dimensions for mobile design, highlighting the standard size for a Samsung A31 as 1080 by 2400. Dimensions for mobile design, standard size for Samsung A31 (1080 by 2400)', 'Suggests the usage of Canva for design prototyping due to its ease and efficiency, mentioning it as a free tool with a paid subscription option. Recommendation of Canva for design prototyping, ease and efficiency, free tool with paid subscription option']}], 'duration': 514.183, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY723544.jpg', 'highlights': ['The chapter emphasizes the importance of minimalistic and visually appealing designs, with a focus on simple layouts and color combinations for a visually appealing look.', 'Utilizing Dribbble for design inspiration is highlighted, emphasizing the simplicity of main screens and the potential for inspiration from other designs.', 'The process of selecting primary and secondary colors for app design is explained, stressing the significance of complementary color combinations and the use of color wheels for guidance.', 'Emphasizes the importance of alignment in design for visual appeal and systematic look, minimizing guided lines and ensuring proper alignment.', 'Provides quantifiable data on dimensions for mobile design, highlighting the standard size for a Samsung A31 as 1080 by 2400.', 'Suggests the usage of Canva for design prototyping due to its ease and efficiency, mentioning it as a free tool with a paid subscription option.']}, {'end': 3035.639, 'segs': [{'end': 1304.167, 'src': 'embed', 'start': 1273.615, 'weight': 2, 'content': [{'end': 1283.343, 'text': "So let's go to the colors and here I'm going to just eyeball it for now because later we can change this color as well.", 'start': 1273.615, 'duration': 9.728}, {'end': 1284.845, 'text': "So let's say this is our orange.", 'start': 1283.444, 'duration': 1.401}, {'end': 1286.516, 'text': 'that we want.', 'start': 1285.916, 'duration': 0.6}, {'end': 1291.159, 'text': 'And the second thing we will do is to import our logo.', 'start': 1287.257, 'duration': 3.902}, {'end': 1295.822, 'text': "So I'm using my logo that I have.", 'start': 1291.84, 'duration': 3.982}, {'end': 1298.403, 'text': "I've already uploaded it.", 'start': 1297.063, 'duration': 1.34}, {'end': 1300.305, 'text': 'I can write here logo.', 'start': 1298.684, 'duration': 1.621}, {'end': 1304.167, 'text': 'And this is the logo that I will be using.', 'start': 1301.585, 'duration': 2.582}], 'summary': 'Eyeballing colors and importing logo for design.', 'duration': 30.552, 'max_score': 1273.615, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY1273615.jpg'}, {'end': 1622.553, 'src': 'embed', 'start': 1586.141, 'weight': 0, 'content': [{'end': 1590.041, 'text': 'And then, uh, we can of course, copy this and paste it again.', 'start': 1586.141, 'duration': 3.9}, {'end': 1596.903, 'text': "We can lock this so that it doesn't move and we can copy this.", 'start': 1591.202, 'duration': 5.701}, {'end': 1602.776, 'text': 'and paste it down here and we can write about.', 'start': 1600.114, 'duration': 2.662}, {'end': 1615.767, 'text': "So we do need to add some information, because, especially if you're uploading to what do you call the app store?", 'start': 1603.817, 'duration': 11.95}, {'end': 1622.553, 'text': 'they will not allow unless you have some information on how the app works, who built it and stuff like that.', 'start': 1615.767, 'duration': 6.786}], 'summary': 'Need to provide app information for app store upload, including how the app works and who built it.', 'duration': 36.412, 'max_score': 1586.141, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY1586141.jpg'}, {'end': 2452.74, 'src': 'embed', 'start': 2419.238, 'weight': 3, 'content': [{'end': 2420.94, 'text': 'So we can copy this part here.', 'start': 2419.238, 'duration': 1.702}, {'end': 2426.185, 'text': 'You can paste it here and like the design we saw in dribble.', 'start': 2420.96, 'duration': 5.225}, {'end': 2437.216, 'text': "We are going to keep it at the edges and we will curve it here and we will make it, let's say 30% of our screen.", 'start': 2426.994, 'duration': 10.222}, {'end': 2441.177, 'text': 'And then we can copy the back button.', 'start': 2439.157, 'duration': 2.02}, {'end': 2446.519, 'text': 'So this is our back button at the same position.', 'start': 2444.418, 'duration': 2.101}, {'end': 2452.74, 'text': 'And then we can write chapter one, for example, we can copy it from here.', 'start': 2447.539, 'duration': 5.201}], 'summary': 'Design a screen with 30% curve, back button, and chapter one.', 'duration': 33.502, 'max_score': 2419.238, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY2419238.jpg'}, {'end': 2989.128, 'src': 'embed', 'start': 2961.23, 'weight': 1, 'content': [{'end': 2963.472, 'text': 'Align it with that.', 'start': 2961.23, 'duration': 2.242}, {'end': 2964.192, 'text': 'And there you go.', 'start': 2963.692, 'duration': 0.5}, {'end': 2969.848, 'text': 'so i think that should be fine.', 'start': 2966.224, 'duration': 3.624}, {'end': 2973.693, 'text': 'so again, this is not the best design, this is not the.', 'start': 2969.848, 'duration': 3.845}, {'end': 2977.757, 'text': "you won't say wow, this is amazing, but it is not bad to look at.", 'start': 2973.693, 'duration': 4.064}, {'end': 2986.427, 'text': 'so if you show this as a demo, it will be impressive that you have put some effort rather than just putting some random gray buttons,', 'start': 2977.757, 'duration': 8.67}, {'end': 2989.128, 'text': 'some random text.', 'start': 2987.227, 'duration': 1.901}], 'summary': "The design is not the best, but it's impressive to see effort put into the demo.", 'duration': 27.898, 'max_score': 2961.23, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY2961230.jpg'}], 'start': 1239.252, 'title': 'Designing interfaces and buttons', 'summary': 'Covers the process of designing computer vision interfaces, app menus, content prototypes, and capture and switch buttons. it includes details such as color selection, logo customization, text and image incorporation, and emphasizes the importance of effort in button design.', 'chapters': [{'end': 1585.301, 'start': 1239.252, 'title': 'Designing computer vision interface', 'summary': 'Details the process of designing a computer vision interface, including selecting primary color, importing and customizing a logo, adding texture, selecting font, and creating a button for prototyping in unity.', 'duration': 346.049, 'highlights': ['Selecting primary color and importing logo The primary color selected is orange, and an SVG logo is imported and customized in terms of color and position.', 'Adding texture and customization Texture is added to the interface, and options for customization such as transparency, scaling, and positioning are explored.', 'Prototyping interface elements for Unity The process of prototyping elements like text, font, and button for Unity is detailed, with emphasis on making necessary adjustments for functionality.']}, {'end': 2418.617, 'start': 1586.141, 'title': 'App design and development', 'summary': 'Outlines the process of creating a minimalist homepage and designing a menu for an app, focusing on features such as search functionality, chapter organization, and differentiation between chapters and projects.', 'duration': 832.476, 'highlights': ["The chapter emphasizes the need for adding information about the app's functionality and development, required for app store upload. It is stated that adding information about how the app works and its developers is essential for app store approval.", 'The chapter discusses the design process, including creating a minimalist homepage and adding search functionality and differentiation between chapters and projects. The process of creating a minimalist homepage and designing a menu for chapters and projects, along with features like search functionality, is described.', 'The chapter details the design considerations, such as color differentiations for chapters and projects, and the need for a back button on the main screen. Considerations for color differentiations between chapters and projects and the inclusion of a back button on the main screen are highlighted.']}, {'end': 2755.619, 'start': 2419.238, 'title': 'Design prototype for chapter content', 'summary': 'Outlines the process of designing a prototype for chapter content, including creating a back button, adding text and images, adjusting shadows, and incorporating buttons, with a focus on creating a user-friendly interface.', 'duration': 336.381, 'highlights': ['The chapter explains how to design a prototype for chapter content, including creating a back button, adding text and images, adjusting shadows, and incorporating buttons, with a focus on creating a user-friendly interface.', 'The process involves aligning and adjusting elements, such as text, images, and buttons, to ensure a visually appealing and user-friendly interface.', 'The example also includes the addition of a webcam image, emphasizing the importance of considering the design of headers and footers for a cohesive user experience.', 'The speaker emphasizes the need to avoid spending excessive time on one element, as the focus is on creating a prototype for future use.']}, {'end': 3035.639, 'start': 2756.997, 'title': 'Designing capture and switch buttons', 'summary': 'Discusses the process of designing capture and switch buttons for a prototype, emphasizing the importance of adding effort to the design to make it impressive, rather than using random elements. it also mentions the potential sources for finding different designs for buttons and icons.', 'duration': 278.642, 'highlights': ['The chapter discusses the process of designing capture and switch buttons for a prototype. It explains the steps involved in creating the buttons, such as adding circles, adjusting sizes, and grouping elements.', 'Emphasizes the importance of adding effort to the design to make it impressive. The chapter highlights the value of putting effort into the design, stating that it can make a significant difference in creating impressive prototypes or demos for real apps.', 'Mentions potential sources for finding different designs for buttons and icons. It suggests using platforms like flat icon, free pics, or material design to find a variety of designs for buttons and icons, providing alternative sources if exporting single images from Canva using the free version is not allowed.']}], 'duration': 1796.387, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY1239252.jpg', 'highlights': ["The chapter emphasizes the need for adding information about the app's functionality and development, required for app store upload.", 'The process involves aligning and adjusting elements, such as text, images, and buttons, to ensure a visually appealing and user-friendly interface.', 'The primary color selected is orange, and an SVG logo is imported and customized in terms of color and position.', 'The chapter discusses the process of designing capture and switch buttons for a prototype.']}, {'end': 3663.865, 'segs': [{'end': 3168.917, 'src': 'heatmap', 'start': 3036.98, 'weight': 0, 'content': [{'end': 3041.782, 'text': "So, for example, if you're talking about the capture button, so let's try to find that.", 'start': 3036.98, 'duration': 4.802}, {'end': 3044.163, 'text': 'And these are very, very good designs.', 'start': 3042.183, 'duration': 1.98}, {'end': 3049.946, 'text': "So you can write here, capture, let's say, uh, nothing for that.", 'start': 3044.964, 'duration': 4.982}, {'end': 3050.987, 'text': "Let's write camera.", 'start': 3050.006, 'duration': 0.981}, {'end': 3053.388, 'text': 'There you go.', 'start': 3052.948, 'duration': 0.44}, {'end': 3056.169, 'text': 'So here you can see this is for camera control.', 'start': 3053.868, 'duration': 2.301}, {'end': 3060.351, 'text': 'You can use this, uh, then you can use this.', 'start': 3056.189, 'duration': 4.162}, {'end': 3063.192, 'text': 'There are many things you can use.', 'start': 3061.292, 'duration': 1.9}, {'end': 3065.494, 'text': "Then let's say we want crop.", 'start': 3063.873, 'duration': 1.621}, {'end': 3069.228, 'text': "So let's write here crop.", 'start': 3067.307, 'duration': 1.921}, {'end': 3072.369, 'text': 'Do we have, yeah.', 'start': 3071.669, 'duration': 0.7}, {'end': 3073.469, 'text': 'So we have for crop.', 'start': 3072.449, 'duration': 1.02}, {'end': 3082.212, 'text': "So as you can see, you will find a lot of good, uh, icons here and these, if I'm not mistaken, these are free to use.", 'start': 3074.109, 'duration': 8.103}, {'end': 3085.053, 'text': 'Uh, these are in public domains.', 'start': 3083.473, 'duration': 1.58}, {'end': 3087.074, 'text': 'You can read the license on them as well.', 'start': 3085.173, 'duration': 1.901}, {'end': 3091.355, 'text': 'This is the Apache license version number two.', 'start': 3087.454, 'duration': 3.901}, {'end': 3093.136, 'text': 'So you can read more about this.', 'start': 3091.775, 'duration': 1.361}, {'end': 3098.602, 'text': 'so, once we have the overall picture of what we are going to do,', 'start': 3094.901, 'duration': 3.701}, {'end': 3108.163, 'text': 'we will move on to the unity project and we will recreate all these four different pages, and from there we will start with our projects,', 'start': 3098.602, 'duration': 9.561}, {'end': 3118.345, 'text': 'or the chapters, one by one.', 'start': 3108.163, 'duration': 10.182}, {'end': 3121.786, 'text': "so now let's get started with creating our app.", 'start': 3118.345, 'duration': 3.441}, {'end': 3131.118, 'text': 'so first we will create a new project And we will call this CV underscore app.', 'start': 3121.786, 'duration': 9.332}, {'end': 3135.341, 'text': 'We will keep the default settings for now.', 'start': 3133.42, 'duration': 1.921}, {'end': 3142.786, 'text': 'So here we have our Unity project opened up.', 'start': 3139.604, 'duration': 3.182}, {'end': 3145.768, 'text': "So let's have a look at the interface first.", 'start': 3143.687, 'duration': 2.081}, {'end': 3153.994, 'text': 'So on the left hand side, we have the hierarchy, which has all the different objects that are present in our game or app.', 'start': 3146.529, 'duration': 7.465}, {'end': 3162.012, 'text': 'Then in the middle we have our scene and this is the exact same place we will have our game.', 'start': 3155.066, 'duration': 6.946}, {'end': 3168.917, 'text': 'So game is basically the preview or when you press the run button, this is where it will lead you to.', 'start': 3162.752, 'duration': 6.165}], 'summary': 'The transcript discusses finding and using icons for a unity project, as well as creating a new project called cv_app with default settings.', 'duration': 56.156, 'max_score': 3036.98, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY3036980.jpg'}, {'end': 3362.951, 'src': 'heatmap', 'start': 3261.353, 'weight': 0.719, 'content': [{'end': 3269.239, 'text': 'Now this is a project folder and we have the console on which we can check our debug, our game or app.', 'start': 3261.353, 'duration': 7.886}, {'end': 3271.021, 'text': 'And then we have the animation.', 'start': 3269.66, 'duration': 1.361}, {'end': 3277.666, 'text': 'So the first thing we can do is we can bring in the graphics of our project.', 'start': 3272.462, 'duration': 5.204}, {'end': 3286.415, 'text': "So I will right click here and I will create a new project, a new folder, and I will call this, let's say the course.", 'start': 3278.533, 'duration': 7.882}, {'end': 3291.616, 'text': 'And inside this, I am going to drag in the graphics.', 'start': 3288.595, 'duration': 3.021}, {'end': 3301.818, 'text': 'So this graphics folder will be available on the course page.', 'start': 3298.437, 'duration': 3.381}, {'end': 3303.578, 'text': 'You can download it from there.', 'start': 3302.318, 'duration': 1.26}, {'end': 3308.019, 'text': 'And it has all these different images that we will be using.', 'start': 3304.378, 'duration': 3.641}, {'end': 3312.726, 'text': 'so, but the thing is, we cannot use them right now.', 'start': 3309.082, 'duration': 3.644}, {'end': 3320.074, 'text': 'what we do have to do is we have to go to each one of these and we have to change its property.', 'start': 3312.726, 'duration': 7.348}, {'end': 3323.298, 'text': 'so the property we have to change is basically the texture.', 'start': 3320.074, 'duration': 3.224}, {'end': 3329.223, 'text': 'so the texture type has to be sprites 2d and ui.', 'start': 3324.522, 'duration': 4.701}, {'end': 3332.324, 'text': 'so ui stands for user interface.', 'start': 3329.223, 'duration': 3.101}, {'end': 3335.025, 'text': 'so we are going to use the ui method.', 'start': 3332.324, 'duration': 2.701}, {'end': 3342.867, 'text': 'so here we will change it, but instead of changing one, we are going to change all of them simultaneously.', 'start': 3335.025, 'duration': 7.842}, {'end': 3344.807, 'text': "so let's click here.", 'start': 3342.867, 'duration': 1.94}, {'end': 3354.507, 'text': 'i will press shift and i will click on the last one and I am going to go to default sprites and I will apply.', 'start': 3344.807, 'duration': 9.7}, {'end': 3362.951, 'text': 'So this will change all of them and now you can see it is showing us the PNG images with the proper backgrounds.', 'start': 3355.668, 'duration': 7.283}], 'summary': 'Setting up project folder, importing graphics, and changing properties for sprites 2d and ui method.', 'duration': 101.598, 'max_score': 3261.353, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY3261353.jpg'}, {'end': 3354.507, 'src': 'embed', 'start': 3320.074, 'weight': 3, 'content': [{'end': 3323.298, 'text': 'so the property we have to change is basically the texture.', 'start': 3320.074, 'duration': 3.224}, {'end': 3329.223, 'text': 'so the texture type has to be sprites 2d and ui.', 'start': 3324.522, 'duration': 4.701}, {'end': 3332.324, 'text': 'so ui stands for user interface.', 'start': 3329.223, 'duration': 3.101}, {'end': 3335.025, 'text': 'so we are going to use the ui method.', 'start': 3332.324, 'duration': 2.701}, {'end': 3342.867, 'text': 'so here we will change it, but instead of changing one, we are going to change all of them simultaneously.', 'start': 3335.025, 'duration': 7.842}, {'end': 3344.807, 'text': "so let's click here.", 'start': 3342.867, 'duration': 1.94}, {'end': 3354.507, 'text': 'i will press shift and i will click on the last one and I am going to go to default sprites and I will apply.', 'start': 3344.807, 'duration': 9.7}], 'summary': 'Changing property texture to sprites 2d and ui method for user interface, applying to all simultaneously.', 'duration': 34.433, 'max_score': 3320.074, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY3320074.jpg'}, {'end': 3603.48, 'src': 'embed', 'start': 3573.773, 'weight': 2, 'content': [{'end': 3576.673, 'text': 'Now, the next thing we have is our default icon.', 'start': 3573.773, 'duration': 2.9}, {'end': 3581.114, 'text': 'So if you have already imported the images, then you can simply select.', 'start': 3577.374, 'duration': 3.74}, {'end': 3583.715, 'text': 'And here you can see the app icon.', 'start': 3582.034, 'duration': 1.681}, {'end': 3585.695, 'text': 'So I can select that.', 'start': 3584.415, 'duration': 1.28}, {'end': 3589.936, 'text': 'Then in the Android settings, you are going to go to resolution.', 'start': 3586.755, 'duration': 3.181}, {'end': 3596.899, 'text': 'And in the resolution, we are going to set our orientation as portrait.', 'start': 3591.138, 'duration': 5.761}, {'end': 3599.52, 'text': "We don't want it to automatically rotate.", 'start': 3597.479, 'duration': 2.041}, {'end': 3603.48, 'text': 'We want it to keep as portrait by default.', 'start': 3600.3, 'duration': 3.18}], 'summary': 'Set app icon and resolution to portrait in android settings.', 'duration': 29.707, 'max_score': 3573.773, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY3573773.jpg'}], 'start': 3036.98, 'title': 'User interface design tips and unity project creation', 'summary': 'Discusses user interface design tips such as finding and using appropriate icons, and also covers the process of creating a unity project, including interface overview, adding graphics, and adjusting project settings for android platform.', 'chapters': [{'end': 3093.136, 'start': 3036.98, 'title': 'User interface design tips', 'summary': 'Discusses user interface design tips, including finding and using appropriate icons and understanding their licensing, with a focus on the capture, camera control, and crop icons.', 'duration': 56.156, 'highlights': ['The icons discussed in the transcript are free to use and are available in the public domain, specifically licensed under the Apache License version 2.', 'The chapter provides guidance on finding and using appropriate icons for functions such as capture, camera control, and crop in user interface design.']}, {'end': 3663.865, 'start': 3094.901, 'title': 'Creating unity project and interface overview', 'summary': 'Covers the process of creating a unity project, including interface overview, adding graphics, and adjusting project settings for android platform, emphasizing the importance of platform selection and interface customization.', 'duration': 568.964, 'highlights': ['The chapter covers the process of creating a Unity project and interface overview, emphasizing the importance of platform selection and interface customization. This includes recreating different pages, understanding Unity interface components such as hierarchy, scene, game, inspector, and project folder, and adjusting project settings for Android platform.', "The importance of platform selection for Android and the significance of keeping the orientation as portrait are highlighted in the process of adjusting project settings. Emphasizes the need to switch to the correct platform (Android or iOS) and set the orientation as portrait to ensure the app's usability.", 'The process of adding graphics to the project, including changing the texture type to sprites 2D and UI, is explained to enable the usage of imported images in the design. Involves creating a new folder for graphics, changing the texture type of images to sprites 2D and UI, and organizing images for use in the design.']}], 'duration': 626.885, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY3036980.jpg', 'highlights': ['The chapter provides guidance on finding and using appropriate icons for functions such as capture, camera control, and crop in user interface design.', 'The icons discussed in the transcript are free to use and are available in the public domain, specifically licensed under the Apache License version 2.', 'The importance of platform selection for Android and the significance of keeping the orientation as portrait are highlighted in the process of adjusting project settings.', 'The process of adding graphics to the project, including changing the texture type to sprites 2D and UI, is explained to enable the usage of imported images in the design.']}, {'end': 4367.589, 'segs': [{'end': 3751.99, 'src': 'embed', 'start': 3664.205, 'weight': 0, 'content': [{'end': 3673.531, 'text': 'So that auto format is very important because you cannot remember every method or every spelling, whatever is available in the package.', 'start': 3664.205, 'duration': 9.326}, {'end': 3677.655, 'text': 'So this is quite handy and we are going to close this.', 'start': 3674.813, 'duration': 2.842}, {'end': 3686.501, 'text': 'So these are the settings that are required to get started with our Unity project for OpenCV and computer vision.', 'start': 3678.816, 'duration': 7.685}, {'end': 3696.043, 'text': 'So now we are going to create our startup page.', 'start': 3693.342, 'duration': 2.701}, {'end': 3701.645, 'text': 'Now the startup page is where you will have the start button and you will have the logo,', 'start': 3696.483, 'duration': 5.162}, {'end': 3705.846, 'text': 'and where you will also have the option to check what the app is about.', 'start': 3701.645, 'duration': 4.201}, {'end': 3708.407, 'text': 'So we will have an about button as well.', 'start': 3706.266, 'duration': 2.141}, {'end': 3714.309, 'text': 'So to do this, we are going to go to assets and then we will go to our course.', 'start': 3709.247, 'duration': 5.062}, {'end': 3721.131, 'text': 'In the course, we are going to right click and we are going to create a new scene.', 'start': 3715.089, 'duration': 6.042}, {'end': 3726.575, 'text': 'So we will call this start up page.', 'start': 3722.352, 'duration': 4.223}, {'end': 3731.158, 'text': 'So we can open this startup page.', 'start': 3729.397, 'duration': 1.761}, {'end': 3735.381, 'text': 'By the way, you can see we have some errors on the console.', 'start': 3732.479, 'duration': 2.902}, {'end': 3737.903, 'text': 'So we can just hit clear.', 'start': 3736.042, 'duration': 1.861}, {'end': 3741.306, 'text': "If they clear out, it means we don't have any issues.", 'start': 3738.183, 'duration': 3.123}, {'end': 3744.128, 'text': 'If it remains, then we have a problem.', 'start': 3741.906, 'duration': 2.222}, {'end': 3749.35, 'text': 'So we are going to go to our project and we have already opened up startup page.', 'start': 3745.509, 'duration': 3.841}, {'end': 3751.99, 'text': 'You can see here that it says startup page.', 'start': 3749.73, 'duration': 2.26}], 'summary': 'Setting up unity project for opencv and computer vision, creating startup page with buttons and logo.', 'duration': 87.785, 'max_score': 3664.205, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY3664205.jpg'}, {'end': 3805.941, 'src': 'embed', 'start': 3782.829, 'weight': 3, 'content': [{'end': 3790.434, 'text': 'So first of all, we are going to go to the canvas scaler and here we are going to scale with screen size.', 'start': 3782.829, 'duration': 7.605}, {'end': 3797.045, 'text': 'and the screen size we are going to choose will be the one that we have on our phone.', 'start': 3791.676, 'duration': 5.369}, {'end': 3799.75, 'text': 'So at least for the one that we want to test.', 'start': 3797.466, 'duration': 2.284}, {'end': 3805.941, 'text': 'So here we are going to write 1080 by 2400.', 'start': 3800.572, 'duration': 5.369}], 'summary': 'Configuring canvas scaler to scale with screen size at 1080x2400.', 'duration': 23.112, 'max_score': 3782.829, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY3782829.jpg'}, {'end': 3952.276, 'src': 'embed', 'start': 3920.585, 'weight': 4, 'content': [{'end': 3932.49, 'text': 'so we are going to go to our rectangle tool and from that rectangle tool let me click that again we are going to stretch it out.', 'start': 3920.585, 'duration': 11.905}, {'end': 3940.87, 'text': 'So here you can see when I stretch this out, my value over here for the width and the height changes.', 'start': 3933.666, 'duration': 7.204}, {'end': 3947.733, 'text': 'So instead of stretching this out, what I can do is I can write here the exact values that I want.', 'start': 3941.77, 'duration': 5.963}, {'end': 3952.276, 'text': 'So I want this background to be bigger than my canvas.', 'start': 3948.534, 'duration': 3.742}], 'summary': 'Using the rectangle tool to adjust dimensions, allowing for precise size control.', 'duration': 31.691, 'max_score': 3920.585, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY3920585.jpg'}, {'end': 4278.955, 'src': 'embed', 'start': 4219.582, 'weight': 5, 'content': [{'end': 4228.409, 'text': 'so we are going to close this and we can go to our game and you can see a slight subtle texture of the logo at the back.', 'start': 4219.582, 'duration': 8.827}, {'end': 4231.071, 'text': 'so this gives us a nice look.', 'start': 4228.409, 'duration': 2.662}, {'end': 4234.379, 'text': 'Okay, so so far, so good.', 'start': 4232.458, 'duration': 1.921}, {'end': 4241.645, 'text': 'Now the third thing is our logo itself that will come in the middle of our image or the middle of the app.', 'start': 4234.9, 'duration': 6.745}, {'end': 4248.03, 'text': 'So here we will go and we will create a new image and this image again will be our logo.', 'start': 4242.786, 'duration': 5.244}, {'end': 4261.031, 'text': "So I can click on that and here again we can change the size of this to let's say 500 by 500.", 'start': 4248.65, 'duration': 12.381}, {'end': 4262.155, 'text': 'Yeah, it seems nice.', 'start': 4261.031, 'duration': 1.124}, {'end': 4263.559, 'text': "It's not so bad.", 'start': 4262.175, 'duration': 1.384}, {'end': 4273.552, 'text': 'One other thing that you can do, if you want to be very exact with your scaling and everything, when you design it in Canva or whatever software,', 'start': 4265.248, 'duration': 8.304}, {'end': 4278.955, 'text': 'you can import that image and you can bring it in the background and then you can change the transparency of it.', 'start': 4273.552, 'duration': 5.403}], 'summary': 'Design features include subtle logo texture, 500x500 logo size, and transparent background option.', 'duration': 59.373, 'max_score': 4219.582, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY4219582.jpg'}, {'end': 4347.21, 'src': 'embed', 'start': 4315.946, 'weight': 7, 'content': [{'end': 4318.626, 'text': 'And first of all, you want to increase the text area.', 'start': 4315.946, 'duration': 2.68}, {'end': 4321.607, 'text': 'So here we are going to increase the size.', 'start': 4319.307, 'duration': 2.3}, {'end': 4324.208, 'text': "Let's say till here and till here.", 'start': 4321.807, 'duration': 2.401}, {'end': 4327.602, 'text': 'Then we can increase it here as well.', 'start': 4325.421, 'duration': 2.181}, {'end': 4332.684, 'text': 'And then we are going to increase the font size.', 'start': 4329.002, 'duration': 3.682}, {'end': 4335.585, 'text': "So here you can see I'm increasing the font size.", 'start': 4333.464, 'duration': 2.121}, {'end': 4342.588, 'text': 'And then I can also middle it horizontally and middle it vertically.', 'start': 4337.146, 'duration': 5.442}, {'end': 4347.21, 'text': 'Now we have selected a font.', 'start': 4343.969, 'duration': 3.241}], 'summary': 'Increasing text area, font size, and aligning text horizontally and vertically.', 'duration': 31.264, 'max_score': 4315.946, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY4315946.jpg'}], 'start': 3664.205, 'title': 'Unity project setup and mobile app ui design', 'summary': 'Covers setting up a unity project for opencv, emphasizing the importance of auto format and creating a startup page. it also discusses mobile app ui design in unity, including configuring the canvas area, canvas scaler, and customizing images and text elements.', 'chapters': [{'end': 3751.99, 'start': 3664.205, 'title': 'Setting up unity project for opencv', 'summary': 'Covers the importance of auto format in setting up unity project for opencv and creating a startup page with a start button, logo, and about button, while emphasizing the need to clear errors from the console.', 'duration': 87.785, 'highlights': ['The importance of auto format in setting up Unity project for OpenCV, as it is handy and eliminates the need to remember every method or spelling, thereby streamlining the process.', 'Creating a startup page in Unity with a start button, logo, and about button, providing a clear structure for the initial interface and user interaction.', 'Emphasizing the need to clear errors from the console when opening the startup page in the Unity project, ensuring a smooth development process.']}, {'end': 4367.589, 'start': 3752.371, 'title': 'Mobile app ui design in unity', 'summary': 'Discusses setting up the canvas area for a mobile app in unity, including configuring the canvas scaler for screen size, adjusting image dimensions and positions, and adding and customizing images and text elements.', 'duration': 615.218, 'highlights': ['Configuring the canvas scaler for screen size by setting it to 1080 by 2400, suitable for testing on a Samsung A31 and other devices, and adding custom resolutions for different screen sizes. Canvas scaler set to 1080 by 2400 for testing on Samsung A31; Custom resolutions added for different screen sizes.', 'Adjusting the size and position of the background image to fit the canvas, specifying a larger size to accommodate variations in canvas size for different devices, and changing the background color. Background image size adjusted to 1500 by 3000 to fit canvas; Background color changed to orange (#FF9A00).', 'Importing and adjusting the scale, position, rotation, and transparency of the logo image to create a subtle texture in the background. Logo image scaled to 3500 by 3500; Transparency adjusted to 20 for a subtle texture.', 'Adding a smaller logo image and customizing its size to 500 by 500, and middle aligning it horizontally and vertically. Smaller logo image size set to 500 by 500; Middle aligned horizontally and vertically.', 'Importing and customizing text elements, including increasing the size, font size, and alignment, and importing fonts from Google Fonts. Text elements size and font size increased; Fonts imported from Google Fonts.']}], 'duration': 703.384, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY3664205.jpg', 'highlights': ['Emphasizing the need to clear errors from the console when opening the startup page in the Unity project, ensuring a smooth development process.', 'Creating a startup page in Unity with a start button, logo, and about button, providing a clear structure for the initial interface and user interaction.', 'The importance of auto format in setting up Unity project for OpenCV, as it is handy and eliminates the need to remember every method or spelling, thereby streamlining the process.', 'Configuring the canvas scaler for screen size by setting it to 1080 by 2400, suitable for testing on a Samsung A31 and other devices, and adding custom resolutions for different screen sizes.', 'Adjusting the size and position of the background image to fit the canvas, specifying a larger size to accommodate variations in canvas size for different devices, and changing the background color.', 'Importing and adjusting the scale, position, rotation, and transparency of the logo image to create a subtle texture in the background.', 'Adding a smaller logo image and customizing its size to 500 by 500, and middle aligning it horizontally and vertically.', 'Importing and customizing text elements, including increasing the size, font size, and alignment, and importing fonts from Google Fonts.']}, {'end': 5614.664, 'segs': [{'end': 4434.257, 'src': 'embed', 'start': 4402.647, 'weight': 3, 'content': [{'end': 4404.748, 'text': 'And here we can change the text.', 'start': 4402.647, 'duration': 2.101}, {'end': 4406.508, 'text': 'So we can write the text here.', 'start': 4405.308, 'duration': 1.2}, {'end': 4407.669, 'text': "Let's say computer.", 'start': 4406.568, 'duration': 1.101}, {'end': 4416.911, 'text': 'Vision So now you will see it is not showing up because it does not have enough space.', 'start': 4409.128, 'duration': 7.783}, {'end': 4421.592, 'text': 'So if you push it around, you can see you have good amount of space.', 'start': 4417.551, 'duration': 4.041}, {'end': 4424.554, 'text': 'But the spacing in between is really bad.', 'start': 4422.413, 'duration': 2.141}, {'end': 4426.554, 'text': 'So we want to reduce that.', 'start': 4424.774, 'duration': 1.78}, {'end': 4427.975, 'text': 'So this is the line spacing.', 'start': 4426.634, 'duration': 1.341}, {'end': 4434.257, 'text': "I can reduce that to let's say 0.6 and I can push it up here.", 'start': 4428.655, 'duration': 5.602}], 'summary': 'Adjust text spacing to improve readability and visual appearance.', 'duration': 31.61, 'max_score': 4402.647, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY4402647.jpg'}, {'end': 4507.795, 'src': 'embed', 'start': 4473.157, 'weight': 1, 'content': [{'end': 4474.817, 'text': 'So we can do it like this.', 'start': 4473.157, 'duration': 1.66}, {'end': 4480.239, 'text': 'So the best way to do this is using two screens.', 'start': 4477.898, 'duration': 2.341}, {'end': 4484.841, 'text': 'So usually I have one screen for the game and the other one is for the scene.', 'start': 4480.419, 'duration': 4.422}, {'end': 4487.542, 'text': "So I'm doing both of them together.", 'start': 4485.261, 'duration': 2.281}, {'end': 4491.043, 'text': 'So that is the most ideal scenario.', 'start': 4488.262, 'duration': 2.781}, {'end': 4493.304, 'text': "But if you don't have a second screen, you can do this as well.", 'start': 4491.063, 'duration': 2.241}, {'end': 4497.086, 'text': 'Okay, so I think that is good enough for now.', 'start': 4494.744, 'duration': 2.342}, {'end': 4500.529, 'text': 'And then we can add our button.', 'start': 4497.947, 'duration': 2.582}, {'end': 4507.795, 'text': 'So the button, how can you add? You can right click and go to UI and you can add a button.', 'start': 4501.35, 'duration': 6.445}], 'summary': 'Using two screens is the best way for game and scene, but single-screen approach is also feasible. button can be added through ui.', 'duration': 34.638, 'max_score': 4473.157, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY4473157.jpg'}, {'end': 4564.103, 'src': 'embed', 'start': 4532.975, 'weight': 2, 'content': [{'end': 4536.397, 'text': 'And in that image, we are going to create a button.', 'start': 4532.975, 'duration': 3.422}, {'end': 4541.9, 'text': 'So basically in Unity, all you have to do is you have to add a component.', 'start': 4537.017, 'duration': 4.883}, {'end': 4547.222, 'text': 'So I can add a component button to this, and now it has become a button.', 'start': 4542.3, 'duration': 4.922}, {'end': 4553.085, 'text': 'So if I run this, if I play it, you will see that this is now a button.', 'start': 4547.682, 'duration': 5.403}, {'end': 4556.821, 'text': "So that's how simple it is.", 'start': 4555.421, 'duration': 1.4}, {'end': 4559.582, 'text': 'So here we have the button.', 'start': 4557.782, 'duration': 1.8}, {'end': 4564.103, 'text': 'So what we have to do is we have to bring in our rectangle.', 'start': 4559.802, 'duration': 4.301}], 'summary': 'Creating a button in unity is simple, just add a component and it becomes a button.', 'duration': 31.128, 'max_score': 4532.975, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY4532975.jpg'}, {'end': 4862.841, 'src': 'embed', 'start': 4833.748, 'weight': 0, 'content': [{'end': 4840.533, 'text': 'Because we have a lot of parameters and a lot of things that we have to do by default, we are not going to do everything again and again.', 'start': 4833.748, 'duration': 6.785}, {'end': 4845.037, 'text': 'We are going to create copies of what we have already done.', 'start': 4841.014, 'duration': 4.023}, {'end': 4848.078, 'text': 'so it is a good idea to have templates.', 'start': 4845.797, 'duration': 2.281}, {'end': 4856.86, 'text': 'for example, if you are using webcam again and again, it is good to create a template for webcam and then use it in different apps, and then,', 'start': 4848.078, 'duration': 8.782}, {'end': 4862.841, 'text': "if you are using, let's say, we are going to do seven chapters and their outline is pretty much the same.", 'start': 4856.86, 'duration': 5.981}], 'summary': 'Creating templates for reusing parameters and processes saves time and effort, e.g. for webcam use and outlining chapters.', 'duration': 29.093, 'max_score': 4833.748, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY4833748.jpg'}], 'start': 4367.589, 'title': 'Customizing ui and text', 'summary': 'Covers customizing text and fonts, unity game development tutorial, creating templates, and modifying ui placeholders and text, with a focus on achieving specific visual and functional outcomes using quantifiable data and specific design changes.', 'chapters': [{'end': 4471.216, 'start': 4367.589, 'title': 'Customizing text and fonts', 'summary': 'Discusses customizing text and fonts, including changing font styles, colors, and sizes, as well as adjusting line spacing and positioning, while demonstrating the process with quantifiable data.', 'duration': 103.627, 'highlights': ['Changing font styles and sizes The speaker discusses changing font styles and sizes, such as opting for bold fonts and adjusting the text size to 75, demonstrating the process.', 'Adjusting line spacing The speaker mentions reducing the line spacing to 0.6 and then adjusting the position of the text accordingly to improve spacing.', 'Changing font color The chapter includes changing the font color to white, showcasing the process of customizing text with different colors.']}, {'end': 4833.348, 'start': 4473.157, 'title': 'Unity game development tutorial', 'summary': 'Discusses creating buttons and adding components in unity, emphasizing the use of two screens for an ideal scenario, adding a button and text, and organizing them within a panel with specific dimensions, achieving a visually appealing result and completing the startup page.', 'duration': 360.191, 'highlights': ['The chapter emphasizes the use of two screens for an ideal scenario, allowing one screen for the game and the other for the scene, facilitating efficient development and visualization.', 'The process of adding a button in Unity involves creating an image, adding a component button, setting the size of the button outline to 400 by 300, and organizing the text within the button to achieve a visually appealing and functional result.', 'Guidance is provided on organizing the text within the button by making it a child of the button parent, positioning it at the zero position for it to automatically align in the middle, and ensuring it stays within the button using the Rect Tool, resulting in a visually appealing and organized layout.', "The chapter concludes with the completion of the startup page, including the addition of a button for the 'about' page, followed by the process of adding the page to the scenes in the build, marking the successful creation of the first page and the transition to working on the homepage."]}, {'end': 5335.145, 'start': 4833.748, 'title': 'Creating templates and making design changes', 'summary': 'Discusses the importance of creating templates to avoid repetitive tasks, such as duplicating pages and making design changes, with a focus on using templates for webcam and app outlines, and making specific changes to the homepage.', 'duration': 501.397, 'highlights': ['Creating templates for repetitive tasks like using webcam and duplicating app outlines to avoid repeating tasks, emphasizing on the importance of templates for efficient workflow.', 'Demonstrating the process of duplicating a page and making specific changes to the homepage, highlighting the benefits of not having to redo previous settings.', 'Detailing the process of making design changes to the homepage, including removing unnecessary elements, adjusting colors, and creating headers and buttons, with a focus on maintaining responsiveness across different devices.']}, {'end': 5614.664, 'start': 5335.145, 'title': 'Ui placeholder and text modification', 'summary': 'Explores the process of modifying the ui placeholder and text, including changing position, anchoring, size, and color to achieve the desired visual and functional outcome.', 'duration': 279.519, 'highlights': ['The process of modifying the UI placeholder and text involves changing position, anchoring, size, and color. False', 'The placeholder is adjusted by changing its position, anchoring it based on the parent, and modifying its size and color to achieve the desired visual outcome. False', 'The text is also modified by changing its position, anchoring, size, and color to match the placeholder and achieve visual consistency. False', 'Testing the modified UI elements demonstrates the impact of color changes on user interaction and readability. False']}], 'duration': 1247.075, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY4367589.jpg', 'highlights': ['Creating templates for repetitive tasks like using webcam and duplicating app outlines to avoid repeating tasks, emphasizing on the importance of templates for efficient workflow.', 'The chapter emphasizes the use of two screens for an ideal scenario, allowing one screen for the game and the other for the scene, facilitating efficient development and visualization.', 'The process of adding a button in Unity involves creating an image, adding a component button, setting the size of the button outline to 400 by 300, and organizing the text within the button to achieve a visually appealing and functional result.', 'Covers customizing text and fonts, unity game development tutorial, creating templates, and modifying ui placeholders and text, with a focus on achieving specific visual and functional outcomes using quantifiable data and specific design changes.']}, {'end': 6532.507, 'segs': [{'end': 5832.192, 'src': 'embed', 'start': 5795.43, 'weight': 0, 'content': [{'end': 5796.39, 'text': 'It will be cut out.', 'start': 5795.43, 'duration': 0.96}, {'end': 5803.112, 'text': 'And the content is basically what we will have within our scroll view.', 'start': 5797.131, 'duration': 5.981}, {'end': 5806.673, 'text': "So let's say we create one rectangle.", 'start': 5803.732, 'duration': 2.941}, {'end': 5808.434, 'text': 'So we will create an image.', 'start': 5807.173, 'duration': 1.261}, {'end': 5812.255, 'text': 'So we will give it a size.', 'start': 5810.434, 'duration': 1.821}, {'end': 5828.631, 'text': "we have the rectangle and let's give it a size of of 800 by, let's say, 400.", 'start': 5813.328, 'duration': 15.303}, {'end': 5832.192, 'text': 'so this is what we have now at the background.', 'start': 5828.631, 'duration': 3.561}], 'summary': 'Creating a rectangle of size 800x400 within a scroll view.', 'duration': 36.762, 'max_score': 5795.43, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY5795430.jpg'}, {'end': 5897.348, 'src': 'embed', 'start': 5861.095, 'weight': 1, 'content': [{'end': 5865.737, 'text': 'I wanted to scroll or I wanted to adjust by its own.', 'start': 5861.095, 'duration': 4.642}, {'end': 5875.482, 'text': 'So what I will do is I will go to the contents and I will add a new component to this and that component is vertical layout group.', 'start': 5866.518, 'duration': 8.964}, {'end': 5883.543, 'text': 'So this vertical layout group now helps us creating that evenly spaced items.', 'start': 5876.96, 'duration': 6.583}, {'end': 5889.945, 'text': "So let's say I have this template and I will change the color for this to our orange.", 'start': 5884.583, 'duration': 5.362}, {'end': 5897.348, 'text': 'So the color for our orange was this FF9A00.', 'start': 5890.326, 'duration': 7.022}], 'summary': 'Adding a vertical layout group creates evenly spaced items, using color ff9a00.', 'duration': 36.253, 'max_score': 5861.095, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY5861095.jpg'}, {'end': 6276.662, 'src': 'embed', 'start': 6242.461, 'weight': 2, 'content': [{'end': 6244.541, 'text': 'yeah, it is still fine.', 'start': 6242.461, 'duration': 2.08}, {'end': 6246.842, 'text': 'so that is good.', 'start': 6244.541, 'duration': 2.301}, {'end': 6248.562, 'text': 'so here the content.', 'start': 6246.842, 'duration': 1.72}, {'end': 6254.283, 'text': 'you can see it is not expanding based on the items we have increased.', 'start': 6248.562, 'duration': 5.721}, {'end': 6262.205, 'text': 'so it will not be able to scroll properly if we run it and if we try to scroll, it is not good.', 'start': 6254.283, 'duration': 7.922}, {'end': 6265.526, 'text': 'so you can see, it just bounces back.', 'start': 6262.205, 'duration': 3.321}, {'end': 6267.506, 'text': 'so we need to fix that.', 'start': 6265.526, 'duration': 1.98}, {'end': 6269.267, 'text': 'so we will go to our content.', 'start': 6267.506, 'duration': 1.761}, {'end': 6276.662, 'text': 'And here we are going to add content filter, size, size filter.', 'start': 6270.718, 'duration': 5.944}], 'summary': 'The content is not expanding based on the increased items, resulting in improper scrolling and bouncing back, requiring a fix by adding a content filter and size filter.', 'duration': 34.201, 'max_score': 6242.461, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY6242461.jpg'}, {'end': 6330.159, 'src': 'embed', 'start': 6302.899, 'weight': 4, 'content': [{'end': 6313.145, 'text': 'And one more thing we need to do, we need to go to our scroll view and here we are going to remove the horizontal.', 'start': 6302.899, 'duration': 10.246}, {'end': 6316.867, 'text': 'So we are going to remove horizontal scroll completely.', 'start': 6313.825, 'duration': 3.042}, {'end': 6324.831, 'text': 'And now if we run this, you will see we can go up and down and it is nice and smooth.', 'start': 6317.827, 'duration': 7.004}, {'end': 6330.159, 'text': "but if we add more, let's see if it works or not.", 'start': 6326.798, 'duration': 3.361}], 'summary': 'Removed horizontal scroll from the scroll view for smoother navigation.', 'duration': 27.26, 'max_score': 6302.899, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY6302899.jpg'}, {'end': 6455.292, 'src': 'embed', 'start': 6421.897, 'weight': 3, 'content': [{'end': 6423.658, 'text': "So let's say I create a new chapter.", 'start': 6421.897, 'duration': 1.761}, {'end': 6430.985, 'text': "I will bring it up and I will call this heading for, let's say, chapters.", 'start': 6423.678, 'duration': 7.307}, {'end': 6434.787, 'text': 'And then I can create a heading for courses.', 'start': 6432.386, 'duration': 2.401}, {'end': 6442.008, 'text': "So instead of all the button and all this thing, I can remove, let's say the icon.", 'start': 6435.407, 'duration': 6.601}, {'end': 6444.009, 'text': 'I have the text.', 'start': 6443.229, 'duration': 0.78}, {'end': 6445.169, 'text': 'I can center it.', 'start': 6444.269, 'duration': 0.9}, {'end': 6452.291, 'text': 'I can put it to zero and then I can center it from here.', 'start': 6447.35, 'duration': 4.941}, {'end': 6455.292, 'text': 'And then it looks really big.', 'start': 6453.851, 'duration': 1.441}], 'summary': 'Creating new chapter and headings, customizing text and layout.', 'duration': 33.395, 'max_score': 6421.897, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY6421897.jpg'}], 'start': 5614.664, 'title': 'Designing scroll view, menu items, and chapter layout', 'summary': 'Covers creating a scroll view for the homepage, implementing a vertical layout group for menu items, and designing a chapter layout with a focus on alignment, positioning, and duplication for multiple chapters.', 'chapters': [{'end': 5897.348, 'start': 5614.664, 'title': 'Creating scroll view and menu items', 'summary': 'Discusses creating a scroll view for the homepage and implementing a vertical layout group to evenly space menu items, with specific size and color instructions given.', 'duration': 282.684, 'highlights': ['Implementing a vertical layout group to evenly space menu items Adding a vertical layout group component to evenly space the menu items, avoiding the need to manually adjust the spacing each time.', 'Creating a scroll view for the homepage with specific size instructions Creating a scroll view with a specific width of 800 and no particular height, and utilizing a viewport to view all items within the scroll view.', 'Adjusting the size and color of the menu items Setting the size of menu items to 800 by 400 and changing the color to FF9A00 for a consistent visual theme.']}, {'end': 6242.461, 'start': 5897.468, 'title': 'Designing chapter layout', 'summary': 'Explains the process of creating a layout for a chapter, including positioning an image and text, adjusting their sizes and positions, and duplicating the layout for multiple chapters, with a focus on alignment and spacing.', 'duration': 344.993, 'highlights': ['The process of creating a layout for a chapter, including positioning an image and text, adjusting their sizes and positions, and duplicating the layout for multiple chapters ', 'The focus on alignment and spacing in the layout ']}, {'end': 6532.507, 'start': 6242.461, 'title': 'Fixing scroll view and adding content filter', 'summary': 'Discusses the process of fixing the scroll view to enable smooth up and down scrolling, adding a content filter for dynamic size adjustment based on the number of objects, and creating a heading for chapters with formatting adjustments.', 'duration': 290.046, 'highlights': ['Fixing the scroll view The scroll view is modified to remove horizontal scrolling, allowing for smooth up and down scrolling.', 'Adding content filter for dynamic size adjustment A content filter is added to dynamically adjust the size based on the number of objects, ensuring automatic size changes when objects are removed or added.', 'Creating a heading for chapters with formatting adjustments A heading for chapters is created with text formatting adjustments including bold, font size, and position changes to enhance its appearance.']}], 'duration': 917.843, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY5614664.jpg', 'highlights': ['Creating a scroll view for the homepage with specific size instructions', 'Implementing a vertical layout group to evenly space menu items', 'Adding content filter for dynamic size adjustment', 'Creating a layout for a chapter, including positioning an image and text, adjusting their sizes and positions, and duplicating the layout for multiple chapters', 'Fixing the scroll view to remove horizontal scrolling']}, {'end': 7499.132, 'segs': [{'end': 6685.096, 'src': 'embed', 'start': 6575.167, 'weight': 0, 'content': [{'end': 6580.751, 'text': 'so what you have to do next is to select all of these and you have to change the name.', 'start': 6575.167, 'duration': 5.584}, {'end': 6587.797, 'text': 'So here, for example, it will be chapter two and then it will be.', 'start': 6581.69, 'duration': 6.107}, {'end': 6589.678, 'text': 'the image will be for chapter two.', 'start': 6587.797, 'duration': 1.881}, {'end': 6593.122, 'text': 'So you can see here, chapter two is basic functions.', 'start': 6590.279, 'duration': 2.843}, {'end': 6597.807, 'text': 'And here we will write basic functions.', 'start': 6594.664, 'duration': 3.143}, {'end': 6604.154, 'text': 'So if you want to do it yourself, you can skip this part.', 'start': 6601.691, 'duration': 2.463}, {'end': 6608.874, 'text': 'Otherwise you can follow along.', 'start': 6607.273, 'duration': 1.601}, {'end': 6610.915, 'text': 'So here we will write basic functions.', 'start': 6608.994, 'duration': 1.921}, {'end': 6613.716, 'text': "It looks small because I didn't capitalize it.", 'start': 6611.475, 'duration': 2.241}, {'end': 6616.718, 'text': 'Basic functions.', 'start': 6614.677, 'duration': 2.041}, {'end': 6621.24, 'text': 'Then we will go to the third chapter.', 'start': 6618.418, 'duration': 2.822}, {'end': 6627.023, 'text': 'Then fourth.', 'start': 6621.26, 'duration': 5.763}, {'end': 6635.867, 'text': 'Fifth Sixth and seventh.', 'start': 6631.205, 'duration': 4.662}, {'end': 6640.044, 'text': 'So we will keep this for now.', 'start': 6638.223, 'duration': 1.821}, {'end': 6643.447, 'text': 'And later on, we are going to add our apps here as well.', 'start': 6640.525, 'duration': 2.922}, {'end': 6650.473, 'text': "I want to run all the apps, all the functionality from within one app, because I don't want you to try out.", 'start': 6643.807, 'duration': 6.666}, {'end': 6656.077, 'text': 'uh, run different seven, seven different apps or five different apps just for the testing purposes.', 'start': 6650.473, 'duration': 5.604}, {'end': 6660.921, 'text': 'So I will put all of it in one app and then you can test all these different functionalities.', 'start': 6656.417, 'duration': 4.504}, {'end': 6669.245, 'text': 'So for now we will keep this a seven and we will go in and change the image.', 'start': 6661.742, 'duration': 7.503}, {'end': 6672.827, 'text': 'so the third one is crop and resize.', 'start': 6669.245, 'duration': 3.582}, {'end': 6685.096, 'text': 'I will write here crop and again I made the same mistake crop and resize.', 'start': 6672.827, 'duration': 12.269}], 'summary': 'Instruction to change and organize seven chapters, plan to consolidate apps for testing purposes.', 'duration': 109.929, 'max_score': 6575.167, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY6575167.jpg'}, {'end': 6853.865, 'src': 'embed', 'start': 6816.475, 'weight': 3, 'content': [{'end': 6829.078, 'text': 'so throughout chapter 1 to 7 or maybe 6, we are going to use the same pattern and for that we have a template.', 'start': 6816.475, 'duration': 12.603}, {'end': 6831.359, 'text': "so let's create that template.", 'start': 6829.078, 'duration': 2.281}, {'end': 6837.622, 'text': 'so we will go to our course and we are going to duplicate which one.', 'start': 6831.359, 'duration': 6.263}, {'end': 6842.283, 'text': "let's say we duplicate this home page, the one we just did.", 'start': 6837.622, 'duration': 4.661}, {'end': 6847.564, 'text': 'so we will go to edits and duplicate.', 'start': 6842.283, 'duration': 5.281}, {'end': 6851.525, 'text': 'so i can double click it.', 'start': 6847.564, 'duration': 3.961}, {'end': 6853.865, 'text': "let's just first of all cancel it.", 'start': 6851.525, 'duration': 2.34}], 'summary': 'In chapters 1 to 6, a template is duplicated for use in the course.', 'duration': 37.39, 'max_score': 6816.475, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY6816475.jpg'}, {'end': 6930.85, 'src': 'embed', 'start': 6895.062, 'weight': 4, 'content': [{'end': 6896.443, 'text': "let's try it again.", 'start': 6895.062, 'duration': 1.381}, {'end': 6899.405, 'text': 'yeah, home page.', 'start': 6896.443, 'duration': 2.962}, {'end': 6903.107, 'text': 'and then I will write here chapter 1.', 'start': 6899.405, 'duration': 3.702}, {'end': 6909.812, 'text': 'go to chapters, chapters, double click it and there we go.', 'start': 6903.107, 'duration': 6.705}, {'end': 6919.878, 'text': 'so this is chapter 1 now and what we will do is we will go to our canvas, the orange background orange.', 'start': 6909.812, 'duration': 10.066}, {'end': 6920.499, 'text': 'it should be white.', 'start': 6919.878, 'duration': 0.621}, {'end': 6928.689, 'text': "Let's remove that background white and then background logo, then header.", 'start': 6921.647, 'duration': 7.042}, {'end': 6930.85, 'text': 'So we need to, first of all, change the header.', 'start': 6929.09, 'duration': 1.76}], 'summary': 'Making adjustments to the home page layout, including changing background color and header.', 'duration': 35.788, 'max_score': 6895.062, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY6895062.jpg'}, {'end': 7222.038, 'src': 'embed', 'start': 7183.647, 'weight': 5, 'content': [{'end': 7188.628, 'text': 'and then at the bottom we need to add some text.', 'start': 7183.647, 'duration': 4.981}, {'end': 7192.009, 'text': 'so we will copy, the text will come down here.', 'start': 7188.628, 'duration': 3.381}, {'end': 7196.31, 'text': 'we will change the color.', 'start': 7192.009, 'duration': 4.301}, {'end': 7207.112, 'text': "first of all, let's say to that, and then we are going to.", 'start': 7196.31, 'duration': 10.802}, {'end': 7211.933, 'text': 'so i can write here text underscore description.', 'start': 7207.112, 'duration': 4.821}, {'end': 7216.834, 'text': 'So here we are going to write the description.', 'start': 7214.352, 'duration': 2.482}, {'end': 7220.357, 'text': 'So I have written down the description of chapter number one.', 'start': 7217.274, 'duration': 3.083}, {'end': 7222.038, 'text': 'So I will paste it here.', 'start': 7220.857, 'duration': 1.181}], 'summary': 'Adding text at the bottom with color change and description of chapter one.', 'duration': 38.391, 'max_score': 7183.647, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY7183647.jpg'}], 'start': 6532.727, 'title': 'Creating app navigation, opencv chapters, and chapter descriptions', 'summary': 'Covers the integration of navigation buttons, creation of opencv chapters 1 to 7 with a focus on designing chapter 1, and the process of creating a visually appealing description for chapter one with adjustments for text size, positioning, and element alignment.', 'chapters': [{'end': 6685.096, 'start': 6532.727, 'title': 'Chapter navigation and app integration', 'summary': 'Covers the creation of navigation buttons to navigate to different chapters and the integration of multiple functionalities into one app, including the need to change the names and images for each chapter and the intention to integrate all functionalities into a single app to ease testing.', 'duration': 152.369, 'highlights': ['The intention to integrate all functionalities into one app to simplify testing, avoiding the need to run multiple different apps for testing purposes.', 'The process of creating navigation buttons for different chapters and the need to change the names and images for each chapter.', 'The plan to add apps later and the description of the contents of each chapter, including basic functions and crop and resize functionalities.']}, {'end': 7181.396, 'start': 6685.096, 'title': 'Creating opencv chapters', 'summary': 'Discusses creating chapters 1 to 7, using the same pattern and template, while focusing on designing and customizing chapter 1.', 'duration': 496.3, 'highlights': ['The chapter discusses creating chapters 1 to 7 and using the same pattern and template. The speaker plans to use the same pattern and template throughout chapters 1 to 7.', 'The focus is on designing and customizing chapter 1. The speaker discusses designing and customizing chapter 1, including changing the background color, logo, and header design.', 'The use of raw images for displaying OpenCV function output is emphasized. The speaker mentions using raw images to display the output of OpenCV functions, emphasizing their use for images and videos.']}, {'end': 7499.132, 'start': 7183.647, 'title': 'Creating chapter one description', 'summary': 'Details the process of creating a description for chapter one, including adjusting text size and positioning, adding an orange button, and aligning elements for a visually pleasing layout.', 'duration': 315.485, 'highlights': ['The process of creating a description for chapter one is detailed, involving adjustments to text size, positioning, and alignment of elements for a visually pleasing layout.', 'The addition of an orange button is described as a part of the process for creating the chapter one description.', 'The transcript mentions the need to align elements for a visually appealing layout in creating the chapter one description.']}], 'duration': 966.405, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY6532727.jpg', 'highlights': ['The intention to integrate all functionalities into one app to simplify testing, avoiding the need to run multiple different apps for testing purposes.', 'The process of creating navigation buttons for different chapters and the need to change the names and images for each chapter.', 'The plan to add apps later and the description of the contents of each chapter, including basic functions and crop and resize functionalities.', 'The chapter discusses creating chapters 1 to 7 and using the same pattern and template. The speaker plans to use the same pattern and template throughout chapters 1 to 7.', 'The focus is on designing and customizing chapter 1. The speaker discusses designing and customizing chapter 1, including changing the background color, logo, and header design.', 'The process of creating a description for chapter one is detailed, involving adjustments to text size, positioning, and alignment of elements for a visually pleasing layout.']}, {'end': 9619.428, 'segs': [{'end': 7586.332, 'src': 'embed', 'start': 7559.335, 'weight': 0, 'content': [{'end': 7565.378, 'text': 'So now we are going to create our first script that will link all these pages together that we have created.', 'start': 7559.335, 'duration': 6.043}, {'end': 7568.74, 'text': 'So all these scenes or pages, whatever you want to call them.', 'start': 7565.859, 'duration': 2.881}, {'end': 7571.242, 'text': 'So the idea is very simple.', 'start': 7569.561, 'duration': 1.681}, {'end': 7573.663, 'text': 'We are going to create a new folder.', 'start': 7571.762, 'duration': 1.901}, {'end': 7575.964, 'text': 'This is in the course.', 'start': 7574.924, 'duration': 1.04}, {'end': 7579.686, 'text': 'And then we are going to call it scripts.', 'start': 7576.825, 'duration': 2.861}, {'end': 7586.332, 'text': 'And inside that we are going to create new C sharp script.', 'start': 7581.548, 'duration': 4.784}], 'summary': "Creating a new c# script to link pages together in a folder named 'scripts' in the course.", 'duration': 26.997, 'max_score': 7559.335, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY7559335.jpg'}, {'end': 8114.146, 'src': 'embed', 'start': 8080.182, 'weight': 1, 'content': [{'end': 8081.763, 'text': 'And that will have the script.', 'start': 8080.182, 'duration': 1.581}, {'end': 8086.026, 'text': 'So in every page that we create, there will be a manager.', 'start': 8082.424, 'duration': 3.602}, {'end': 8090.669, 'text': 'And in that manager, we will have the script page navigation.', 'start': 8086.746, 'duration': 3.923}, {'end': 8097.473, 'text': 'So to link it, I can simply drag it in my manager, or I can drag it in like this.', 'start': 8091.089, 'duration': 6.384}, {'end': 8102.061, 'text': 'so this will add the script to it.', 'start': 8098.82, 'duration': 3.241}, {'end': 8105.843, 'text': 'and now what I can do is I can go to my button.', 'start': 8102.061, 'duration': 3.782}, {'end': 8114.146, 'text': 'I can go to my button here and inside that on click I am going to add this method.', 'start': 8105.843, 'duration': 8.303}], 'summary': 'Creating a script with page navigation and adding a method to a button.', 'duration': 33.964, 'max_score': 8080.182, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY8080182.jpg'}, {'end': 8505.535, 'src': 'heatmap', 'start': 8398.473, 'weight': 0.72, 'content': [{'end': 8406.138, 'text': 'so for you, when you click it several times, it will turn on your developer mode.', 'start': 8398.473, 'duration': 7.665}, {'end': 8413.323, 'text': 'so after you have enabled your build number and you have tapped it several times, you will go to file,', 'start': 8406.138, 'duration': 7.185}, {'end': 8420.928, 'text': 'you will go to build settings and here you will make sure all three pages are there that we have created,', 'start': 8413.323, 'duration': 7.605}, {'end': 8425.652, 'text': 'and then we are on android and then we can simply click on build and run.', 'start': 8420.928, 'duration': 4.724}, {'end': 8432.863, 'text': 'So it will ask us to name the APK so we can call it CV underscore app.', 'start': 8426.738, 'duration': 6.125}, {'end': 8439.528, 'text': 'So now it will upload to our Android device.', 'start': 8436.066, 'duration': 3.462}, {'end': 8444.292, 'text': 'So now we can see the result here and we can click on start.', 'start': 8440.869, 'duration': 3.423}, {'end': 8452.479, 'text': 'And that takes us to the homepage and we can scroll and you can see that we have that gap here.', 'start': 8445.653, 'duration': 6.826}, {'end': 8455.801, 'text': 'And all of this looks good.', 'start': 8454.139, 'duration': 1.662}, {'end': 8461.265, 'text': 'I can click on image capture and it takes us to chapter number one.', 'start': 8455.821, 'duration': 5.444}, {'end': 8472.354, 'text': 'I can go back and it takes me back here and I can go back again and it takes me to the homepage or the startup page.', 'start': 8461.585, 'duration': 10.769}, {'end': 8474.336, 'text': 'So that looks good.', 'start': 8473.435, 'duration': 0.901}, {'end': 8481.282, 'text': 'And now we can move on to chapter number one, where we actually create and fill up this image.', 'start': 8475.197, 'duration': 6.085}, {'end': 8505.535, 'text': 'So now we are ready to start writing the code for OpenCV to load our image.', 'start': 8499.932, 'duration': 5.603}], 'summary': 'Enabling developer mode, building settings, and running the apk on android device, followed by testing the functionality and preparing for coding opencv.', 'duration': 107.062, 'max_score': 8398.473, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY8398473.jpg'}, {'end': 8472.354, 'src': 'embed', 'start': 8436.066, 'weight': 2, 'content': [{'end': 8439.528, 'text': 'So now it will upload to our Android device.', 'start': 8436.066, 'duration': 3.462}, {'end': 8444.292, 'text': 'So now we can see the result here and we can click on start.', 'start': 8440.869, 'duration': 3.423}, {'end': 8452.479, 'text': 'And that takes us to the homepage and we can scroll and you can see that we have that gap here.', 'start': 8445.653, 'duration': 6.826}, {'end': 8455.801, 'text': 'And all of this looks good.', 'start': 8454.139, 'duration': 1.662}, {'end': 8461.265, 'text': 'I can click on image capture and it takes us to chapter number one.', 'start': 8455.821, 'duration': 5.444}, {'end': 8472.354, 'text': 'I can go back and it takes me back here and I can go back again and it takes me to the homepage or the startup page.', 'start': 8461.585, 'duration': 10.769}], 'summary': 'Testing on android device completed successfully with no issues.', 'duration': 36.288, 'max_score': 8436.066, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY8436066.jpg'}, {'end': 8614.267, 'src': 'embed', 'start': 8587.631, 'weight': 3, 'content': [{'end': 8592.456, 'text': 'We can change the color, we can change it to grayscale, we can find objects, we can find color.', 'start': 8587.631, 'duration': 4.825}, {'end': 8596.299, 'text': 'Whatever we want to do, we can do it in that OpenCV space.', 'start': 8592.836, 'duration': 3.463}, {'end': 8605.827, 'text': 'and then, once we are done with our code, once we are done with the processing, then we need to convert that matte, the opencv matte,', 'start': 8597.08, 'duration': 8.747}, {'end': 8614.267, 'text': 'back to unity texture and then we can send it to our image, the raw image that we have used.', 'start': 8605.827, 'duration': 8.44}], 'summary': 'Opencv allows for color changes, object and color detection. output can be converted back to unity texture.', 'duration': 26.636, 'max_score': 8587.631, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY8587631.jpg'}, {'end': 9056.807, 'src': 'embed', 'start': 9026.734, 'weight': 4, 'content': [{'end': 9030.555, 'text': 'So as you can see here, we have the rows, we have the columns, and then we have the type.', 'start': 9026.734, 'duration': 3.821}, {'end': 9033.796, 'text': 'So inside the matrix, there are values.', 'start': 9031.116, 'duration': 2.68}, {'end': 9037.097, 'text': 'So they are asking what kind of values are you storing??', 'start': 9034.336, 'duration': 2.761}, {'end': 9038.138, 'text': 'Are they float??', 'start': 9037.557, 'duration': 0.581}, {'end': 9038.898, 'text': 'Are they integer??', 'start': 9038.258, 'duration': 0.64}, {'end': 9040.218, 'text': 'What kind of values are they?', 'start': 9039.058, 'duration': 1.16}, {'end': 9043.019, 'text': 'So we will say that we have a CV type.', 'start': 9040.798, 'duration': 2.221}, {'end': 9056.807, 'text': 'So I think C is capital, then V and then type yes, dot CV, underscore 8U and then C4..', 'start': 9044.304, 'duration': 12.503}], 'summary': 'The matrix contains cv type values, with c being capital and v type as cv_8u.', 'duration': 30.073, 'max_score': 9026.734, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY9026734.jpg'}, {'end': 9501.264, 'src': 'embed', 'start': 9476.211, 'weight': 6, 'content': [{'end': 9481.876, 'text': 'So we will click on our manager and we will add our chapter one script.', 'start': 9476.211, 'duration': 5.665}, {'end': 9484.358, 'text': 'So we will write here chapter one script.', 'start': 9482.336, 'duration': 2.022}, {'end': 9489.322, 'text': 'And now you can see that there is an empty space for image.', 'start': 9485.499, 'duration': 3.823}, {'end': 9495.007, 'text': 'We will just take our raw image and we will drag it in our raw image.', 'start': 9490.103, 'duration': 4.904}, {'end': 9496.862, 'text': "And that's it.", 'start': 9496.462, 'duration': 0.4}, {'end': 9501.264, 'text': "That's how you link this public object over here.", 'start': 9497.583, 'duration': 3.681}], 'summary': 'Adding chapter one script and linking raw image to the public object.', 'duration': 25.053, 'max_score': 9476.211, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY9476211.jpg'}, {'end': 9619.428, 'src': 'heatmap', 'start': 9585.908, 'weight': 5, 'content': [{'end': 9589.607, 'text': 'So now I can see the shapes image instead of my own image.', 'start': 9585.908, 'duration': 3.699}, {'end': 9597.291, 'text': 'So this was basically chapter number one, where we learned how to import the image.', 'start': 9593.328, 'duration': 3.963}, {'end': 9604.156, 'text': 'The main idea you have to understand is that you have to convert the unity texture to open CV mat.', 'start': 9597.711, 'duration': 6.445}, {'end': 9609.62, 'text': 'then do all your coding, then convert the mat into texture and send it to your image.', 'start': 9604.156, 'duration': 5.464}, {'end': 9615.005, 'text': 'It is a little bit complicated, but once you get hang of it, then it will be very easy.', 'start': 9610.041, 'duration': 4.964}, {'end': 9616.145, 'text': "It's like a template.", 'start': 9615.165, 'duration': 0.98}, {'end': 9619.428, 'text': "It's like boiler plate that you are using again and again.", 'start': 9616.566, 'duration': 2.862}], 'summary': 'Learn to import image, convert to texture, and use opencv mat for coding in unity.', 'duration': 21.717, 'max_score': 9585.908, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY9585908.jpg'}], 'start': 7499.132, 'title': 'Unity scripting, navigation, and image processing', 'summary': 'Covers unity c# scripting basics, page navigation tutorial, texture conversion, and opencv mat conversion, enabling successful navigation and image processing in unity while integrating with visual studio and testing on android.', 'chapters': [{'end': 7706.237, 'start': 7499.132, 'title': 'Unity c# scripting basics', 'summary': 'Covers creating a c# script for page navigation, linking it with visual studio, and ensuring unity and visual studio are properly integrated for future development.', 'duration': 207.105, 'highlights': ['The chapter covers creating a C# script for page navigation, linking it with Visual Studio, and ensuring Unity and Visual Studio are properly integrated for future development.', 'Throughout the course, C# will be used for programming computer vision.', 'The importance of naming the C# file as it will be the name of the class is highlighted.']}, {'end': 8507.597, 'start': 7707.057, 'title': 'Unity page navigation tutorial', 'summary': 'Introduces the concept of namespaces in unity, explains the creation of classes and methods, and demonstrates the process of linking scripts to objects and buttons in unity, resulting in the successful navigation between different pages. additionally, it outlines the process of building and testing the application on an android device, leading to a functional navigation system.', 'duration': 800.54, 'highlights': ['The chapter introduces the concept of namespaces in Unity and demonstrates the creation of custom classes and methods. Namespaces in Unity are presented as libraries or packages containing various classes and methods, followed by the explanation of creating a custom class for page navigation and the differentiation between public and private methods.', 'The process of linking scripts to objects and buttons in Unity is explained, leading to successful navigation between different pages. The comprehensive explanation includes the creation of a generic manager object to which scripts are attached, the linking of methods to buttons, and the successful demonstration of navigating between different pages by clicking on buttons.', 'The chapter outlines the process of building and testing the application on an Android device, resulting in a functional navigation system. The steps to enable developer mode on an Android device, the process of building the application, and the successful navigation testing on an Android device are detailed, leading to a functional navigation system.']}, {'end': 8955.466, 'start': 8507.977, 'title': 'Unity texture and opencv mat conversion', 'summary': 'Explains the process of converting unity textures to opencv mats for image processing, including the use of resources folder, creation of unity texture and opencv mat, and displaying the processed image on a raw image.', 'duration': 447.489, 'highlights': ['The process of converting Unity textures to OpenCV mats involves utilizing the resources folder for storing images, creating a Unity texture and transforming it to an OpenCV mat for image processing. utilizing the resources folder, creating a Unity texture, transforming it to an OpenCV mat', 'The script involves creating a Unity texture and an OpenCV mat, followed by writing specific code for image processing using OpenCV, such as changing color, converting to grayscale, and object detection. creating a Unity texture, creating an OpenCV mat, image processing using OpenCV', 'The chapter details the creation of a script in Unity for image processing, including the declaration of necessary classes and namespaces, and the use of the start function to handle image loading and display on a raw image. creation of a script in Unity, declaration of necessary classes and namespaces, handling image loading and display']}, {'end': 9246.216, 'start': 8956.585, 'title': 'Creating and converting image mat in opencv', 'summary': 'Demonstrates how to create an empty mat, specifying its dimensions and type in opencv, and then convert a texture to a mat image, with a detailed explanation of the cv type and its significance in image processing.', 'duration': 289.631, 'highlights': ['Explaining the CV type format The CV type format, such as CV_8UC4, is explained, indicating that it represents an 8-bit unsigned integer with four channels, and the significance of these values in image processing is elaborated.', 'Creating an empty mat and converting texture to mat The process of creating an empty mat in OpenCV, followed by converting a texture to a mat image, is explained as a crucial step in image processing.', 'Introduction to RGBA color channels The concept of RGBA color channels and their representation in the image processing context is introduced, emphasizing their role in determining color and transparency in images.']}, {'end': 9619.428, 'start': 9247.586, 'title': 'Unity texture conversion and image display', 'summary': 'Covers the process of converting unity texture to opencv mat, performing coding, converting mat back to texture, and displaying the image, with an emphasis on the importance of understanding the conversion process and the ease it brings after grasping it.', 'duration': 371.842, 'highlights': ['The importance of understanding the conversion process and its ease after grasping it Emphasizes the significance of comprehending the Unity texture to OpenCV mat conversion process and the subsequent ease it brings, likening it to a template or boilerplate for recurrent usage.', "Demonstration of linking the Unity texture to the actual image Shows the process of linking the Unity texture to the actual image by adding the chapter one script to the manager, dragging the raw image into the empty space for image, and emphasizing the necessity of using the 'public' keyword for it to work.", 'Successful display of an image after importing and changing the image Demonstrates the successful display of an image after importing it and changing it, showcasing the functionality of converting the unity texture to open CV mat and the subsequent display on the raw image.']}], 'duration': 2120.296, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/YAhid-ux3aY/pics/YAhid-ux3aY7499132.jpg', 'highlights': ['The chapter covers creating a C# script for page navigation, linking it with Visual Studio, and ensuring Unity and Visual Studio are properly integrated for future development.', 'The process of linking scripts to objects and buttons in Unity is explained, leading to successful navigation between different pages.', 'The chapter outlines the process of building and testing the application on an Android device, resulting in a functional navigation system.', 'The script involves creating a Unity texture and an OpenCV mat, followed by writing specific code for image processing using OpenCV, such as changing color, converting to grayscale, and object detection.', 'The CV type format, such as CV_8UC4, is explained, indicating that it represents an 8-bit unsigned integer with four channels, and the significance of these values in image processing is elaborated.', 'Emphasizes the significance of comprehending the Unity texture to OpenCV mat conversion process and the subsequent ease it brings, likening it to a template or boilerplate for recurrent usage.', "Demonstration of linking the Unity texture to the actual image by adding the chapter one script to the manager, dragging the raw image into the empty space for image, and emphasizing the necessity of using the 'public' keyword for it to work.", 'Successful display of an image after importing it and changing it, showcasing the functionality of converting the unity texture to open CV mat and the subsequent display on the raw image.']}], 'highlights': ['Creating 7 real world apps deployable on Android and iOS using Unity and OpenCV C-Sharp wrapper', 'Emphasizing the importance of design in app development and providing guidance on creating simple designs for prototyping', 'The chapter emphasizes the importance of minimalistic and visually appealing designs, with a focus on simple layouts and color combinations for a visually appealing look', 'The process of selecting primary and secondary colors for app design is explained, stressing the significance of complementary color combinations and the use of color wheels for guidance', 'The chapter discusses the process of designing capture and switch buttons for a prototype', 'The chapter provides guidance on finding and using appropriate icons for functions such as capture, camera control, and crop in user interface design', 'Emphasizing the need to clear errors from the console when opening the startup page in the Unity project, ensuring a smooth development process', 'Creating templates for repetitive tasks like using webcam and duplicating app outlines to avoid repeating tasks, emphasizing on the importance of templates for efficient workflow', 'The intention to integrate all functionalities into one app to simplify testing, avoiding the need to run multiple different apps for testing purposes', 'The chapter covers creating a C# script for page navigation, linking it with Visual Studio, and ensuring Unity and Visual Studio are properly integrated for future development']}