Application Note AN_285 FT800 Demo Application - Logo Animation Version 1.0 Issue Date: 2014-03-17 This document is to introduce the Logos Demo Application running on both MSVC and Arduino. The objective of the Demo Application is to enable users to become familiar with the usage of the FT800, the design flow, and display list used to design the desired user interface or visual effect. Use of FTDI devices in life support and/or safety applications is entirely at the user’s risk, and the user agrees to defend, indemnify and hold FTDI harmless from any and all damages, claims, suits or expense resulting from such use. Future Technology Devices International Limited (FTDI) Unit 1, 2 Seaward Place, Glasgow G41 1HH, United Kingdom Tel.: +44 (0) 141 429 2777 Fax: + 44 (0) 141 429 2758 Web Site: http://ftdichip.com Copyright © 2014 Future Technology Devices International Limited Application Note AN_285 FT800 Demo Application - Logo Animation Version Document Reference No.: FT_000948 1.0 Clearance No.: FTDI#378 Table of Contents 1 2 3 4 Introduction .................................................................................................................................... 3 1.1 Overview ................................................................................................................................. 3 1.2 Scope ....................................................................................................................................... 3 Application Flow.............................................................................................................................. 4 2.1 Near and Far Menu Icon Processing ....................................................................................... 5 2.2 Icon Placement and Rotation .................................................................................................. 6 Interpolation ................................................................................................................................... 7 3.1 Linear Interpolation ................................................................................................................ 7 3.2 Smootstep Interpolation ......................................................................................................... 7 3.3 Acceleration Interpolation ...................................................................................................... 7 3.4 Deceleration Interpolation...................................................................................................... 8 Logos ............................................................................................................................................... 9 4.1 4.1.1 Flowchart ........................................................................................................................ 9 4.1.2 Description .................................................................................................................... 10 4.2 Logo-2 ................................................................................................................................... 12 4.2.1 Flowchart ...................................................................................................................... 12 4.2.2 Description .................................................................................................................... 13 4.3 Logo-3 ................................................................................................................................... 14 4.3.1 Flowchart ...................................................................................................................... 14 4.3.2 Description .................................................................................................................... 15 4.4 Logo-4 ................................................................................................................................... 17 4.4.1 Flowchart ...................................................................................................................... 17 4.4.2 Description .................................................................................................................... 18 4.5 5 Logo-1 ..................................................................................................................................... 9 Logo-5 ................................................................................................................................... 19 4.5.1 Flowchart ...................................................................................................................... 19 4.5.2 Description .................................................................................................................... 20 Contact Information...................................................................................................................... 22 1 Copyright © 2014 Future Technology Devices International Limited Application Note AN_285 FT800 Demo Application - Logo Animation Version Document Reference No.: FT_000948 1.0 Clearance No.: FTDI#378 Appendix A – References ...................................................................................................................... 23 Document References....................................................................................................................... 23 Acronyms and Abbreviations ............................................................................................................ 23 Appendix B – List of Figures .................................................................................................................. 24 Appendix C – Revision History .............................................................................................................. 25 2 Copyright © 2014 Future Technology Devices International Limited Application Note AN_285 FT800 Demo Application - Logo Animation Version Document Reference No.: FT_000948 1.0 Clearance No.: FTDI#378 1 Introduction This application demonstrates an Interactive Selection menu, Logo Animations using Bitmaps, Bitmap Transform and Alpha-Blend Function based on FT800 platform. 1.1 Overview The application will be useful to understand how to make a Start-Up Logo Animation with effective frame rate. The logo animations are constructed by using bitmaps and bitmap transform. All of the logo animations covered on this application note are quite simple to do based on the FT800 platform. The developer should concentrate on the math functions sine and cosine. These functions consume more time on the Arduino platform. For example in Logo-4 the bar graph FT800 graphics primitive is used for animation. When constructing the graph during run time, the frame rate will decrease, so the developer should avoid this type of situation. For information on Project file, Source code build kindly follow the FT_App_Logos Application Notes with respect to PLATFORM. Note: For Arduino platform all the files, please copy the files from TEST folder. 1.2 Scope This document will be used by software programmers to develop GUI applications by using FT800 with any MCU via SPI. 3 Copyright © 2014 Future Technology Devices International Limited Application Note AN_285 FT800 Demo Application - Logo Animation Version Document Reference No.: FT_000948 1.0 Clearance No.: FTDI#378 2 Application Flow Figure 2.1 Logo Animation Flowchart 4 Copyright © 2014 Future Technology Devices International Limited Application Note AN_285 FT800 Demo Application - Logo Animation Version Document Reference No.: FT_000948 1.0 Clearance No.: FTDI#378 Used widgets: 1. Bitmaps 2. Bitmap transform All menu icons are bitmaps in L8 format with reflection; the reflection of the icon is made externally not using the FT800. The menu icons each have a different Tag number using the TAG primitive. The menu icons are placed in ellipse format. There are five logos to select in the elliptical path. Angle difference between two icons ∆a = 360/5 = 72˚ Ellipse. X = xoffset + acosθ; y = yoffset + bsinθ; where a and b is the radius of major and minor axis respectively. 2.1 Near and Far Menu Icon Processing Figure 2.2 Near and Far Icons The Background of the selection menu is constructed using bitmaps and clear colour calls based on the FT800 platform. For the purpose of 3d effects, the menu icons which appear far away compared to the near icons were reduced in size based on the distance in Y-axis. For example in a WQVGA 480x272 display, the 272nd pixel in the Y-axis is closer to the user and the 0th pixel is further from the user. By using the BITMAP_TRANSFROM_A and BITMAP_TRANSFROM_E the image size can be adjusted. For more details about BITMAP TRANSFORM, please refer the FT800 programming guide. The Image size is reduced from 100% to 73.1% for the far and increased from 100% to 210%. ROTARY is implemented by using the register REG_TRACKER, the user can move the menu by dragging a finger across the display in a rotary fashion. For more details about REG_TRACKER, please refer the FT800 programming guide. 5 Copyright © 2014 Future Technology Devices International Limited Application Note AN_285 FT800 Demo Application - Logo Animation Version Document Reference No.: FT_000948 1.0 Clearance No.: FTDI#378 2.2 Icon Placement and Rotation The icons are placed by using ∆a. In the function for(ft_uint8_t x=1;x<6;x++) { ft_int16_t theta = (72*x); /* x is the Menu number*/ theta +=(-trackval); theta%=360; ft_int16_t xoff = 200+(ft_int16_t)(170*cos(theta*0.0174)); /* 200 is Xoffset & 170 is radius*/ ft_int16_t yoff = 80-(ft_int16_t)(80*sin(theta*0.0174)); /* 80 is yoffset & 80 is radius*/ } where x is the menu number, if x is 1 then theta is 72 ˚, ……….. and when x is 5 then theta is 360 ˚. where trackval is the rotary value of the TRACK. The register REG_TRACKER gives the 16 bit tracked value. The lower 8 bit of the register is the current tag. In the function ft_uint32_t sy = Ft_Gpu_Hal_Rd32(phost,REG_TRACKER); ft_uint8_t key_detected = sy&0xff; REG_TRACKER gives a 16-bit tracked value (0 to 65536) and a current tag, if there is touch detected, otherwise it gives zero. In the function the variable key_detected holds the 8-bit tag value. In the application, if the touch is not detected after the 100 iterations, the menu icons automatically start to rotate by adjusting the trackval manually by 1 ˚. If the menu icons are moving, for the first touch it stops moving and waits for 100 iterations. If there is no user touch detected, it starts to move again. If any of the valid menu tags are detected, the corresponding logo animation will execute. The selected logo animation is repeated until another touch is detected. 6 Copyright © 2014 Future Technology Devices International Limited Application Note AN_285 FT800 Demo Application - Logo Animation Version Document Reference No.: FT_000948 1.0 Clearance No.: FTDI#378 3 Interpolation Interpolation concepts are implemented in this application for the object movement or image zoom in and zoom out from one point to another. 1. 2. 3. 4. Linear Interpolation Smooth step Interpolation Acceleration and Deceleration interpolations An interpolation function defines how a variable changes between two values (e.g. starting and ending position of an object) with respect to time. 3.1 Linear Interpolation 3.1 Linear interpolation The simplest real interpolation function is Linear interpolation, also known as Lerp. It transits from one value to another at a constant rate, using a straightforward and intuitive formula. Linear(p0,p1,t,r) = p0 + ((t/r)*(p1-p0)); float linear(float p1,float p2,ft_uint16_t t,ft_uint16_t rate) { float st = (float)t/rate; return p1+(st*(p2-p1)); } 3.2 Smootstep Interpolation Either Cosine or SmoothStep interpolation can replace almost all Linear interpolation for a smoother, more polished result. SmoothStep(p0,p1,t,r) = Linear(p0,p1,((t/r)^2)*(3-2(t/r)); ft_int16_t smoothstep(ft_int16_t p1,ft_int16_t p2,ft_uint16_t t,ft_uint16_t rate) { float dst = (float)t/rate; float st = SQ(dst)*(3-2*dst); return p1+(st*(p2-p1)); } 3.3 Acceleration Interpolation The object moving speed from one point to other is directly proportional to the third parameter time(t). Acceleration(p0,p1,t,r) = Linear(p0,p1,((t/r)^2)); ft_int16_t acceleration(ft_int16_t p1,ft_int16_t p2,ft_uint16_t t,ft_uint16_t rate) { float dst = (float)t/rate; float st = SQ(dst); return p1+(st*(p2-p1)); } 7 Copyright © 2014 Future Technology Devices International Limited Application Note AN_285 FT800 Demo Application - Logo Animation Version Document Reference No.: FT_000948 1.0 Clearance No.: FTDI#378 3.4 Deceleration Interpolation The object moving speed from one point to other is inversely proportional to the third parameter time(t). Deceleration(p0,p1,t,r) = Linear(p0,p1,(1-(1-t/r)^2)); float deceleration(ft_int16_t p1,ft_int16_t p2,ft_uint16_t t,ft_uint16_t rate) { float st,dst = (float)t/rate; dst = 1-dst; st = 1-SQ(dst); return p1+(st*(p2-p1)); } In all the logos animation, the third parameter time(t) is not actually a time, it’s an iteration that counts. 8 Copyright © 2014 Future Technology Devices International Limited Application Note AN_285 FT800 Demo Application - Logo Animation Version Document Reference No.: FT_000948 1.0 Clearance No.: FTDI#378 4 Logos 4.1 Logo-1 4.1.1 Flowchart Figure 4.1 Logo-1 Flowchart 9 Copyright © 2014 Future Technology Devices International Limited Application Note AN_285 FT800 Demo Application - Logo Animation Version Document Reference No.: FT_000948 1.0 Clearance No.: FTDI#378 4.1.2 Description In this Logo, four bitmaps are used: ring, ftdi ball, ftdi and chip Figure 4.2: For the starting screen, there are 48 rings placed by using predefined hypotenuse animation. All the 48 rings are placed in pre-computed radius, sin and cosine angle. From the pre-computed hypotenuse and angle the (x,y) co-ordinates are computing on the run time by using the formula. Figure 4.2 Logo-1 Animation 1 x = rcosθ and y = rsinθ where r is the radius. Figure 4.3 and Figure 4.4: After number of iterations, the centre ring is zoomed in by using bitmap transform A & E and the ring is in the centre of the screen. The other rings are moving out. Image at the centre, Figure 4.3 Logo-1 Animation 2 X = (FTDisplay_WidthImage_Width)/2; Y = (FTDisplay_HeightImage_Height)/2; All the rings are moved by increasing the radius. After two beats, the rings will disappear by reducing the bitmap size. Figure 4.4 Logo-1 Animation 3 Figure 4.5 Logo-1 Animation 4 10 Copyright © 2014 Future Technology Devices International Limited Application Note AN_285 FT800 Demo Application - Logo Animation Version Document Reference No.: FT_000948 1.0 Clearance No.: FTDI#378 Figure 4.6: Chip bitmap and ftdi ball bitmap are rotated by 30 degree by using the coprocessor command CMD_ROTATE. For more details please refer to the FT800 programming guide. Figure 4.8: Gradually reducing the angle from 30 to 0 degree and one degree per iteration which zooms in both the bitmaps by using bitmap transform Figure 4.6 Logo-1 Animation 5 The FTDI bitmap moves from the 480th pixel to 250th pixel by using SmoothStep interpolation. If the FTDI bitmap comes to the 250th pixel, then the FTDI bitmap shakes for 30 iterations by 10pixels randomly which moves on both x and y axis. For more information about bitmap transform, rotation refer FT800 programming guide. Figure 4.7 Logo-1 Animation 6 Figure 4.8 Logo-1 Animation 7 Figure 4.9 Logo-1 Animation 8 11 Copyright © 2014 Future Technology Devices International Limited Application Note AN_285 FT800 Demo Application - Logo Animation Version Document Reference No.: FT_000948 1.0 Clearance No.: FTDI#378 4.2 Logo-2 4.2.1 Flowchart Figure 4.10 Logo-2 Flowchart 12 Copyright © 2014 Future Technology Devices International Limited Application Note AN_285 FT800 Demo Application - Logo Animation Version Document Reference No.: FT_000948 1.0 Clearance No.: FTDI#378 4.2.2 Description The animation is based on space. The planet moves from very far to earth and it blasts. The blasted asteroids are moving away and the FTDICHIP logo will appear on the screen. This is the concept of the animation. Figure 4.11: This is the starting screen of the animation. The background is a 240x136pxs image and it is deflated by using FTDI image converter utility. Figure 4.11 Logo2 Animation 1 Figure 4.12 Logo-2 Animation 2 Figure 4.13 Logo-2 Animation 3 By using the co-processor command CMD_INFLATE, the deflated image is inflated in to GRAM. Note, the GRAM allocation for the image should be the original size of the image and it should not be the deflated file size. The stars and the background bitmaps are different sizes. They can be in L8 or L4 format. The stars of different sizes are placed based on FT800 bitmap transforms. The stars are blinking randomly by changing the alpha value of the colour, it should be 0 for darkness and 255 for brightness. e.g. COLOR_A( 0 or 255). Figure 4.12: In this picture the planet is moving from far to the earth based on FT800.It is quite easy to do the transitions and zooming in/out of the bitmaps. For e.g. 50x50 image is transformed 15 times smaller to look as it is far away. Then gradually increase the image size to normal size by using the function linear interpolation based on iterations. Figure 4.13: In this picture the planet is blasting and the asteroids move away from each other. The FTDI ball bitmap comes from the centre of the planet and the ball and the tail move proportionally opposite to each other by using interpolation. How does the planet blast into asteroids? It’s simple to do. The planet gives more brightness using alpha and then the asteroids bitmap are placed over the planet with a pre-defined radius iteration. By increasing the radius of the orbit the asteroids move away. For more information about bitmap transform, inflate; please refer the FT800 programming guide. Figure 4.14 Logo-2 Animation 4 13 Copyright © 2014 Future Technology Devices International Limited Application Note AN_285 FT800 Demo Application - Logo Animation Version Document Reference No.: FT_000948 1.0 Clearance No.: FTDI#378 4.3 Logo-3 4.3.1 Flowchart Figure 4.15 Logo-3 Flowchart 14 Copyright © 2014 Future Technology Devices International Limited Application Note AN_285 FT800 Demo Application - Logo Animation Version Document Reference No.: FT_000948 1.0 Clearance No.: FTDI#378 4.3.2 Description Compared to the previous two logos, this logo animation is relatively easy to do. Mostly two interpolations are used acceleration and deceleration. Initially, a bitmap appears and eventually the ftdi ball bitmap appears as the bitmap zooms in. Then the FTDICHIP bitmap appears which hits the ftdi ball bitmap from right to left. And the ball hits the wall and return back from the tail of the ftdi logo. This is the concept. Figure 4.16 Logo-3 Animation 1 Figure 4.17 Logo-3 Animation 2 All the bitmaps, except the background are in L8 format, the background is in RGB565, and all images are deflated by using the FTDI image converter utility. The bitmaps are copied into GRAM by using Coprocessor command CMD_INFLATE. Please refer to the FT800 programming guide for these coprocessor commands. Figure 4.16: The bitmap size is gradually reduced to the centre of the screen and the bitmaps disappear. The horizons of the bitmap and the centre line will disappear based on the ripples size and all are directly proportional as see in Figure 4.17. The two horizons come from the centre of the ball and the height and width of the tail is increased based on the travelled distance of the tail. By gradually reducing the color alpha value from 255 to 0 for the wave and increasing the color alpha value from 0 to 255 for the FTDI ball, the lightings can be seen in Figure 4.18. After a few iterations, the lightings will disappear and this can be seen in Figure 4.19. Figure 4.18 Logo-3 Animation 3 The FTDICHIP bitmap hits the ball from right to left by using deceleration interpolation. The ball gets accelerated to move in the same direction which is shown in Figure 4.20. Finally the ball hits the left side of the wall and returns back to align with the ftdi chip bitmap. Figure 4.19 Logo-3 Animation 4 15 Copyright © 2014 Future Technology Devices International Limited Application Note AN_285 FT800 Demo Application - Logo Animation Version Document Reference No.: FT_000948 1.0 Clearance No.: FTDI#378 The background image moving is opposite to the movement of the ball and FTDICHIP bitmaps. The tail and ball are two different bitmaps in L8 format. Figure 4.20 Logo-3 Animation 6 Figure 4.21 Logo-3 Animation 7 Figure 4.22 Logo-3 Animation 8 16 Copyright © 2014 Future Technology Devices International Limited Application Note AN_285 FT800 Demo Application - Logo Animation Version Document Reference No.: FT_000948 1.0 Clearance No.: FTDI#378 4.4 Logo-4 4.4.1 Flowchart Figure 4.23 Logo-4 Flowchart 17 Copyright © 2014 Future Technology Devices International Limited Application Note AN_285 FT800 Demo Application - Logo Animation Version Document Reference No.: FT_000948 1.0 Clearance No.: FTDI#378 4.4.2 Description Bar graph logo animation is quite simple to do based on the FT800 platform. This animation mainly uses FT800 primitives such as rectangle, scissor, bargraph and bitmap. For more information please refer to the FT800 programming guide. Figure 4.24 Logo-4 Animation 1 Figure 4.24: The bargraph construction is the main factor in this animation. By using the sine wave, the graph is constructed but not in run time of the animation. The time consumption of the sine function affects the frame rate. The sine wave is plotted along the even pixels and the odd pixels are the run time offset of y-axis. The bargraph data has already been calculated during the first iteration of the development. By using the formula Y = amp*qsin(-65536*x/(freq)) /65536) Figure 4.25 Logo-4 Animation 2 Figure 4.25: The vertical and the horizontal bar is a rectangle based on FT800 primitives. The Vertical bar moves from left to right based on the iterations. After few iterations, the width, height and offset of the scissor size and scissor size is reduced. The logo animation has the background music effect based on the FT800 internal audio feature, please refer the FT800 programming guide. Figure 4.26 Logo-4 Animation 3 Figure 4.27: FTDICHIP is a bitmap in L8 format; it will appear at the end of the music effect. The animation is fully based on iterations. Figure 4.27 Logo-4 Animation 4 18 Copyright © 2014 Future Technology Devices International Limited Application Note AN_285 FT800 Demo Application - Logo Animation Version Document Reference No.: FT_000948 1.0 Clearance No.: FTDI#378 4.5 Logo-5 4.5.1 Flowchart Figure 4.28 Logo-5 Flowchart 19 Copyright © 2014 Future Technology Devices International Limited Application Note AN_285 FT800 Demo Application - Logo Animation Version Document Reference No.: FT_000948 1.0 Clearance No.: FTDI#378 4.5.2 Description In this logo animation, three balls are in RGB565 format, headset, ft800 and eve are in L8 format. In this logo animation all movements are based on a sine wave. The headset clipping movement is created from continuous iterations of three different bitmaps. It is quite simple to do based on the FT800 platform. Alpha blend functions are utilized in this logo animation for balls. Figure 4.29 Logo-4 Animation 1 This animation gives a 3-D effect, Figure 4.29 & Figure 4.30, the balls size are reduced by using the bitmap transform and moved from 512th pixel of x- axis and 0th pixel of yaxis. All the three balls movement based on sine wave are in three different angles 90,180,270 degrees respectively. In Figure 4.31, the headset arrives just before the balls join together by using SmoothStep interpolation. Figure 4.30 Logo-4 Animation 2 Figure 4.31 Logo-4 Animation 3 20 Copyright © 2014 Future Technology Devices International Limited Application Note AN_285 FT800 Demo Application - Logo Animation Version Document Reference No.: FT_000948 1.0 Clearance No.: FTDI#378 After the balls join, the three headset bitmaps create an effect that the headset adjusts itself, shown in Figure 4.32 and Figure 4.33. After these iterations, FT800 and EVE bitmaps arrives from the right side of the screen in a sine wave with 180 differences and the size of the bitmap is gradually increased based on the iterations. Figure 4.32 Logo-5 Animation 4 Figure 4.33 Logo-5 Animation 5 Figure 4.34 Logo-5 Animation 6 21 Copyright © 2014 Future Technology Devices International Limited Application Note AN_285 FT800 Demo Application - Logo Animation Version Document Reference No.: FT_000948 1.0 Clearance No.: FTDI#378 5 Contact Information Head Office – Glasgow, UK Branch Office – Tigard, Oregon, USA Future Technology Devices International Limited Unit 1, 2 Seaward Place, Centurion Business Park Glasgow G41 1HH United Kingdom Tel: +44 (0) 141 429 2777 Fax: +44 (0) 141 429 2758 Future Technology Devices International Limited (USA) 7130 SW Fir Loop Tigard, OR 97223-8160 USA Tel: +1 (503) 547 0988 Fax: +1 (503) 547 0987 E-mail (Sales) E-mail (Support) E-mail (General Enquiries) [email protected] [email protected] [email protected] E-Mail (Sales) E-Mail (Support) E-Mail (General Enquiries) [email protected] [email protected] [email protected] Branch Office – Taipei, Taiwan Branch Office – Shanghai, China Future Technology Devices International Limited (Taiwan) 2F, No. 516, Sec. 1, NeiHu Road Taipei 114 Taiwan , R.O.C. Tel: +886 (0) 2 8791 3570 Fax: +886 (0) 2 8791 3576 Future Technology Devices International Limited (China) Room 1103, No. 666 West Huaihai Road, Shanghai, 200052 China Tel: +86 21 62351596 Fax: +86 21 62351595 E-mail (Sales) E-mail (Support) E-mail (General Enquiries) E-mail (Sales) E-mail (Support) E-mail (General Enquiries) [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] Web Site http://ftdichip.com System and equipment manufacturers and designers are responsible to ensure that their systems, and any Future Technology Devices International Ltd (FTDI) devices incorporated in their systems, meet all applicable safety, regulatory and system-level performance requirements. All application-related information in this document (including application descriptions, suggested FTDI devices and other materials) is provided for reference only. While FTDI has taken care to assure it is accurate, this information is subject to customer confirmation, and FTDI disclaims all liability for system designs and for any applications assistance provided by FTDI. Use of FTDI devices in life support and/or safety applications is entirely at the user’s risk, and the user agrees to defend, indemnify and hold harmless FTDI from any and all damages, claims, suits or expense resulting from such use. This document is subject to change without notice. No freedom to use patents or other intellectual property rights is implied by the publication of this document. Neither the whole nor any part of the information contained in, or the product described in this document, may be adapted or reproduced in any material or electronic form without the prior written consent of the copyright holder. Future Technology Devices International Ltd, Unit 1, 2 Seaward Place, Centurion Business Park, Glasgow G41 1HH, United Kingdom. Scotland Registered Company Number: SC136640 22 Copyright © 2014 Future Technology Devices International Limited Application Note AN_285 FT800 Demo Application - Logo Animation Version Document Reference No.: FT_000948 1.0 Clearance No.: FTDI#378 Appendix A – References Document References FT800 Embedded Video Engine Datasheet FT800 programmer guide Datasheet for VM800B Datasheet for VM800C Acronyms and Abbreviations Terms Arduino Pro Description The Open Source platform variety based on the Ateml ATMega chipset EVE Embedded Video Engine SPI Serial Peripheral Interface UI User Interface USB Universal Serial Bus 23 Copyright © 2014 Future Technology Devices International Limited Application Note AN_285 FT800 Demo Application - Logo Animation Version Document Reference No.: FT_000948 1.0 Clearance No.: FTDI#378 Appendix B – List of Figures Figure 2.1 Logo Animation Flowchart ..................................................................................... 4 Figure 2.2 Near and Far Icons .............................................................................................. 5 Figure 4.1 Logo-1 Flowchart ................................................................................................. 9 Figure 4.2 Logo-1 Animation 1 ............................................................................................ 10 Figure 4.3 Logo-1 Animation 2 ............................................................................................ 10 Figure 4.4 Logo-1 Animation 3 ............................................................................................ 10 Figure 4.5 Logo-1 Animation 4 ............................................................................................ 10 Figure 4.6 Logo-1 Animation 5 ............................................................................................ 11 Figure 4.7 Logo-1 Animation 6 ............................................................................................ 11 Figure 4.8 Logo-1 Animation 7 ............................................................................................ 11 Figure 4.9 Logo-1 Animation 8 ............................................................................................ 11 Figure 4.10 Logo-2 Flowchart ............................................................................................. 12 Figure 4.11 Logo2 Animation 1 ........................................................................................... 13 Figure 4.12 Logo-2 Animation 2 .......................................................................................... 13 Figure 4.13 Logo-2 Animation 3 .......................................................................................... 13 Figure 4.14 Logo-2 Animation 4 .......................................................................................... 13 Figure 4.15 Logo-3 Flowchart ............................................................................................. 14 Figure 4.16 Logo-3 Animation 1 .......................................................................................... 15 Figure 4.17 Logo-3 Animation 2 .......................................................................................... 15 Figure 4.18 Logo-3 Animation 3 .......................................................................................... 15 Figure 4.19 Logo-3 Animation 4 .......................................................................................... 15 Figure 4.20 Logo-3 Animation 6 .......................................................................................... 16 Figure 4.21 Logo-3 Animation 7 .......................................................................................... 16 Figure 4.22 Logo-3 Animation 8 .......................................................................................... 16 Figure 4.23 Logo-4 Flowchart ............................................................................................. 17 Figure 4.24 Logo-4 Animation 1 .......................................................................................... 18 Figure 4.25 Logo-4 Animation 2 .......................................................................................... 18 Figure 4.26 Logo-4 Animation 3 .......................................................................................... 18 Figure 4.27 Logo-4 Animation 4 .......................................................................................... 18 Figure 4.28 Logo-5 Flowchart ............................................................................................. 19 Figure 4.29 Logo-4 Animation 1 .......................................................................................... 20 Figure 4.30 Logo-4 Animation 2 .......................................................................................... 20 Figure 4.31 Logo-4 Animation 3 .......................................................................................... 20 Figure 4.32 Logo-5 Animation 4 .......................................................................................... 21 Figure 4.33 Logo-5 Animation 5 .......................................................................................... 21 Figure 4.34 Logo-5 Animation 6 .......................................................................................... 21 24 Copyright © 2014 Future Technology Devices International Limited Application Note AN_285 FT800 Demo Application - Logo Animation Version Document Reference No.: FT_000948 1.0 Clearance No.: FTDI#378 Appendix C – Revision History Document Title: AN_285 FT800 Demo Application - Logo Animation Document Reference No.: FT_000948 Clearance No.: FTDI# 378 Product Page: http://www.ftdichip.com/FTProducts.htm Document Feedback: Send Feedback Revision 1.0 Changes Initial Release Date 2014-03-17 378 25 Copyright © 2014 Future Technology Devices International Limited