Graphics 2D 1 Subject:T0934 / Multimedia Programming Foundation Session:6 Tahun:2009 Versi:1/0.

Slides:



Advertisements
Similar presentations
Images Images are a key component of any multimedia presentation.
Advertisements

Information Representation
Audio 1 Subject:T0934 / Multimedia Programming Foundation Session:8 Tahun:2009 Versi:1/0.
JAVA API (GUI) Subject:T0934 / Multimedia Programming Foundation Session:1 Tahun:2009 Versi:1/0.
BM109 Computer Applications For Media. Text Overview Importance of text in a multimedia presentation. Understanding fonts and typefaces. Using text elements.
Multimedia Network Communications Subject:T0934 / Multimedia Programming Foundation Session:13 Tahun:2009 Versi:1/0.
Graphics and Multimedia Session 13 Mata kuliah: M0874 – Programming II Tahun: 2010.
Image 1 Subject:T0934 / Multimedia Programming Foundation Session:4 Tahun:2009 Versi:1/0.
Tafseer Ahmed Department of Computer Science University of Karachi Urdu on Linux International Support.
Digital Media Text Text Text in History Text came into use about 6,000 years ago.
Text and Image Pertemuan 01 Matakuliah: L0182 / Web & Animation Design Tahun: 2008.
Lecture 6 Graphics, Number Systems. 7.2 Bit-map Graphics Similar to real painting on the canvas, there is no way to change something but paint over it.
Characters and Strings. Characters In Java, a char is a primitive type that can hold one single character A character can be: –A letter or digit –A punctuation.
Review1 What is multilingual computing? Bilingual, trilingual, vs. Multilingual What are the fundamental issues in multi-lingual computing? –Representation.
Introduction to Computer Graphics
Text Chapter 7. 7 Text in Multimedia Text is used in multimedia projects in many ways: Web pages Video Computer-based training Presentations.
XWN740 X-Windows Configuring and Using Fonts and X Windows (Chapter 10)‏
Components Text Text--Processing Software A Word Processor is a software application that provides the user with the tools to create and edit text.
V Obtained from a summer workshop in Guildford County July, 2014
2.1 Different Text Attributes Font A set of printable or displayable text characters with its style and size specified Arial 16 point bold Arial 32 point.
Interactive Multimedia Development
Introduction to Interactive Media 06: Text: Static Interactive Media Component.
Text Text. Multimedia Elements u Text u Graphics u Animation u Sound u Video.
Text.
Chapter 7 Chapter 7 Characters and Fonts Multimedia Systems.
Text. Table of Content 1.Introduction of text. 2.Text elements. 3.Types of text. 4.Fonts and typefaces. 5.Font Terminology. 6.Classification of fonts.
Chapter 2: Text.
Globalisation & Computer Systems week 5 1. Localisation presentations 2.Character representation and UNICODE UNICODE design principles UNICODE character.
1 herbert van de sompel CS 502 Computing Methods for Digital Libraries Cornell University – Computer Science Herbert Van de Sompel
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 10 This presentation © 2004, MacAvon Media Productions Characters & Fonts.
Chapter 4-Text.
B.Sc. Multimedia ComputingMedia Technologies Character Representation & Font Technology.
Lecture 4 - Introduction to Computer Graphics
COM 205 Multimedia Applications St. Joseph’s College Fall 2004.
CHAPTER FIVE TEXT.
Introduction to Interactive Media Interactive Media Components: Text.
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 3 This presentation © 2004, MacAvon Media Productions Introduction to Computer Graphics.
I n t r o t o d e s i g n Raster vs. Vector Images.
Globalisation & Computer systems Week 5/6 Character representation ACII and code pages UNICODE.
Anlab ( ) Kim, Yangjung Characters & Fonts.
1 MULTIMEDIA TECHNOLOGY SMM 3001 MEDIA - TEXT. 2 What is Text? the basic element of most multimedia the basic element of most multimedia consisting of.
TEXT.  Font Style Examples: ◦ Bold ◦ Italic ◦ Underline  Font Size Examples: ◦ Points  8 pt (can be smaller)  10 pt  12 pt.
Text and Image Session 02 & 03 Subject: L0182 / Web & Animation Design Year: 2009.
Data Representation. What is data? Data is information that has been translated into a form that is more convenient to process As information take different.
Week - 9 Multimedia: Text element. Overview Importance of text in a multimedia presentation. Understanding fonts and typefaces. Using text elements in.
Information Coding Schemes Group Member : Yvonne Tiffany Jurifah bt Junaidi Clara Jane George.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
17-Mar-16 Characters and Strings. 2 Characters In Java, a char is a primitive type that can hold one single character A character can be: A letter or.
Software Design and Development Storing Data Part 2 Text, sound and video Computing Science.
1.4 Representation of data in computer systems Character.
X-Windows Configuring and Using Fonts and X Windows (Chapter 10)
Characters & Fonts Digital Multimedia, 2nd edition
Chapter 2: Text.
Multimedia Systems and Applications
Text.
Representing Information as bit patterns
Data Encoding Characters.
Chapter 7 Text.
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
Introduction to Computer Graphics
Text.
Ch2: Data Representation
Characters & Fonts Digital Multimedia, 2nd edition
COMS 161 Introduction to Computing
COMS 161 Introduction to Computing
Assist. Lecturer Safeen H. Rasool Collage of Science Department of IT
Lecture 4 - Introduction to Computer Graphics
UNIT-2 Text.
ASCII and Unicode.
Introduction to UNICODE (ஒருங்குறி)
Presentation transcript:

Graphics 2D 1 Subject:T0934 / Multimedia Programming Foundation Session:6 Tahun:2009 Versi:1/0

Bina Nusantara Learning Outcomes In the end of this session, students must be able to: –Understand the basic principal of Java2D Graphics –Apply correct Java syntax to use Java2D Graphics

Outline Font 2D Graphics Java 2D Graphics Bina Nusantara

Font - Characters Bina Nusantara Characters (Alphabets) WordsSentencesLanguage Digits (123) Letters (ABC) Symbols

Character Codes Bina Nusantara Character Code ASCII ISO Latin 1 Unicode ISO American Standard Code for Information Interchange, 7 bits, commonly used in the US and abroad alias ISO , 8 bits, commonly used for computer processing 16 bits, include characters from all known languages and alphabets in the world (multilingual text and character encoding) 32 bits, defines UCS (Universal Character Set) A group of characters, each assigned with a unique numerical code

Characters & Glyphs CharactersGlyphsFonts Bina Nusantara represented in a visual display organized in one set One character can be represented as several glyphs Two or more characters can be represented in one glyphs AAAAA

Fonts Size –measured in points ( 1 point = 1/72 inch) Style –Bold, Italic, Underline, superscript, subscript, etc Classification Bina Nusantara Bitmap Glyphs are represented in bitmap (raster) blocky and less legible if enlarge PostScript developed by Adobe scalable require Adobe Type Manager (ATM) software to look smooth good for design and publishing not cross platform compatible TrueType jointly developed by Apple and Microsoft scalable not cross platform compatible everyone can make a new TT font OpenType jointly developed by Apple and Microsoft scalable not supported by all application cross platform compatible

Font Spacing Bina Nusantara all characters have the same width used for typewriter/newspaper characters’ width varies with the shape easier to read used for textbook

Font Bina Nusantara Font is accessible as long as installed in your computer. Font use only setFont and drawString.

Graphics Bina Nusantara Graphic Primitives Shapes Images Text Rendering Engine Java graphics2D Output Devices Screens Printers An engine to display graphic primitives on output devices

Graphics Coordinates Shapes Stroke Fill Composite Antialiasing Bina Nusantara

Coordinates User space – The space in which graphics primitives are specified Device space – The coordinate system of an output device such as a screen, window, or a printer Bina Nusantara X Y 0

Coordinates Bina Nusantara Graphic Primitives Rendering Engine Output Devices User SpaceDevice Spacetransform user space into device space

Coordinates Bina Nusantara An example to know the coordinate of mouse click in an image. Use MouseListener. Full code is downloadable in Additional Material.

Shapes Point Lines Rectangular Shapes Quadratic and Cubic Curves Bina Nusantara

Shapes Bina Nusantara An example showing how to make an Ellipse Shape

Stroke An outline of lines /dashing patterns on a graphic primitive Bina Nusantara SolidRound DotDashLong Dash Dot Thickness & Color

Stroke Bina Nusantara We add these codes to the previous code of shape, and we get strokes. Full code is downloadable in Additional Material.

Fill Interior of a graphic primitive Bina Nusantara SolidGradientTexture/ Pattern Image

Fill Bina Nusantara We add these codes to the previous code of shape, and we get gradient paint to fill. Full code is downloadable in Additional Material.

Composite Adding new objects on existing objects Bina Nusantara Composite

Bina Nusantara We add two shapes and for the second one we apply AlphaComposite to blend them together. Full code is downloadable in Additional Material.

Antialiasing Bina Nusantara AliasingAntialiasing

Bina Nusantara Antialiasing is used to smooth the curve of the font. In this example, “W” is smooth enough, even though it is enlarged.

Java 2D Graphics Bina Nusantara Graphic Primitives Rendering Engine Output Devices

References Java2D: An Introduction and Tutorial D Drawing Character Sets / Character Encoding Issues HTML Document Representation http:// 5.2 Unicode Character Encoding Model A tutorial on character code issues Fonts: Bitmap, PostScript, and TrueType Compared Base Monospace Overview of the Java 2D API Concepts Java2D: An Introduction and Tutorial Bina Nusantara