ka ka ka ka ka ka en ka ka ka ka ka ka ka ka ka sk ka ka ka ka sk en ka en ka ka ka ka en ka ka en ka ka en ka ka ka ka ka ka en ka ka ka es en my en en en en en
მოდით ვისწავლოთ, როგორ დავხატოთ წერტილი JavaScript-ში ბრაუზერში.. ეს ტექნიკურად რთული არ არის, მაგრამ მხოლოდ მათთვის, ვინც ფუსფუსებს და მათთვის, ვინც არ არის მზად წერტილის დახატვა ინტერნეტში - ეს, რა თქმა უნდა, მთელი მიღწევაა.
წერტილის დახატვის მრავალი გზა არსებობს, მოდით შევხედოთ მათ
ჯედაების ეს გზა ჩვენთან რაც შეიძლება ახლოსაა, რადგან.ჩვენი კოდი არ იქნება დიდი და მკაფიო, როგორც დღის, ჩვენ არ გავაკეთებთ აბსტრაქციას, დიდად არ გავზრდით ჩვენს კოდს ბიბლიოთეკებით.კოდის კონტროლიც კარგი იქნება
ეს რა თქმა უნდა ჯედაების გზაა.კოდი რაც შეიძლება რთულია, ნივთების მაქსიმალური კონტროლი, რომელიც, როგორც იქნა, არ საჭიროებს კონტროლს.წყაროს კოდები არის ყველაზე მინიმალური და golimy JavaScript-ის ცოდნით, ჩვენ შეგვიძლია უბრალოდ უსაფრთხოდ წავიდეთ სამსახურის მისაღებად, რადგან.ჩვენ გვჭირდება ასეთი ხალხი.
მაგრამ ჩვენი ამოცანაა არა სამუშაოს პოვნა, არამედ წერტილის დახატვა მარტივი და მარტივი გზით.ჩვენი ვექტორი არის სიჩქარე და მოქნილობა.
p5js წერტილის დახატვა.ეს არ არის მხოლოდ ის, რა თქმა უნდა, თუ ამოცანა იყო წერტილის დახატვა და ეს არის ის, რა თქმა უნდა, ყველაფერი უნდა გაკეთდეს შიშველი JavaScript-ში, მაგრამ მე ამას ვაკეთებ პერსპექტივაში, .k.მაშინ მე და შენ გავაკეთებთ სხვა რამეებს, რაც საოცრად გამოიყურება და ამისთვის გვჭირდება კარგი ინსტრუმენტი.ერთ-ერთი მათგანია p5js.
golim JavaScript-ში, ჩვენ უნდა შევქმნათ ტილო, რათა განვსაზღვროთ ინიციალიზაციის და გადახაზვის ფუნქციები, p5-ში ეს ასევე კეთდება, მაგრამ ძალიან მოკლედ.
მინიმალური გარემოს დაყენება JavaScript-ის განვითარებისთვის
p5.min.js და შეინახეთ გვერდიგვერდ.
function setup() { createCanvas(window.innerWidth, window.innerHeight); } function draw() { background(0); stroke('white'); strokeWeight(10); point(window.innerWidth/2,window.innerHeight/2); }
ეს გაიხსნება თქვენს ბრაუზერში შემდეგნაირად:
კარგად, HTML გასაგებია, მაგრამ რა სახის JavaScript კოდია ეს?
setup ფუნქცია არის ინიციალიზაცია, იგი შესრულებულია ერთხელ, მასში ვქმნით ტილოს, ე.ი.ტერიტორია, სადაც ჩვენ დავხაზავთ წერტილს.window.innerWidth, window.innerheight
არის ეკრანის სიგანე და სიმაღლე, ე.ი.ჩვენ განვსაზღვრავთ სრულეკრანიან ტილოს და დიახ, HTML-ს აქვს ძალიან მნიშვნელოვანი სტილი ამისთვისაც
ჩვენ არ გვჭირდება სხვა რამის ინიციალიზაცია, უბრალოდ უნდა დავხატოთ წერტილი.შეხედე პრინციპს აქ .. ხატვის ფუნქცია შესრულებულია, მაგალითად, 60 ჯერ წამში და 60 ჯერ წამში ჩვენ დავხატავთ ჩვენს წერტილს.. როგორც ჩანს, ეს სისულელეა, უბრალოდ წერტილი უნდა დავხატოთ და ეს არის ის, მაგრამ მომავალში ის იქნება საფუძველი ზოგადი ყველა ანიმაციისთვის.
ზოგადად, წერტილის დახატვის კოდი ძალიან მარტივია:
და ეს არის ის!
თუმცა, ჩვენი კოდი ოდნავ უფრო დიდია
background(0); stroke('white'); strokeWeight(10); point(window.innerWidth/2,window.innerHeight/2);
და ჩვენ ვხატავთ მას ვერტიკალურ და ჰორიზონტალურ ცენტრში.
ისე.. ტილოზე დავხატეთ წერტილი, ყველაფერი ისეა როგორც უნდა იყოს, მაგრამ შეგვეძლო წმინდა HTML-ზეც კი დავხატოთ JavaScript-ის გარეშე.. როგორი იქნებოდა?
ეს ხდის ელემენტარულ და კიდევ უფრო მარტივს, მაგრამ პრინციპები სრულიად განსხვავებულია, აქ არის ეკრანის ცენტრში კვადრატის დახატვის საბოლოო კოდი
დიახ, HTML-ში ცენტრში რაღაცის დახატვა საკმაოდ მარტივია, მაგრამ იმისათვის, რომ დაამატოთ ანიმაციები და მით უმეტეს საღი ინტერაქტიული, მოგიწევთ იფიქროთ CSS-ის პრინციპების მიხედვით.მიუხედავად იმისა, რომ ეს საკმაოდ საინტერესო ამოცანაა.მხოლოდ ერთი ელემენტარული რამ კლავს ამ ყველაფერს, CSS-ში შემთხვევითი რიცხვები არ არის, ეს მომავალში ჩვენს ყველა მცდელობას მოკლავს, ამიტომ ამ მიმართულებას ნაკლებად მივცემ უპირატესობას.
თუ წარმოვიდგენ, რომ მსურს ვარსკვლავური ცის გაკეთება შიშველ CSS-ზე, მაშინ ყველაფერი არ გამომდის, რადგანვარსკვლავები უნდა გამოჩნდნენ შემთხვევით პოზიციებზე და თუ მათ აქვთ წინასწარ შექმნილი კოორდინატები, ეს არც ისე ლამაზი იქნება და არც ისე მარტივი, რადგან შეგიძლიათ დაწეროთ შემთხვევითი რიცხვების გენერატორი CSS-ში, მაგრამ ასეთი კოდი გამოიყურება სრულიად მახინჯი, წაუკითხავი და რთული. გაიგე!
bg bs ca ceb co cs cy da de el en eo es et fa fi fr fy ga gd gl gu ha haw hi hmn hr ht hu id ig is it iw ja jw ka kk km kn ko ku ky la lb lo lt lv mg mi mk ml mn mr ms mt my ne nl no ny or pa pl ps pt ro ru rw sd si sk sl sm sn so sr st su sv sw ta te tg th tk tl tr tt ug uk ur uz vi xh yi yo zh zu
Filter data by column with regular expressions
Engines for creating games on LUA ?
JavaScript: draw a point
JavaScript: Speaking text in Chinese