sprite coding

For example, the following is a simple color change program, blue to Red, JS code: var url = "res/sb.jpg"; var sp = new CC. Sprite (URL); Sp.setanchorpoint (0,0); This.addchild (SP); This.shader = new CC. Glprogram ("Res/shaders/example_flower.vsh", "Res/shaders/example_flower.fsh"); This.shader.retain (); This.shader.link (); this.shader.updateUniforms (); var program = This.shader.getProgram (); Sp.shaderprogram = This.s

CSS SpriteWhy use CSS Sprite?Many static small images on a webpage require a large number of HTTP requests when loading, increasing response time. (Haha, the first of 34 rules of optimization of Yahoo!)The background-position:x,y of CSS;Leveraging tiered implementations1. Set block element size2, change the position of the background3, implementation (a large number of small graphs) corresponding to the occurrence of small mapTools for automatically g

-quality image.To do this, we need a new kind of technical support, which is the background-size attribute of CSS3. I did not elaborate on the context of this property, but simply introduced it through some exercises.As a bonus, I'll show you how to use Background-size to make the high-resolution picture Sprite (Sprites) display perfectly on the retina screen.What is the Background-size property?The Background-size property is a newly added background

1. When we need an elf as a larger container to store the other elves, let's set the size of the sprite first.Settexturerect (Rect (0, 0, babysize.width, babysize.height));But this will automatically fill the Genie's color with white.2. This method is required at this time, when the number is 0 is completely transparent, 255 is completely opaqueSetOpacity (0);3. You can then set its anchor pointSetanchorpoint (VEC2 (0,0));About setting the transparenc

How to Create a Sprite in the jiugongge stretch mode In many cases, the four corners of a Sprite must be kept unchanged, such as chat bubbles. The following is an encapsulated BubbleSprite class derived from CCSprite. Class implementation method:. h file #import . M file: #import "BubbleSprite.h"@implementation BubbleSprite+(id)spriteWithFile:(NSString*)file size:(CGSize)size leftCap:(NSInteger)leftcap top

meets the effect described above 5. Application Alpha Value output_color = (tex2D(_MainTex, IN.texcoord) * IN.color);output_color.a = output_color.a - a;IN. color is the optional color IN Sprite Renderer. it is mixed with the color IN _ MainTex and then subtracted from the calculated Alpha value. 6. Use a script to set the Shader parameters during running. float s = camera.WorldToViewportPoint(FadeStart.transform.position).y * 2 - 1;float e = ca

This article began to talk about single-touch events, we used UIPushButton in front of the menu that we used the touch event, but we do not feel, we basically do not need to analyze touch messages. In this article we use an elf to imitate the effect of the button, to enhance understandingAs for the principle, Liao in the document is very clear, will not be redundant.Quick Touch Mechanism (dot Me dot Me (*^__^*))Generally, when we press the button, always find that the button is pressed down, the

"08"what is a CSS sprite? What are the pros and cons? Concept: Stitching multiple small images into one image. The background pattern that needs to be displayed is adjusted by background-position and element dimensions.Advantages: Reduce the number of HTTP requests, greatly improving page loading speed. Increase the repetition of picture information, improve the compression ratio, reduce the size of the picture. It's easy to change st

Prerequisite Summary: A Web site or channel page, the content of more pictures, and changes are not too frequent, how to optimize to become a difficult problem, the use of CSS Sprite function can be implemented to merge multiple pictures together to load the method, but this requires the front end of the picture position and CSS manual adjustment, change the HTML structure, Unusually complex, which is why many sites have not yet used the reason. I'v

Google creative Logo animation DoCoMo code! To commemorate the birth of Masha Gramm, a modern American dance dancer, Google DoCoMo launched an extremely cool LOGO that uses CSS Sprite technology, an animated GIF image, instead of a traditional GIF animated image, is animated using an initial image and a spliced image filled with various movements. Masha granham (Martha Graham, May 11-19, 1894-April 1), an American dancer And choreographer, is also one

This article describes how to use PHP to generate a sprite synthetic graph based on the images in the folder. For more information, see The code is as follows: $ Srcdir = './image /'; $ Prefix = "pic11 _"; $ Dst = "image "; $ Imagedir = scandir ($ srcdir ); Array_shift ($ imagedir ); Array_shift ($ imagedir ); $ Width = 0; $ Height = 0; Foreach ($ imagedir as $ key => $ value ){ $ Picinfo = getimagesize ($ srcdir. $ value ); $ Width = $ picinfo [0]

V4.0 is coming. css sprite generation tool 4.0 is updated. v4.0cssV3.0 Introduction Http://www.cnblogs.com/wang4517/p/4476758.htmlV4.0 update content V4.0: http://download.csdn.net/detail/wx247919365/8685489 Tip: if it is not win7 or the program cannot run, download the Microsoft. net framework 3.5 runtime environment.I. added a Client Version update reminder. After the server version is updated, if the client is not updated to the latest version,

Sprite Texture Font For XNA fonts, apart from the previous SpriteFont, there is also a SpriteTextureFont, which is actually a generated bitmap image, that is, the bitmap font can be used as the XNA font set, in this way, the font library is expanded, so that the font library not in the mobile phone can also be used. The method of use is the same as that of SpriteFont, all of which are loaded with SpriteFont and then drawn using the DrawString method.

When we have many symmetrical graphs in our project, we can use the mirror to achieve the same effect display. and reduces the size footprint of the atlas. On the one hand, the resource consumption is reduced, while the running memory decreases.Add our code to the UIBasicSprite.cs script:Call Method:protected void Fill (betterlistSpecific implementation code:void Mirroredfill (betterlistAfter the expansion, the mirror effect can be realized.Ngui-sprite