XNA ड्रा या एक कण प्रणाली लिखें। भाग I

और फिर, हेब्रावेट्स को नमस्कार!

कुछ दिनों पहले - मैंने XNA फ्रेमवर्क का उपयोग करके कूल गेम बनाने के बारे में लेखों की एक श्रृंखला शुरू की , मेरे पास अपना स्टूडियो नहीं है, इसलिए हम खुद को 2 डी गेम तक सीमित कर लेंगे।

इस बार, हम ड्रा पर एक करीब से नज़र रखेंगे और अपना पहला कण सिस्टम लिखेंगे।

इस लेख में कौन से विषय शामिल होंगे:

• SpriteBatch.Begin () और spriteBatch.Draw () तरीके
• कण प्रणाली कार्यान्वयन

दूसरे भाग में मैं बताऊंगा:

• एक पिक्सेल shader क्या है?
• प्रसंस्करण के बाद क्या है
• RenderTarget2D क्या है और इसके साथ क्या खाया जाता है
• डिस्मेंमेनैट-मैप के साथ डिस्टर्बिंग शेडर

हमेशा की तरह, पहले सिद्धांत, फिर कोड pies ।

SpriteBatch.Begin () विधि

हमने चर्चा की कि पिछले लेख में कैसे आकर्षित किया जाए। आइए इन तरीकों को थोड़ा और विस्तार से देखें:

spriteBatch.Begin ()

spriteBatch.Begin(SpriteSortMode, BlendState, SamplerState, DepthStencilState, RasterizerState, Effect, Matrix); 

यह है कि हम स्क्रीन पर कुछ कैसे खींचना शुरू करते हैं, यह अंतिम विधि अधिभार है, इसलिए यहां हम सब कुछ पर विचार करेंगे।

SpriteSortMode - स्प्राइट को सॉर्ट करने का एक तरीका। कुछ भी दिलचस्प नहीं है।

BlendState में शामिल हैं:

Additive - "एडिटिव मिक्स" के लिए सेटिंग। स्प्राइट अल्फा चैनल का उपयोग करके एक स्प्राइट को दूसरे के साथ मिलाता है।


AlphaBlend - "अल्फा मिश्रण" के लिए सेटिंग। सुपरइमोज़ एक स्प्राइट अल्फा चैनल का उपयोग करके दूसरे पर स्प्राइट करता है।


NonPremultiplied - "गैर- premultipled अल्फा के साथ सम्मिश्रण" के लिए सेटिंग, ड्रा अल्फा अल्फा का उपयोग करके एक दूसरे पर स्प्राइट का दावा करता है।


अपारदर्शी - "अपारदर्शी मिश्रण" के लिए सेट करना, एक को दूसरे पर फैलाने का प्रस्ताव रखता है जैसे कि "ओवरराइटिंग"।


SamplerState में शामिल हैं:
AnisotropicClamp - anisotropic छानने और TextureUV - क्लैंप के लिए डिफ़ॉल्ट स्थिति में है
AnisotropicWrap - anisotropic छानने और TextureUV - लपेटें के लिए डिफ़ॉल्ट स्थिति में है
...

मोटे तौर पर, क्लैम्प - बनावट को फैलाता है, और इसे टाईल्स (दोहराता है)।

हम बनावट 55x20 का उपयोग करते हैं और इसे (क्लैंप) पांच बार फैलाते हैं, अंतर अनिसोट्रोपिक / रैखिक, प्वाइंट :

अनिसोट्रोपिक / रैखिक :


बिंदु :


डेप्थ स्टैंसिलस्टेट - फिर से छंटनी, हमें ज़रूरत नहीं है।
RasterizerState - 2D के लिए हमें वास्तव में इसकी आवश्यकता नहीं है।
प्रभाव - एक शेडर (प्रभाव) जो खींची गई वस्तु को संसाधित करेगा।
मैट्रिक्स - एक वस्तु परिवर्तन मैट्रिक्स (उदाहरण के लिए, इसका उपयोग करके आप 2 डी कैमरा लागू कर सकते हैं)

उस विधि पर विचार करें जो शुरुआती और अंत के बीच शामिल है।

SpriteBatch.Draw () विधि

 spriteBatch.Draw(Texture2D texture, Vector2D position, Rectangle sourceDest, Color color, float angle, Vector2D origin, Vector2D scale, SpriteEffects effects, float layerDepth); 

बनावट - बनावट ही, जिसे हम आकर्षित करेंगे।

स्थिति - स्क्रीन पर स्थिति (दुनिया, अगर एक परिवर्तन मैट्रिक्स है, दूसरे शब्दों में: "कैमरा")।

sourceDest - बनावट से एक आयत (बनावट का वह हिस्सा जो हम आकर्षित करेंगे, यदि सभी, तो नया आयत (0, 0, width_texture, height_texture )

रंग - वस्तु का रंग।

कोण - घुमाव का कोण।

उत्पत्ति - बनावट की तथाकथित ऑफसेट या "द्रव्यमान का केंद्र"। दूसरे शब्दों में, यह NxM पिक्सेल द्वारा बनावट के केंद्र को बदलता है।

स्केल - X और Y में बनावट का आकार

प्रभाव - एक बनावट प्रदर्शित करने के विभिन्न प्रभाव, उदाहरण के लिए: आप इसकी दर्पण छवि खींच सकते हैं।

लेयरडेप - परत की गहराई।

मुख्य कार्यों के पैरामीटर जो ड्राइंग के लिए जिम्मेदार हैं - पता लगाया गया।

कण प्रणाली

चलो कणों की एक सरल प्रणाली लिखते हैं, हमारे मामले में यह एक निशान (निशान, ट्रेन, पूंछ) है, जो माउस के आंदोलन से रहेगा।

अगला कोड है।

हम एक नया कण वर्ग बनाते हैं, यह हमारा एकल कण (धुआं, चिंगारी, पैसा ) होगा, टिप्पणियों के साथ सूचीबद्ध किया जाएगा:

 using System; using System.Collections.Generic; using System.Linq; using Microsoft.Xna.Framework; using Microsoft.Xna.Framework.Audio; using Microsoft.Xna.Framework.Content; using Microsoft.Xna.Framework.GamerServices; using Microsoft.Xna.Framework.Graphics; using Microsoft.Xna.Framework.Input; using Microsoft.Xna.Framework.Media; using System.Diagnostics; namespace ParticleSystem { public class Particle { public Texture2D Texture { get; set; } //    public Vector2 Position { get; set; } //   public Vector2 Velocity { get; set; } //   public float Angle { get; set; } //    public float AngularVelocity { get; set; } //   public Vector4 Color { get; set; } //   public float Size { get; set; } //  public float SizeVel { get; set; } //    public float AlphaVel { get; set; } //    public int TTL { get; set; } //    public Particle(Texture2D texture, Vector2 position, Vector2 velocity, float angle, float angularVelocity, Vector4 color, float size, int ttl, float sizeVel, float alphaVel) //  { Texture = texture; Position = position; Velocity = velocity; Angle = angle; Color = color; AngularVelocity = angularVelocity; Size = size; SizeVel = sizeVel; AlphaVel = alphaVel; TTL = ttl; } public void Update() //   { TTL--; //    //       Position += Velocity; Angle += AngularVelocity; Size += SizeVel; Color = new Vector4(Color.X, Color.Y, Color.Z, Color.W - AlphaVel); //  . ,    Vector4,    Color,  : Color.R/G/B   Byte ( 0x00  0xFF),     ,  float  Vector4 } public void Draw(SpriteBatch spriteBatch) { Rectangle sourceRectangle = new Rectangle(0, 0, Texture.Width, Texture.Height); //   :  Vector2 origin = new Vector2(Texture.Width / 2, Texture.Height / 2); //  spriteBatch.Draw(Texture, Position, sourceRectangle, new Color(Color), Angle, origin, Size, SpriteEffects.None, 0); //   } } } 

अब, आपको एक ऐसा वर्ग बनाने की आवश्यकता है जो खेल के सभी कणों को प्रबंधित करे, चलो इसे कण कण कहते हैं, टिप्पणियों के साथ एक सूची:

 using System; using System.Collections.Generic; using System.Linq; using Microsoft.Xna.Framework; using Microsoft.Xna.Framework.Audio; using Microsoft.Xna.Framework.Content; using Microsoft.Xna.Framework.GamerServices; using Microsoft.Xna.Framework.Graphics; using Microsoft.Xna.Framework.Input; using Microsoft.Xna.Framework.Media; using System.Diagnostics; namespace ParticleSystem { class ParticleController { public List<Particle> particles; private Texture2D dot; //   private Texture2D smoke; //   private Random random; public ParticleController() { this.particles = new List<Particle>(); random = new Random(); } public void LoadContent(ContentManager Manager) { dot = Manager.Load<Texture2D>("spark"); smoke = Manager.Load<Texture2D>("smoke"); } public void EngineRocket(Vector2 position) // ,     { for (int a = 0; a < 2; a++) //  2     { Vector2 velocity = AngleToV2((float)(Math.PI * 2d * random.NextDouble()), 0.6f); float angle = 0; float angleVel = 0; Vector4 color = new Vector4(1f, 1f, 1f, 1f); float size = 1f; int ttl = 40; float sizeVel = 0; float alphaVel = 0; GenerateNewParticle(smoke, position, velocity, angle, angleVel, color, size, ttl, sizeVel, alphaVel); } for (int a = 0; a < 1; a++) //  1    { Vector2 velocity = AngleToV2((float)(Math.PI * 2d * random.NextDouble()), .2f); float angle = 0; float angleVel = 0; Vector4 color = new Vector4(1.0f, 0.5f, 0.5f, 0.5f); float size = 1f; int ttl = 80; float sizeVel = 0; float alphaVel = .01f; GenerateNewParticle(dot, position, velocity, angle, angleVel, color, size, ttl, sizeVel, alphaVel); } for (int a = 0; a < 10; a++) //  10 ,    —     { Vector2 velocity = Vector2.Zero; float angle = 0; float angleVel = 0; Vector4 color = new Vector4(1.0f, 0.5f, 0.5f, 1f); float size = 0.1f + 1.8f * (float)random.NextDouble(); int ttl = 10; float sizeVel = -.05f; float alphaVel = .01f; GenerateNewParticle(smoke, position, velocity, angle, angleVel, color, size, ttl, sizeVel, alphaVel); } } private Particle GenerateNewParticle(Texture2D texture, Vector2 position, Vector2 velocity, float angle, float angularVelocity, Vector4 color, float size, int ttl, float sizeVel, float alphaVel) //    { Particle particle = new Particle(texture, position, velocity, angle, angularVelocity, color, size, ttl, sizeVel, alphaVel); particles.Add(particle); return particle; } public void Update(GameTime gameTime) { for (int particle = 0; particle < particles.Count; particle++) { particles[particle].Update(); if (particles[particle].Size <= 0 || particles[particle].TTL <= 0) //         ,   { particles.RemoveAt(particle); particle--; } } } public void Draw(SpriteBatch spriteBatch) { spriteBatch.Begin(SpriteSortMode.Deferred, BlendState.Additive); //    Addictive for (int index = 0; index < particles.Count; index++) //    { particles[index].Draw(spriteBatch); } spriteBatch.End(); } public Vector2 AngleToV2(float angle, float length) { Vector2 direction = Vector2.Zero; direction.X = (float)Math.Cos(angle) * length; direction.Y = -(float)Math.Sin(angle) * length; return direction; } } } 

और मुख्य वर्ग में, हम लोडकॉन्टेंट, अपडेट, उपयुक्त स्थानों पर ड्रा लिखते हैं, उसी समय प्रत्येक अद्यतन के लिए कणों की पीढ़ी को जोड़ते हैं:

 particleController.EngineRocket(new Vector2(Mouse.GetState().X, Mouse.GetState().Y)); 

हम शुरू करते हैं, माउस को हिलाते हैं, प्रशंसा करते हैं:


जैसा कि आप जानते हैं, ऐसी प्रणाली को और भी सुंदर बनाया जा सकता है: शेड जोड़ें। लेकिन लेख का आयतन पर्याप्त है। मैं आपको बताता हूं कि लेख के दूसरे भाग में अपने स्वयं के प्रयोजनों के लिए शेड्स का उपयोग कैसे करें।

मैं स्रोत कोड और डेमो लागू करता हूं।

अगली बार तक;)

UPD: लेख का दूसरा भाग।