2D computer graphics is the computer-based generation of digital images —mostly from two-dimensional models (such as 2D geometric models , text, and digital images) and by techniques specific to them. It may refer to the branch of computer science that comprises such techniques or to the models themselves.
60-512: Jump Super Stars is a 2D crossover fighting game for the Nintendo DS , based on Weekly Shōnen Jump characters. It was developed by Ganbarion and published by Nintendo . The game was released on August 8, 2005, in Japan and accompanied the release of a red Nintendo DS . A sequel , Jump Ultimate Stars , was released in Japan on November 23, 2006. Jump Super Stars features characters from
120-431: A laptop as an external display. The monitor is connected to the host through the use of a display cable, such as HDMI , DisplayPort , VGA , and more. Older monitors use CRT technology, while modern monitors are typically flat panel displays using a plethora of technologies such as TFT-LCD , LED , OLED , and more. Almost all mobile devices incorporate an internal display. These internal displays are connected to
180-598: A rigid motion : other rigid motions include rotations and reflections. A translation can also be interpreted as the addition of a constant vector to every point, or as shifting the origin of the coordinate system . A translation operator is an operator T δ {\displaystyle T_{\mathbf {\delta } }} such that T δ f ( v ) = f ( v + δ ) . {\displaystyle T_{\mathbf {\delta } }f(\mathbf {v} )=f(\mathbf {v} +\mathbf {\delta } ).} If v
240-562: A rotation in Euclidean space . rotates points in the xy - Cartesian plane counterclockwise through an angle θ about the origin of the Cartesian coordinate system . To perform the rotation using a rotation matrix R , the position of each point must be represented by a column vector v , containing the coordinates of the point. A rotated vector is obtained by using the matrix multiplication R v . Since matrix multiplication has no effect on
300-413: A scale factor that is the same in all directions. The result of uniform scaling is similar (in the geometric sense) to the original. A scale factor of 1 is normally allowed, so that congruent shapes are also classed as similar. (Some school text books specifically exclude this possibility, just as some exclude squares from being rectangles or circles from being ellipses.) More general is scaling with
360-614: A vector v = ( v x , v y , v z ), each homogeneous coordinate vector p = ( p x , p y , p z , 1) would need to be multiplied with this projective transformation matrix: As shown below, the multiplication will give the expected result: Since the last component of a homogeneous coordinate can be viewed as the denominator of the other three components, a uniform scaling by a common factor s (uniform scaling) can be accomplished by using this scaling matrix: For each vector p = ( p x , p y , p z , 1) we would have which would be homogenized to A convenient way to create
420-454: A 3.5mm phone connector. The PC speaker is a simple loudspeaker built into IBM PC compatible computers. Unlike a speaker used with a sound card, the PC speaker is only meant to produce square waves to produce sounds such as beeping . Modern computers utilize a piezoelectric buzzer or a small speaker as the PC speaker. PC speakers are used during Power-on self-test to identify errors during
480-430: A complex image is to start with a blank "canvas" raster map (an array of pixels , also known as a bitmap ) filled with some uniform background color and then "draw", "paint" or "paste" simple patches of color onto it, in an appropriate order. In particular the canvas may be the frame buffer for a computer display . Some programs will set the pixel colors directly, but most will rely on some 2D graphics library or
540-449: A computer's CPU and the display is a Graphics Processing Unit (GPU). This processor is used to form images on a framebuffer . When the image is to be sent to the display, the GPU sends its image through a video display controller to generate a video signal , which is then sent to a display interface such as HDMI , VGA , or DVI GPUs can be divided into discrete and integrated units,
600-438: A description of a document based on 2D computer graphics techniques can be much smaller than the corresponding digital image—often by a factor of 1/1000 or more. This representation is also more flexible since it can be rendered at different resolutions to suit different output devices . For these reasons, documents and illustrations are often stored or transmitted as 2D graphic files . 2D computer graphics started in
660-408: A haptic sensation. A printer is a device that outputs data to be put on a physical item, usually a piece of paper . Printers operate by transferring ink onto this medium in the form of the image received from the host. Early printers could only print text, but later developments allowed printing of graphics. Modern printers can receive data in multiple forms like vector graphics , as an image ,
SECTION 10
#1732877109399720-453: A monochromatic display which accepts one. Color monitors implement the RGB color model by using three different phosphors that appear red, green, and blue when activated. By placing the phosphors directly next to each other, and activating them with different intensities, color monitors can create an unlimited number of colors. In practice, however, the real number of colors that any monitor can display
780-405: A printer. A computer can still function without an output device, as is commonly done with servers , where the primary interaction is typically over a data network. A number of protocols exist over serial ports or LAN cables to determine operational status, and to gain control over low-level configuration from a remote location without having a local display device. If the server is configured with
840-400: A program written in a page description language , or a string of characters. Multiple types of printers exist: A plotter is a type of printer used to print vector graphics . Instead of drawing pixels onto the printing medium, the plotter draws lines, which may be done with a writing implement such as a pencil or pen. A teleprinter or teletypewriter (TTY) is a type of printer that
900-443: A result. A refreshable braille display outputs braille characters through the use of pins raised out of holes on its surface. It is ordinarily used by visually-impaired individuals as an alternative to a screen reader . Haptic technology involves the use of vibration and other motion to induce a sense of touch. Haptic technology was introduced in the late 1990s for use in game controllers , to provide tactile feedback while
960-406: A separate scale factor for each axis direction. Non-uniform scaling ( anisotropic scaling , inhomogeneous dilation ) is obtained when at least one of the scaling factors is different from the others; a special case is directional scaling or stretching (in one direction). Non-uniform scaling changes the shape of the object; e.g. a square may change into a rectangle, or into a parallelogram if
1020-415: A set of predefined decks that the player can use, but the player cannot change or delete those. It is also possible to exchange decks between friends, but they won't be able to edit the decks. Ally boosting is done by placing koma next to each other in the deck maker. If the koma placed next to each other are "compatible", their attributes will go up. Battle characters can get a longer health bar, or increase
1080-474: A sound model for certain techniques such as mitered joints and the even–odd rule . Layered models are also used to allow the user to suppress unwanted information when viewing or printing a document, e.g. roads or railways from a map , certain process layers from an integrated circuit diagram, or hand annotations from a business letter. In a layer-based model, the target image is produced by "painting" or "pasting" each layer, in order of decreasing depth, on
1140-546: A specific order. The ordering is usually defined by a single number (the layer's depth , or distance from the viewer). Layered models are sometimes called "2 1 ⁄ 2 -D computer graphics". They make it possible to mimic traditional drafting and printing techniques based on film and paper, such as cutting and pasting; and allow the user to edit any layer without affecting the others. For these reasons, they are used in most graphics editors . Layered models also allow better spatial anti-aliasing of complex drawings and provide
1200-406: A translation matrix can be obtained by reversing the direction of the vector: Similarly, the product of translation matrices is given by adding the vectors: Because addition of vectors is commutative , multiplication of translation matrices is therefore also commutative (unlike multiplication of arbitrary matrices). In linear algebra , a rotation matrix is a matrix that is used to perform
1260-450: A user is playing a video game. Haptic feedback has seen further uses in the automotive field, aircraft simulation systems, and brain-computer interfaces . In mobile devices, Apple added haptic technology in various devices, marketed as 3D Touch and Force Touch . In this form, several devices could sense the amount of force exerted on its touchscreen, while MacBooks could sense two levels of force on its touchpad , which will produce
SECTION 20
#17328771093991320-405: Is a fixed vector, then the translation T v will work as T v ( p ) = p + v . If T is a translation, then the image of a subset A under the function T is the translation of A by T . The translation of A by T v is often written A + v . In a Euclidean space , any translation is an isometry . The set of all translations forms the translation group T , which
1380-425: Is a type of CRT common in the early days of computing , from the 1960s through the 1980s, before color monitors became popular. They are still widely used in applications such as computerized cash register systems. Green screen was the common name for a monochrome monitor using a green "P1" phosphor screen. Color monitors, sometimes called RGB monitors, accept three separate signals (red, green, and blue), unlike
1440-435: Is controlled by the video adapter . A speaker is an output device that produces sound through an oscillating transducer called a driver. The equivalent input device is a microphone . Speakers are plugged into a computer's sound card via a myriad of interfaces, such as a phone connector for analog audio, or SPDIF for digital audio. While speakers can be connected through cables, wireless speakers are connected to
1500-407: Is isomorphic to the space itself, and a normal subgroup of Euclidean group E ( n ). The quotient group of E ( n ) by T is isomorphic to the orthogonal group O ( n ): Since a translation is an affine transformation but not a linear transformation , homogeneous coordinates are normally used to represent the translation operator by a matrix and thus to make it linear. Thus we write
1560-610: Is known as inverting color or color inversion , and is often used in graphical user interfaces for highlighting, rubber-band drawing, and other volatile painting—since re-painting the same shapes with the same color will restore the original pixel values. The models used in 2D computer graphics usually do not provide for three-dimensional shapes, or three-dimensional optical phenomena such as lighting, shadows , reflection , refraction , etc. However, they usually can model multiple layers (conceptually of ink, paper, or film; opaque, translucent , or transparent —stacked in
1620-406: Is meant for sending and receiving messages. Before displays were used to display data visually, early computers would only have a teleprinter for use to access the system console . As the operator would enter commands into its keyboard, the teleprinter would output the results onto a piece of paper. The teleprinter would ultimately be succeeded by a computer terminal , which had a display instead of
1680-415: Is not commonly used in dimensions higher than 3; there is a notion of a rotational displacement , which can be represented by a matrix, but no associated single axis or angle. Rotation matrices are square matrices , with real entries. More specifically they can be characterized as orthogonal matrices with determinant 1: The set of all such matrices of size n forms a group , known as
1740-406: Is used, with the x axis to the right and the y axis up, the rotation R( θ ) is counterclockwise. If a left-handed Cartesian coordinate system is used, with x directed to the right but y directed down, R( θ ) is clockwise. Such non-standard orientations are rarely used in mathematics but are common in 2D computer graphics, which often have the origin in the top left corner and the y -axis down
1800-446: The special orthogonal group SO( n ) . In two dimensions every rotation matrix has the following form: This rotates column vectors by means of the following matrix multiplication : So the coordinates (x',y') of the point (x,y) after rotation are: The direction of vector rotation is counterclockwise if θ is positive (e.g. 90°), and clockwise if θ is negative (e.g. -90°). If a standard right-handed Cartesian coordinate system
1860-693: The 1950s, based on vector graphics devices . These were largely supplanted by raster-based devices in the following decades. The PostScript language and the X Window System protocol were landmark developments in the field. 2D graphics models may combine geometric models (also called vector graphics ), digital images (also called raster graphics ), text to be typeset (defined by content, font style and size, color, position, and orientation), mathematical functions and equations , and more. These components can be modified and manipulated by two-dimensional geometric transformations such as translation , rotation , and scaling . In object-oriented graphics ,
Jump Super Stars - Misplaced Pages Continue
1920-402: The 3-dimensional vector w = ( w x , w y , w z ) using 4 homogeneous coordinates as w = ( w x , w y , w z , 1). To translate an object by a vector v , each homogeneous vector p (written in homogeneous coordinates) would need to be multiplied by this translation matrix : As shown below, the multiplication will give the expected result: The inverse of
1980-426: The 4 entries of a rotation matrix with 2 rows and 2 columns. In 3-dimensional space, every rotation can be interpreted as a rotation by a given angle about a single fixed axis of rotation (see Euler's rotation theorem ), and hence it can be simply described by an angle and a vector with 3 entries. However, it can also be represented by the 9 entries of a rotation matrix with 3 rows and 3 columns. The notion of rotation
2040-686: The Japanese manga magazine Weekly Shōnen Jump . The game supports 2-4 players in multiplayer and features over 75 missions. Koma (panel) is the term for the characters that the player can use in the game. Each koma uses from 1 to 7 squares of the koma deck at the bottom screen of the Nintendo DS . The deck has 20 squares (4 x 5) for the player to place their koma. There are three types of koma: help koma, support koma and battle koma. The player can build and store up to ten koma decks, and each deck must have at least one help koma, one support koma and one battle koma to be valid for use in battle. There are also
2100-475: The case of one or more negative scale factors. The latter corresponds to a combination of scaling proper and a kind of reflection: along lines in a particular direction we take the reflection in the point of intersection with a plane that need not be perpendicular; therefore it is more general than ordinary reflection in the plane. In projective geometry , often used in computer graphics , points are represented using homogeneous coordinates . To scale an object by
2160-442: The case of wireless audio, the computer merely transmits a radio signal , and responsibility of decoding and output is shifted to the speaker. While speakers can be used for any purpose, there are computer speakers which are built for computer use. These speakers are designed to sit on a desk, and as such, cannot be as large as conventional speakers. Computer speakers may be powered via USB , and are most often connected through
2220-468: The case where v x = v y = v z = k , the scaling is also called an enlargement or dilation by a factor k, increasing the area by a factor of k and the volume by a factor of k . Scaling in the most general sense is any affine transformation with a diagonalizable matrix . It includes the case that the three directions of scaling are not perpendicular. It includes also the case that one or more scale factors are equal to zero ( projection ), and
2280-443: The computer through an internal display interface such as LVDS or eDP . The chief advantage of these displays is their portability. Prior to the development of modern pixel-oriented displays, computer terminals were used, composed of a character-oriented display device known as a VDU and a computer keyboard . These terminals were often monochromatic, and could only display text. Rudimentary graphics could be displayed through
2340-419: The computer's boot process, without needing a video output device to be present and functional. A Studio monitor is a speaker used in a studio environment. These speakers optimize for accuracy. A monitor produces a flat (linear) frequency response which does not emphasize or de-emphasize of particular frequencies. Headphones , earphones , and earpieces are a kind of speaker which is supported either on
2400-715: The development team had less than a year to finish the title. Jump Super Stars was later shown at Jump Festa 2005, the same event where Nintendo revealed plans to release games based on Eyeshield 21 . Video game company Tommo had exclusive distribution rights to sell Jump Super Stars (and Jump Ultimate Stars ) in North America through retailers such as Best Buy and Fry's Electronics. Many small business received minimal stock of these games. Jump Super Stars garnered "generally favorable reviews", according to review aggregator site Metacritic . The game sold between 202,139 and 220,912 copies in its first week of availability on
2460-439: The expected result: Such a scaling changes the diameter of an object by a factor between the scale factors, the area by a factor between the smallest and the largest product of two scale factors, and the volume by the product of all three. The scaling is uniform if and only if the scaling factors are equal ( v x = v y = v z ). If all except one of the scale factors are equal to 1, we have directional scaling. In
Jump Super Stars - Misplaced Pages Continue
2520-406: The fabled checker paint which used to be available only in cartoons ). Painting a pixel with a given color usually replaces its previous color. However, many systems support painting with transparent and translucent colors, which only modify the previous pixel values. The two colors may also be combined in more complex ways, e.g. by computing their bitwise exclusive or . This technique
2580-481: The former being an external unit and the latter of which is included within a CPU die. Discrete graphics cards are almost always connected to the host through the PCI Express bus, while older graphics cards may have used AGP or PCI . Some mobile computers support an external graphics card through Thunderbolt (via PCIe). A monitor is a standalone display commonly used with a desktop computer , or in conjunction to
2640-431: The full frequency range of human hearing , with tweeters producing high pitches and woofers producing low pitches. Full-range speakers use only one driver to produce as much of a frequency response as possible. While Hi-Fi speakers attempt to produce high quality sound, computer speakers may compromise on these aspects due to their limited size and to be inexpensive, and the latter often uses full-range speakers as
2700-405: The host device through radio technology such as Bluetooth . Speakers are most often used in pairs, which allows the speaker system to produce positional audio . When more than one pair is used, it is referred to as surround sound . Certain models of computers includes a built-in speaker, which may sacrifice audio quality in favor of size. For example, the built-in speaker of a smartphone allows
2760-442: The image is described indirectly by an object endowed with a self- rendering method —a procedure that assigns colors to the image pixels by an arbitrary algorithm. Complex models can be built by combining simpler objects, in the paradigms of object-oriented programming . In Euclidean geometry , a translation (geometry) moves every point a constant distance in a specified direction. A translation can be described as
2820-436: The machine's graphics card , which usually implement the following operations: Text, shapes and lines are rendered with a client-specified color. Many libraries and cards provide color gradients , which are handy for the generation of smoothly-varying backgrounds, shadow effects, etc. (See also Gouraud shading ). The pixel colors can also be taken from a texture, e.g. a digital image (thus emulating rub-on screentones and
2880-448: The market, according to Famitsu and Media Create . It became one of Japan's best-selling games in 2005, selling between 464,076 and 549,265 copies during its lifetime. 2D computer graphics 2D computer graphics are mainly used in applications that were originally developed upon traditional printing and drawing technologies, such as typography , cartography , technical drawing , advertising , etc. In those applications,
2940-467: The maximum number of special attack gauges. This is a list of represented series in Jump Super Stars . Most of the main characters from each series appear as characters within the games. There are 27 series in total. Jump Super Stars was first revealed in an issue of Weekly Shōnen Jump . Ganbarion was commissioned to develop the game by Hitoshi Yamagami, the head of Nintendo SPD at the time, and
3000-603: The same pixel. See also Portable Document Format#Layers . Output device An output device is any piece of computer hardware that converts information or data into a human-perceptible form or, historically, into a physical machine-readable form for use with other non-computerized equipment. It can be text, graphics, tactile, audio, or video. Examples include monitors, printers, speakers, headphones, projectors, GPS devices, optical mark readers, and braille reader. In an industrial setting, output devices also include "printers" for paper tape and punched cards, especially where
3060-408: The screen or page. See below for other alternative conventions which may change the sense of the rotation produced by a rotation matrix . Particularly useful are the matrices for 90° and 180° rotations: In Euclidean geometry , uniform scaling ( isotropic scaling , homogeneous dilation , homothety ) is a linear transformation that enlarges (increases) or shrinks (diminishes) objects by
SECTION 50
#17328771093993120-410: The sides of the square are not parallel to the scaling axes (the angles between lines parallel to the axes are preserved, but not all angles). A scaling can be represented by a scaling matrix. To scale an object by a vector v = ( v x , v y , v z ), each point p = ( p x , p y , p z ) would need to be multiplied with this scaling matrix : As shown below, the multiplication will give
3180-428: The tape or cards are subsequently used to control industrial equipment, such as an industrial loom with electrical robotics which is not fully computerized A display device is the most common form of output device which presents output visually on computer screen. The output appears temporarily on the screen and can easily be altered or erased. With all-in-one PCs, notebook computers, hand held PCs and other devices;
3240-464: The term display screen is used for the display device. The display devices are also used in home entertainment systems, mobile systems, cameras and video game systems. Display devices form images by illuminating a desired configuration of . Raster display devices are organized in the form of a 2-dimensional matrix with rows and columns. This is done many times within a second, typically 60, 75, 120 or 144 Hz on consumer devices. The interface between
3300-409: The two-dimensional image is not just a representation of a real-world object, but an independent artifact with added semantic value; two-dimensional models are therefore preferred, because they give more direct control of the image than 3D computer graphics (whose approach is more akin to photography than to typography). In many domains, such as desktop publishing , engineering , and business ,
3360-457: The use of ASCII art along with box-drawing characters . Teleprinters were the precursors to these devices. A projector is a display that projects the computer image onto a surface through the use of a high power lamp. These displays are seen in use to show slideshow presentations or in movie screenings. Display technologies can be classified based on working principle, lighting (or lack thereof), pixel layout, and more. A monochrome display
3420-519: The user's head, or the user's ear. Unlike a speaker, headphones are not meant to be audible to people nearby, which suits them for use in the public , office or other quiet environments. Noise-cancelling headphones are built with ambient noise reduction capabilities which may employ active noise cancelling . Loudspeakers are composed of several components within an enclosure , such as several drivers , active amplifiers , crossovers , and other electronics. Multiple drivers are used to reproduce
3480-537: The users to listen to media without attaching an external speaker. The interface between an auditory output device and a computer is the sound card . Sound cards may be included on a computer's motherboard , installed as an expansion card , or as a desktop unit . The sound card may offer either an analog or digital output. In the latter case, output is often transmitted using SPDIF as either an electrical signal or an optical interface known as TOSLINK . Digital outputs are then decoded by an AV receiver . In
3540-743: The virtual canvas. Conceptually, each layer is first rendered on its own, yielding a digital image with the desired resolution which is then painted over the canvas, pixel by pixel. Fully transparent parts of a layer need not be rendered, of course. The rendering and painting may be done in parallel, i.e., each layer pixel may be painted on the canvas as soon as it is produced by the rendering procedure. Layers that consist of complex geometric objects (such as text or polylines ) may be broken down into simpler elements ( characters or line segments , respectively), which are then painted as separate layers, in some order. However, this solution may create undesirable aliasing artifacts wherever two elements overlap
3600-452: The zero vector (i.e., on the coordinates of the origin), rotation matrices can only be used to describe rotations about the origin of the coordinate system. Rotation matrices provide a simple algebraic description of such rotations, and are used extensively for computations in geometry , physics , and computer graphics . In 2-dimensional space, a rotation can be simply described by an angle θ of rotation , but it can be also represented by
#398601