התוכנית הגראפית הראשונה

Slides:

Advertisements

Similar presentations

Lecture Computer Science I - Martin Hardwick Strings #include using namespace std; int main () { string word; cout

Advertisements

Continuation of chapter 6…. Nested while loop A while loop used within another while loop is called nested while loop. Q. An illustration to generate.

FUN WITH SHAPES INFORMATION PROCESSING 10 MR. MELLESMOEN.

For(int i = 1; i

STRING AN EXAMPLE OF REFERENCE DATA TYPE. 2 Primitive Data Types  The eight Java primitive data types are:  byte  short  int  long  float  double.

The Point Class public class Point { public double x; public double y; public Point(double x0, double y0) { x = x0; y = y0; } public double distance(Point.

2006 by Jim X. Chen: 1.1. Review –Graphics commands specify straight lines or other geometric primitives that are scan-converted.

LAB SESSION 7 Graphical user interface Applet fundamentals Methods in applets Execution of an applet Graphics class.

Recursion October 5, Reading Read pp in the text.

Features w w w. z a n e e n. c o m z a n e e z a n e e n. c o m Architectural L3 STEP LIGHTS Volume Feature Product:

Hand Trace and Output for: int digit = 0; int number = 1423; do { digit = number % 10; System.out.println(digit); number = number / 10; } while (number.

CSC1401 Drawing in Java - 2. Reminder from last class How do you save your modified picture? String filename = …; Picture stevePicture = new Picture(filename);

Density Lab Part One. Density Lab: Part One DESCRIBE Describe the color and the shape of the object using 2 words.

Applets An applet is similar to a Java program, but it runs within a Web-browser on a client machine. For security, you cannot change anything on a client.

A rectangular dog pen is constructed using a barn wall as one side and 60m of fencing for the other three sides. Find the dimensions of the pen that.

FUNDAMENTALS OF PROGRAMMING SM1204 Semester A 2011.

 Next - Previous  Horizontal Bar  Vertical Menu.

CIS 101: Computer Programming and Problem Solving Lecture10 Usman Roshan Department of Computer Science NJIT.

Graphics and Multimedia. Outline Introduction Graphics Contexts and Graphics Objects Color Control.

The Size and Mass of an Oleic Acid Molecule. 1. Estimate the Width of the drop.

Graphics and Multimedia. Introduction The language contains many sophisticated drawing capabilities as part of namespace System.Drawing and the other.

Lesson 3-5 Example Example 1 What is the volume of the rectangular prism? 1.The length of the rectangular prism is 6 units. The width of the rectangular.

The printf Method The printf method is another way to format output. It is based on the printf function of the C language. System.out.printf(,,,..., );

Object-Oriented Programming in Java. Object-Oriented Programming Objects are the basic building blocks in an O-O program. – A program consists of one.

FUNDAMENTALS OF PROGRAMMING SM1204 SEMESTER A 2012.

1 Windows Graphics. 2 Objectives You will be able to Use the Windows GDI+ to draw arbitrary figures and text on a Windows form. Add a handler for the.

CSC 298 Windows Forms.

Programming Training kiddo Main Points: - Python Statements - Problems with selections.

Main Points: - Python Turtle - Fractals

Lecture 16: Multithreaded Programming. public partial class Form1 : Form { Thread ct; Thread rt; public static int circle_sleep = 0; public static int.

Drawing and Filling Geometric Shapes. Java comes with more than just points and lines. Within the Graphics2D class, there are also methods for drawing.

B. RAMAMURTHY Simulating Motion and Implementing Animation.

2-D Shapes, Color, and simple animation. 7 Basic Shapes Ellipse :: ellipse() Arc :: arc() Line :: line() Point :: point() Rectangle :: rect() Triangle.

1 Graphic Device Interface (GDI). 2 Class Form A Form is a representation of any window displayed in your application. The Form class can be used to create.

Illustrator How to vector using block colors Vectoring using Paint Brush tool. Vectoring using the Inking Lines. Vectoring using Brushes and Pen Tools.

Lecture 3.1 Using Graphics with JFrame. © 2006 Pearson Addison-Wesley. All rights reserved javax.swing.JFrame - int x - int y - int width - int.

Images Part 11 dbg. 2 Images The form and several controls can display a number of different types of image files in the BackgroundImage Property. These.

A: A: double “4” A: “34” 4.

Values, Types, and Variables. Values Data Information Numbers Text Pretty much anything.

Element of Design Form Shape Line Color Value Texture Space.

GDI +. Graphics class's methods System.Drawing Graphics Objects.

Georgia Institute of Technology Drawing in Java – part 2 Dr Usman Saeed Assistant Professor Faculty of Computing and Information Technology North Jeddah.

Import javax.swing.JOptionPane; public class Rectangle { public static void main(String[] args) { double width, length, area, perimeter; String lengthStr,

(PART II) Graphics and Multimedia. Font Control Font s  After a Font is created, its properties cannot be modified  Programmers must create a new Font.

(PART II) Graphics and Multimedia 11/02/1437 Lect6 (Part 2)

Program Studi S-1 Teknik Informatika FMIPA Universitas Padjadjaran

The ingredients or building blocks of all art

Area of a Triangle.

Access Functions and Friend Functions

The ingredients or building blocks of all art

Essential Structures [Chapter-3]

Graphics and Multimedia

The ingredients or building blocks of all art

Graphics and Multimedia

Computer Programming Methodology File Input

Register Use Policy Conventions

ساختار ها در زبان C Structures in C.

Review Operation Bingo

Exam1 Review CSE113 B.Ramamurthy 11/29/2018 B.Ramamurthy.

Value Texture Elements of Art Color Space Line Shape Form.

Microsoft® Small Basic

Player preferences, Loading Scenes, Activating and Enabling

12.4 p 471 a) double[] number = {1.05, 2.05, 3.05, 4.05, 5.05};

2 types of scale factor problems

Graphics and Multimedia

Exam1 Review CSE113 B.Ramamurthy 4/17/2019 B.Ramamurthy.

Good morning, students.

Nate Brunelle Today: Strings, Type Casting

Spell your name using word art from above

Presentation transcript:

התוכנית הגראפית הראשונה C# בקלי קלות פרק 4 התוכנית הגראפית הראשונה

התוכנית הגראפית הראשונה נושאי לימוד: מבנה החלון אזור הלקוח מערכת הקואורדינאטות הגדרת אובייקט גראפי והצגתו

התוכנית הגראפית הראשונה מבנה החלון התוכנית הגראפית הראשונה החלון הוא האובייקט הגראפי החשוב ביותר בתוכניות שנכתוב. החלון משמש כמסגרת של התוכנית, כל הפקודות שנכתוב יבוצעו בחלון. החלון יצייר את האובייקטים הגראפיים (עיגול, משולש, מלבן, טקסט). החלון מיוצג בתוכנית על ידי המחלקה MyForm

התוכנית הגראפית הראשונה מבנה החלון התוכנית הגראפית הראשונה אזור הלקוח (Client Area) הוא החלק בחלון החשוב ביותר מבחינתנו, כל הפעולות שנבצע והפקודות שנפעיל יבוצעו באזור הלקוח, כל האובייקטים שנגדיר יצוירו באזור הלקוח.

התוכנית הגראפית הראשונה מבנה החלון התוכנית הגראפית הראשונה גראפיקה ממוחשבת מצוירת באזור הלקוח. אזור הלקוח הוא החלק המרכזי והחשוב ביותר בחלון מבחינתנו. לאזור הלקוח יש כמה תכונות חשובות שחשוב להכירם. אזור הלקוח אובייקטים גראפיים

התוכנית הגראפית הראשונה מבנה החלון התוכנית הגראפית הראשונה מידותיו של אזור הלקוח לעיתים נצטרך לדעת מהם מידותיו של אזור הלקוח, במקרים אלו נעזר בשתי תכונות: התכונה ClientWidth מספקת את רוחבו של אזור הלקוח, התכונה ClientHeight מספקת את גובהו של אזור הלקוח. ClientHeight ClientWidth

ClientMeasurements

התוכנית הגראפית הראשונה מבנה החלון התוכנית הגראפית הראשונה צביעת אזור הלקוח מתוכניות מחשב בכלל וממשחקים בפרט נדרשת אטרקטיביות. אטרקטיביות מושגת באמצעות צבע, צליל, תנועה. שתי התכונות הבאות "משדרגות" את החזות של התוכנית באמצעות "צביעת" אזור הלקוח. צבע רקע - ניתן להגדיר צבע רקע באמצעות התכונה BackColor אשר מקבלת את אחד מהערכים של "קופסת צבעים" הוירטואלית שלנו- Color. תמונת רקע - כתחליף לצבע רקע ניתן להגדיר תמונת רקע באמצעות התכונה BackgroungImage אשר מקבלת את אחד מערכיו של הטיפוס ClientImage המציע לשימוש 100 תמונות רקע.

BackColorSample ClientImageSample

התוכנית הגראפית הראשונה מבנה החלון התוכנית הגראפית הראשונה מערכת הקואורדינאטות כדי לצייר אובייקט גראפי באזור הלקוח יש צורך להגדיר מספר תכונות חשובות, ביניהן מיקומו. מיקומו של האובייקט באזור הלקוח נקבע על פי מערכת הקואורדינאטות של אזור הלקוח. במערכת הקואורדינאטות אזור הלקוח ישנם שני צירים: ציר X - הציר האופקי ציר Y - הציר האנכי.

התוכנית הגראפית הראשונה מבנה החלון התוכנית הגראפית הראשונה כאשר X=0 ו- Y=0 המיקום הוא הנקודה השמאלית העליונה של אזור הלקוח. המיקום : X=0 ו- Y=0 ככל ש-X גדול יותר מיקום האובייקט הוא ימינה יותר, ככל ש- Y גדול יותר האובייקט ממוקם למטה יותר.

התוכנית הגראפית הראשונה מבנה החלון התוכנית הגראפית הראשונה דוגמה:

הגדרת אובייקט גראפי והצגתו התוכנית הגראפית הראשונה באזור הלקוח ניתן להציג ולשלוט באובייקטים גראפיים שונים. תהליך הצגת האובייקט הגראפי מורכב משלושה שלבים: הקצאה עיצוב הצגה

הגדרת אובייקט גראפי והצגתו התוכנית הגראפית הראשונה שלב ראשון - הקצאה אובייקט גראפי , בדומה למשתנה, חייב להיות מוגדר בתוכנית. בדומה להגדרת משתנה רגיל (int, float, string) מגדירים את סוג (הטיפוס) האובייקט הגראפי ומעניקים לאובייקט שם ייחודי.

הגדרת אובייקט גראפי והצגתו התוכנית הגראפית הראשונה שלב שני - עיצוב לאובייקטים הגראפיים ישנם מספר תכונות גראפיות חשובות, ניתן לחלקם לשלוש קבוצות, הראשונה מגדירה מיקום, השנייה מגדירה גודל והשלישית מגדירה את הצבע: מיקום גודל X מיקום האובייקט הגראפי על ציר ה-X. Y מיקום האובייקט הגראפי על ציר ה-Y. Width רוחב האובייקט. Height גובה האובייקט.

הגדרת אובייקט גראפי והצגתו התוכנית הגראפית הראשונה שלב שני – עיצוב - המשך

הגדרת אובייקט גראפי והצגתו התוכנית הגראפית הראשונה שלב שני – עיצוב - המשך צבע - שני מושגים חדשים: מברשת (Brush) ועט (Pen). המברשת משמשת למילוי האובייקט הגראפי בצבע, העט משמש לשרטוט הגבולות של האובייקט הגראפי. BrushColor צבע המילוי. PenColor צבע המסגרת.

הגדרת אובייקט גראפי והצגתו התוכנית הגראפית הראשונה שלב שלישי – הצגה העברת האובייקט הגראפי לאזור הלקוח. על מנת שאזור הלקוח יוכל לצייר את האובייקט הגראפי הוא צריך להכיר אותו, העברת האובייקט הגראפי מתבצעת באמצעות המתודה AddEllipse( . . .) , המתודה מקבלת את האובייקט שיצרנו.

FirstGraphicObject