XNA: सिस्टम फोंट में टेक्स्ट आउटपुट

एक्सएनए केवल पूर्व-तैयार बिटमैप फोंट में पाठ आउटपुट को मानता है। और यह सही है। फास्ट, ओएस स्वतंत्र, पूर्वानुमानित पाठ आकार।
मेरे मामले में, सटीक विपरीत की आवश्यकता थी। हेडसेट और फ़ॉन्ट आकार, और कम प्रदर्शन आवश्यकताओं का मनमाना विकल्प। कार्य काफी कठिन था। इंटरनेट पर बहुत कम जानकारी थी और यह बेहद खंडित था।


शर्तें: 2D एप्लिकेशन, किसी भी समय उपयोगकर्ता को हेडसेट, शैली और फ़ॉन्ट आकार बदलने में सक्षम होना चाहिए।

समाधान काफी सरल है। वांछित टेक्स्ट के साथ एक बिटमैप बनाएं, उससे एक बनावट बनाएं और इसे प्रदर्शित करें।

हम GDI टूल का उपयोग करके एक बिटमैप बनाते हैं।

/// <summary> Draw text on bitmap </summary> /// <returns>Bitmap with text</returns> private System.Drawing.Bitmap Layout() { // Get font var font = new System.Drawing.Font( fontName, fontSize, fontStyle); // Get text size var bitmap = new System.Drawing.Bitmap( 1, 1 ); var graphics = System.Drawing.Graphics.FromImage( bitmap ); var textSize = graphics.MeasureString( text, font ); // Draw text on bitmap bitmap = new System.Drawing.Bitmap( (int) textSize.Width, (int) textSize.Height ); graphics = System.Drawing.Graphics.FromImage( bitmap ); graphics.TextRenderingHint = System.Drawing.Text.TextRenderingHint.AntiAliasGridFit; graphics.DrawString( text, font, new System.Drawing.SolidBrush( this.color ), 0f, 0f ); return bitmap; } 

बिटमैप को टेक्सचर में बदलें

 /// <summary> Create texture from bitmap </summary> /// <param name="gdev">Graphic device</param> /// <param name="bmp">Bitmap</param> /// <returns>Texture</returns> private static Texture2D TextureFromBitmap(GraphicsDevice gdev, System.Drawing.Bitmap bmp) { Stream fs = new MemoryStream(); bmp.Save(fs, System.Drawing.Imaging.ImageFormat.Png); var tex = Texture2D.FromStream(gdev, fs); fs.Close(); fs.Dispose(); return tex; } 

और बनावट प्रदर्शित करें

 public void Draw() { var spriteBatch = new SpriteBatch( graphicsDevice ); spriteBatch.Begin(); spriteBatch.Draw( texture, coordinate, new Rectangle(0, 0, texture.Width, texture.Height), Color.White, 0f, new Vector2(0, 0), 1.0f / textureDownsizeRatio, SpriteEffects.None, 0); spriteBatch.End(); } 

नतीजतन, हमें फटे किनारों के साथ पाठ मिलता है, चौरसाई का पूर्ण अभाव।


एक बिटमैप को एक बनावट में परिवर्तित करना एक नॉनवेज प्रक्रिया है।
विधि यहाँ मिली

अल्फा चैनल के सही हस्तांतरण के लिए, TextureFromBitmap विधि में अतिरिक्त चरणों की आवश्यकता होती है।
सबसे पहले, हम बिटमैप के रंगों के बारे में डेटा को बनावट में खींचते हैं, फिर अल्फा चैनल के बारे में जानकारी।

 /// <summary> Create texture from bitmap </summary> /// <param name="gdev">Graphic device</param> /// <param name="bmp">Bitmap</param> /// <returns>Texture</returns> private static Texture2D TextureFromBitmap(GraphicsDevice gdev, System.Drawing.Bitmap bmp) { Stream fs = new MemoryStream(); bmp.Save(fs, System.Drawing.Imaging.ImageFormat.Png); var tex = Texture2D.FromStream(gdev, fs); fs.Close(); fs.Dispose(); // Setup a render target to hold our final texture which will have premulitplied alpha values var res = new RenderTarget2D(gdev, tex.Width, tex.Height); gdev.SetRenderTarget(res); gdev.Clear(Color.Black); // Multiply each color by the source alpha, and write in just the color values into the final texture var blendColor = new BlendState { ColorWriteChannels = ColorWriteChannels.Red | ColorWriteChannels.Green | ColorWriteChannels.Blue, AlphaDestinationBlend = Blend.Zero, ColorDestinationBlend = Blend.Zero, AlphaSourceBlend = Blend.SourceAlpha, ColorSourceBlend = Blend.SourceAlpha }; var spriteBatch = new SpriteBatch(gdev); spriteBatch.Begin(SpriteSortMode.Immediate, blendColor); spriteBatch.Draw(tex, tex.Bounds, Color.White); spriteBatch.End(); // Now copy over the alpha values from the PNG source texture to the final one, without multiplying them var blendAlpha = new BlendState { ColorWriteChannels = ColorWriteChannels.Alpha, AlphaDestinationBlend = Blend.Zero, ColorDestinationBlend = Blend.Zero, AlphaSourceBlend = Blend.One, ColorSourceBlend = Blend.One }; spriteBatch.Begin(SpriteSortMode.Immediate, blendAlpha); spriteBatch.Draw(tex, tex.Bounds, Color.White); spriteBatch.End(); // Release the GPU back to drawing to the screen gdev.SetRenderTarget(null); return res; } 

अब हमें एक संतोषजनक परिणाम मिलता है।


स्रोत कोड

समस्याएं हैं:
1. धीरे-धीरे। किसी भी मामले में आपको इस पद्धति का उपयोग खेलों में नहीं करना चाहिए, और इससे भी अधिक मोबाइल उपकरणों पर।
2. विश्वसनीय नहीं। सिस्टम में आवश्यक फोंट नहीं हो सकते हैं।
3. यह ट्रैक करने की सलाह दी जाती है कि स्क्रीन पर पाठ का कितना हिस्सा प्रदर्शित होगा और अदृश्य पाठ को ट्रिम कर देगा। अधिकतम बनावट का आकार 2048x2048 है। यदि बिटमैप का आकार बड़ा है, तो बनावट अधिकतम आकार के साथ बनाई जाएगी और फिर वीडियो कार्ड द्वारा वांछित आकार तक खींची जाएगी। पाठ धुंधला हो जाएगा।

आप अप्रबंधित कोड का उपयोग करके TextureFromBitmap में PNG में कनवर्ट करने से छुटकारा पा सकते हैं। एक उदाहरण यहाँ देखा जा सकता है ।