ایک اے پی پی کی تعمیر کیسے کریں

Sep 11, 2025
کيسے

گزشتہ دو سالوں میں، وی آر اور آر ٹیکنالوجیز کے ارد گرد دلچسپی میں ایک دھماکہ ہوا ہے. میں تازہ ترین بڑی چیز تجرباتی نمونہ ، اے آر نے ویب پر بھی پہنچا ہے، لیکن اس نئی ٹیکنالوجی کے ساتھ نئی مہارتیں آتی ہیں، اور اب یہ جنگلی مغرب کی طرح محسوس ہوتا ہے جو پیروی کرنے کے لئے کوئی اہم معیار نہیں ہے.

ویب پر 3D ڈسپلے کرنے کی صلاحیت کچھ نیا نہیں ہے، لیکن اگر آپ اس سے گریز کر رہے ہیں، تو آپ کو تین. js یا A-Frame جیسے ٹیکنالوجیز میں کودنے کی ضرورت ہے (ہمارے راؤنڈ اپ پر نظر ڈالیں کوشش کرنے کے لئے آر کے اوزار مکمل فہرست کے لئے).

جو بھی مہارت کی سطح آپ پر ہے، اگر آپ کے پاس کچھ مہذب مواد نہیں ہے تو یہ بہت فرق نہیں کرے گا. کودنے سے پہلے آر آر کے لئے مناسب استعمال کے معاملات کے بارے میں سوچو. اس آرٹیکل میں، ہم آپ کو ایک کثیر مارکر آر کے تجربے کو کیسے بنانے کے لئے دکھائیں گے.

محسوس کرتے ہیں کہ آپ کی مہارت کی سطح کافی نہیں ہے؟ A. ویب سائٹ بلڈر افسوس کے بغیر آپ کے لئے ایک سائٹ بنائے گا. یا اگر آپ پیچیدہ سائٹ کے ساتھ ڈائیونگ کر رہے ہیں، تو حاصل کریں ویب میزبانی ٹھیک ہے.

ایک سے زیادہ مارکروں کا استعمال کرتے ہوئے، اس مارکر پر مبنی عمل یا کسی بھی منفرد مواد کے مختلف مراحل کو ظاہر کرنے کے لئے ممکن ہے. اس مثال میں، ہمارے ایپ پانی کے سائیکل کو تلاش کریں گے. اپنی مرضی کے مطابق آر مارکر بنانے کے بارے میں جاننے کے لئے صفحہ 3 پر جائیں.

01. شروع کرو

کھولو شروع آپ کے IDE اور اندر اندر فولڈر index.html. صفحہ سکرپٹ ٹیگ تلاش کریں. سبق میں تمام کوڈ ان کے اندر اندر جائیں گے. اے پی پی کی جانچ کرنے کے لئے آپ کو ایک سرور کی ضرورت ہوگی اور اگر آپ فون پر ٹیسٹ کرنا چاہتے ہیں تو آپ کو HTTPS سرور پر فائلوں کی میزبانی کرنے کی ضرورت ہوگی. اسکرپٹ ٹیگز میں ابتدائی متغیر شامل کریں: 

 Var Model1، Model2، Model3، Count = 0،
  ذرات، partilecount، particlesystem؛
  var لوڈر = نیا تین.colladaloader ()؛

02. ماڈل لوڈ کریں

scene

تصویر کو بڑھانے کے لئے سب سے اوپر دائیں میں آئکن کا استعمال کریں

آر منظر کا کام کرنے کے لئے، ایک ماڈل بھری ہوئی ہو گی. آپ دیکھیں گے کہ ایک بار بھری ہوئی یہ متغیر میں ذخیرہ کیا جاتا ہے ماڈل 1 . اس کے بعد تین مراحل کے لئے دو مرتبہ کلون اور کلون کیا جاتا ہے. تین مختلف ماڈلوں کو لوڈ کرنے کے بجائے، ایک ماڈل کے تمام ایڈجسٹمنٹ کو کوڈ میں کیا جائے گا تاکہ اسے فوری طور پر موبائل پر لوڈ کریں. 

 لوڈر. لوڈ ('زمین کی تزئین 1.dae'، فنکشن (Collada) {
  model1 = collada.scene؛
  model1.scale.x = model1.scale.y = model1.scale.z = 0.015؛
  model2 = model1.Clone ()؛
  Model3 = Model1.Clone ()؛

03. tweening.

پہلے ماڈل پر، بادل منظر میں پایا جا رہا ہے اور یہ ایک نئی پوزیشن پر طے کیا جائے گا تاکہ بادل سمندر سے نکل جائے. یہ ہمیشہ کے لئے دوبارہ دوبارہ مقرر کیا جاتا ہے اور یہ ٹائن کے لئے آٹھ سیکنڈ لگے گا اور بادل کی تشکیل کو دکھائے جائیں گے. 

 وار Cloud1 = model1.getobjectbyName ("بادل"، سچ)؛
  Cloud1 = Cloud1.Children 
؛
  نیا Tween.tween (Cloud1.position).: ({{
  x: 0،
  Y: 30،
  Z: -15.
  }، 8000) .آپیٹ (انفینٹی) .آپ (Tween.easing.quadratic.inout) .آرٹارٹ ()؛

04. اس کی پیمائش

کلاؤڈ تقریبا پوشیدہ ہے. ایک اور ٹین بادل میں شامل کیا جاتا ہے اور اس کا بادل اس کے عام سائز تک ہوتا ہے. تحریک اور سکیننگ کے ساتھ، یہ یہ خیال دے گا کہ بادل پانی کے سائیکل کے عمل میں پہلا قدم کے طور پر بادل بڑھ رہا ہے اور سمندر سے باہر نکل رہا ہے. 

 cloud1.scale.x = cloud1.scale.y = cloud1.scale.z = 0.0؛
  نیا tween.tween (cloud1.scale) .to ({
  x: 1،
  Y: 1،
  Z: 1.
  }، 8000) .آپیٹ (انفینٹی) .آپ (Tween.easing.quadratic.inout) .آرٹارٹ ()؛

05. دوسرا بادل مقرر کریں

the water cycle scene

دوسرا بادل پہاڑ سے اوپر بیٹھے گا

دوسرا ماڈل سے اگلے بادل کو پوزیشن میں ہونا ضروری ہے جہاں سب سے پہلے بادل نے اس کی حرکت پذیری آسمان میں ایک قیام کلاؤڈ کے طور پر ختم کیا. یہ زمین پر خود کو پوزیشن دینے کے لئے ایک tweened تحریک دیا جاتا ہے، پہاڑ سے تھوڑا سا بڑھ رہا ہے. یہ ایک بڑا اقدام کے طور پر متحرک کرنے کے لئے 12 سیکنڈ لگے گا. 

 وار Cloud2 = model2.getobjectbyname ("بادل"، سچ)؛
  Cloud2 = Cloud2.Children 
؛
  Cloud2.position.set (0، 30، -15)؛
  نیا Tween.tween (Cloud2.position).:
  x: 0،
  Y: 50،
  Z: -145.
  }، 12000) .Repeat (انفینٹی) .آپ (Tween.easing.quadratic.inout) .آرٹارٹ ()؛

06. بارش بنائیں

یہ برہمی کام کرنے کی کلید بادل کو بارش میں لے جا رہی ہے. پانی کے سائیکل میں بادل بارش ہے کیونکہ یہ زمین پر زیادہ سے زیادہ چلتا ہے. اثر حاصل کرنے کے لئے، ذرہ کا نظام استعمال کیا جائے گا. یہاں ایک بارش ڈراپ تصویر کا استعمال کرتے ہوئے، ذرات اور ذرہ مواد کی مقدار پیدا کی جاتی ہے. 

 var textureloader = نیا تین.TextureLoader ()؛
PartraleCount = 1500؛
ذرات = نئے تین.جومیٹری ()؛
var pom materaterive = نیا تین. پوائنٹس
  رنگ: 0x3A4E5D،
  سائز: 0.05،
  نقشہ: textureloader.load ("img / rain.png")،
  فاٹیسٹ: 0.3،
  دھندلاپن: 0.9،
  شفاف: سچ})؛

07. بارش ڈراپ بنائیں

لوپ کے لئے ایک کا استعمال کرتے ہوئے، 1500 بارش ڈراپ بے ترتیب ایکس، Y، Z کی حیثیت سے پیدا کی جا سکتی ہے جو بادل اور زمین کے درمیان ہو گی. بارش کو زیادہ قدرتی نظر ڈالنے کے لئے ہر بارش ڈراپ کو اپنی بے ترتیب رفتار دی جاتی ہے. ذرہ جیومیٹری کے صحیح عملے میں دھکا دیا جاتا ہے. 

 کے لئے (var i = 0؛ i & lt؛ presslecounce؛ i ++) {
  var px = math.random () * 60 - 30،
  PY = Math.random () * -10،
  PZ = ریاضی. رینڈوم () * 20 - 10؛
  وار ذرہ = نیا تین. ویکٹر 3 (پی ایکس، پائی، PZ)؛
  Particle.velocity = نیا تین.vector3 (0، - (ریاضی. رینڈوم () * 0.9)، 0)؛
  ذرات. rotucesss.push (ذرہ)؛ }

08. ذرہ نظام پر کام

اب ذرہ نظام جیومیٹری اور مواد سے پیدا ہوتا ہے. ذرات کو ترتیب دیا جاسکتا ہے تاکہ Z- آرڈر درست ہے اور پھر بارش کے ذرات دوسرے بادل کا بچہ بنائے جاتے ہیں. کہیں بھی بادل tickened ہے، بارش بھی مندرجہ ذیل ہے، لہذا بادل کے بعد بارش کو متحرک کرنے کی کوئی ضرورت نہیں! 

 جزوی نظام = نئے تین. پوائنٹس (ذرات، pmaterial)؛
persiclusystem.sortparticles = سچ؛
Cloud2.add (particlesystem)؛

09. حتمی ماڈل پوزیشن مقرر کریں

حتمی ماڈل میں، کلاؤڈ دوسری کلاؤڈ حرکت پذیری سائیکل کے اختتامی جگہ پر ریپیٹ کیا جاتا ہے. یہ نیا بادل صرف آسمان میں بیٹھنے اور متحرک نہیں ہے. اس کے بجائے دریا کو متحرک کرنے کے لئے جا رہا ہے، لہذا دریا ماڈل ایک متغیر میں ذخیرہ کیا جاتا ہے، اس کے درمیان درمیان میں شامل کرنے کے لئے تیار ہے. 

 وار Cloud3 = model3.getobjectbyname ("بادل"، سچ)؛
  Cloud3 = Cloud3.Children 
؛
  Cloud3.position.set (0، 50، -145)؛
  وار دریا = model3.getobjectbyname ("دریا"، سچ)؛
  دریا = دریائے. بچوں 
؛

10. دریا کو بھریں

the water cycle model

دریا میں پانی کی سطح میں اضافہ کرنے کی ضرورت ہے

پانی کے سائیکل کے تیسرے مرحلے میں پانی پہاڑیوں سے چلتا ہے، دریاؤں اور جھیلوں کو بھرنے کے طور پر یہ سمندر میں واپس آتا ہے. یہ سب سے زیادہ ٹھیک ٹھیک تحریک ہے کیونکہ یہ صرف دریا کی اونچائی کو منتقل کرے گا تاکہ یہ بھرنے کے لئے ظاہر ہوتا ہے. سب کچھ پہلے پیش کیا جاتا ہے، تو اس میں فنکشن کہا جاتا ہے. 

 نیا Tween.tween (River.Position) .to ({
  Y: 3.
  }، 8000) .آپیٹ (انفینٹی) .یہ (Tween.easing.quadratic.inout) .آرٹارٹ ()؛
  اس میں()؛
})؛

محفوظ کرنے کیلئے فائلوں کو ڈیزائن کیا گیا ہے؟ ہمارے گائیڈ کو چیک کریں کلاؤڈ اسٹوریج .

اگلا صفحہ: AR فعالیت اور مارکر شامل کریں

  • 1.
  • 2.
  • 3.

موجودہ صفحہ: اے آر اے پی پی کی تعمیر کریں: اقدامات 01-10.

کيسے - انتہائی مشہور مضامین

ایپل واچ اے پی پی کیسے بنائیں

کيسے Sep 11, 2025

(تصویری کریڈٹ: مستقبل) جب ایپل نے سب سے پہلے اس کے اسمارٹ ویچ کو عو..

ایک شیر کو کیسے ڈراؤ

کيسے Sep 11, 2025

شیر کو کیسے بنانے کے بارے میں ہمارے گائیڈ میں خوش آمدید. جنگل کے بادشاہ، شیر ایک ہے، اگ..

پورٹریٹ فوٹوگرافی: کامل پورٹریٹ کیسے لے لو

کيسے Sep 11, 2025

پورٹریٹ فوٹو گرافی ایک بیلنس ایکٹ ہے - ذہن میں رکھنے کے لئے بہت سی چیزیں ہیں. آپ کے موضوع کے ساتھ مواصلات او..

مایا کے لئے Renderman کے ساتھ ایک منظر بنائیں

کيسے Sep 11, 2025

(تصویری کریڈٹ: جیریمی Heintz) مایا ٹیوٹوریل کے لئے اس Renderman میں، ہم م�..

بابیل 7 کے ساتھ شروع کریں

کيسے Sep 11, 2025

ماحولیاتی نظام کی چوڑائی کی وجہ سے جاوا اسکرپٹ منفرد ہے. جبکہ نئے معیار�..

وی رے میں خدا کی کرن بنائیں

کيسے Sep 11, 2025

حقیقی دنیا کی فوٹو گرافی میں، روشنی کی کرنوں ان کے سب سے زیادہ نظر آتے ہ�..

ویب فانٹ کیسے استعمال کریں

کيسے Sep 11, 2025

برام سٹین کی ویبفونٹ ہینڈ بک سے مندرجہ ذیل ایک اقتباس ہے. ا�..

تیل میں ایک پورٹریٹ پینٹ

کيسے Sep 11, 2025

تعلیم پینٹ کیسے ایک تصویر آسان نہیں ہے، لیکن آپ کے راستے پر آپ ک..

اقسام